/* ==========================================================================
   Points Atelier — "The Journal" Ghost theme
   Built from the Points Atelier website design system (tokens + bundle.css).
   Square system, hairline rules, one accent (oxblood). Class prefix: pa-.
   ========================================================================== */

/* 1. Fonts (self-hosted, SIL OFL) ---------------------------------------- */
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations"),url(../fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/lora-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/* 2. Tokens --------------------------------------------------------------- */
:root{
  --stone:#E9E4DA; --stone-deep:#DFD8CB; --stone-shade:#CDC3B1;
  --ink:#1F1B1A; --ink-body:#2A2524; --ink-soft:#3A3330;
  --muted-text:#615A54; --muted:#77706A; --hairline:#B9AA8E;
  --oxblood:#5B1A1F; --oxblood-deep:#3E1115; --cream:#F4ECE4; --cream-soft:#E6CFC2;

  /* Ghost's Design settings can override the fonts; defaults are the brand faces. */
  --font-display:var(--gh-font-heading,"DM Serif Display"),Georgia,"Times New Roman",serif;
  --font-sans:var(--gh-font-body,Manrope),"Helvetica Neue",Arial,sans-serif;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px;
  --radius-none:0; --radius-sm:2px;
  --container:1240px; --measure:680px; --gutter:32px; --gutter-phone:16px; --rule:1px;
}

/* 3. Base ----------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
img,svg,video{max-width:100%}
img{height:auto}
button,input{font:inherit}
.pa-page{background:var(--stone);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.pa-page a{color:var(--oxblood)}
.pa-page a:hover{color:var(--oxblood-deep)}
.pa-page :focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}
.pa-page ::selection{background:var(--oxblood);color:var(--cream)}
.pa-site{display:flex;flex-direction:column;min-height:100vh}
.pa-main{flex:1 0 auto}
.pa-skip{position:absolute;left:var(--space-4);top:-60px;z-index:20;background:var(--oxblood);color:var(--cream);padding:10px 16px;font-weight:600;text-decoration:none}
.pa-page .pa-skip{color:var(--cream)}
.pa-skip:focus{top:var(--space-4)}

.pa-container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}
.pa-serif{font-family:var(--font-display);font-weight:400}
.pa-kicker{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--oxblood);margin:0}
.pa-kicker--ink{color:var(--ink)}
a.pa-kicker{text-decoration:none}
.pa-meta{font-family:var(--font-sans);font-size:13px;line-height:20px;color:var(--muted-text)}
.pa-quiet{color:var(--ink);text-decoration:none}
.pa-page a.pa-quiet{color:var(--ink)}
.pa-page a.pa-quiet:hover{color:var(--oxblood)}
.pa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.pa-icon{display:block;flex:none}

/* 4. Buttons -------------------------------------------------------------- */
.pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 20px;border:0;border-radius:var(--radius-sm);background:var(--oxblood);color:var(--cream);font:600 14px/20px var(--font-sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.pa-page a.pa-btn{color:var(--cream)}
.pa-btn:hover,.pa-page a.pa-btn:hover{background:var(--oxblood-deep);color:var(--cream)}
.pa-btn--cream,.pa-page a.pa-btn--cream{background:var(--cream);color:var(--oxblood)}
.pa-btn--cream:hover,.pa-page a.pa-btn--cream:hover{background:#fff8f2;color:var(--oxblood-deep)}
.pa-btn--text{background:none;color:var(--ink);padding:0 10px;font-weight:500}
.pa-btn--text:hover{background:none;color:var(--oxblood)}
.pa-btn--icon{background:none;color:var(--ink);padding:0;width:44px}
.pa-btn--icon:hover{background:none;color:var(--oxblood)}
.pa-link-quiet{white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}
.pa-page a.pa-link-quiet{color:var(--ink)}
.pa-page a.pa-link-quiet:hover{color:var(--oxblood)}

/* 5. Disclosure bar ------------------------------------------------------- */
.pa-disclosure{border-bottom:var(--rule) solid var(--hairline)}
.pa-disclosure__row{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-block:9px;font-size:12px;line-height:18px;color:var(--muted-text)}
.pa-disclosure__row--end{justify-content:flex-end}
.pa-disclosure__short{display:none}

/* 6. Masthead (home) ------------------------------------------------------ */
.pa-masthead{padding-top:var(--space-8)}
.pa-masthead__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4)}
.pa-masthead__start{justify-self:start;display:flex;align-items:center}
.pa-masthead__start .pa-btn--text{margin-left:-10px}
.pa-masthead__actions{justify-self:end;display:flex;align-items:center;gap:var(--space-4)}
.pa-wordmark{font-family:var(--font-display);font-weight:400;font-size:56px;line-height:1;letter-spacing:-.01em;color:var(--ink);text-decoration:none;white-space:nowrap}
.pa-page a.pa-wordmark{color:var(--ink)}
.pa-page a.pa-wordmark:hover{color:var(--ink)}
/* was: .pa-tagline{text-align:center;margin:var(--space-3) 0 22px;font-family:var(--font-display);font-style:italic;font-size:14px;line-height:20px;color:var(--muted-text)} */
.pa-tagline{text-align:center;margin:var(--space-3) 0 22px;font-family:"Lora",Georgia,serif;font-style:italic;font-weight:500;font-size:16px;line-height:24px;color:var(--muted-text)}
.pa-nav{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding-block:14px;border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--hairline)}
.pa-nav a,.pa-page .pa-nav a{color:var(--ink);text-decoration:none;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.pa-page .pa-nav a:hover,.pa-page .pa-nav a[aria-current="page"]{color:var(--oxblood)}

/* 7. Compact header (articles, inner pages) ------------------------------- */
.pa-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;border-bottom:var(--rule) solid var(--ink)}
.pa-header .pa-wordmark{font-size:30px}
.pa-header .pa-nav{border:0;padding:0;gap:28px;flex:1 1 auto;justify-content:center;min-width:0}
.pa-header__actions{display:flex;align-items:center;gap:var(--space-2)}
.pa-header__menu{display:none}

/* Menu panel (phones) */
.pa-menu{display:none;border-bottom:var(--rule) solid var(--ink)}
.pa-menu.is-open{display:block}
.pa-menu nav{display:flex;flex-direction:column;padding-block:var(--space-2)}
.pa-menu nav a,.pa-page .pa-menu nav a{display:block;padding:12px 0;border-bottom:var(--rule) solid var(--hairline);color:var(--ink);text-decoration:none;font-size:17px;font-weight:500}
.pa-menu nav a:last-child{border-bottom:0}
.pa-menu__actions{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) 0 var(--space-5);border-top:var(--rule) solid var(--hairline)}

/* 8. Section head --------------------------------------------------------- */
.pa-section{margin-top:var(--space-16)}
.pa-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;border-top:var(--rule) solid var(--ink);padding-top:18px;margin-bottom:var(--space-5)}
.pa-section-head h2{margin:0}
.pa-section-head a{font-size:13px;text-decoration:none}

/* 9. Home: lead + latest -------------------------------------------------- */
.pa-home{padding-top:var(--space-10)}
.pa-front{display:flex;gap:var(--space-12);flex-wrap:wrap}
.pa-lead{flex:2 1 560px;min-width:0}
.pa-lead__media{display:block;aspect-ratio:3/2;background:var(--stone-shade);overflow:hidden}
.pa-lead__media img{display:block;width:100%;height:100%;object-fit:cover}
.pa-lead .pa-kicker{margin-top:22px}
.pa-lead--text .pa-kicker{margin-top:0}
.pa-lead__title{font-family:var(--font-display);font-weight:400;font-size:58px;line-height:1.04;letter-spacing:-.01em;margin:10px 0 14px;text-wrap:balance}
.pa-lead--text .pa-lead__title{font-size:72px;line-height:1.02}
.pa-lead__dek{font-size:19px;line-height:1.55;color:var(--ink-soft);margin:0 0 14px;max-width:640px}
.pa-latest-col{flex:1 1 300px;min-width:0}
.pa-latest-col > .pa-kicker{padding-bottom:12px;border-bottom:var(--rule) solid var(--ink)}
.pa-latest{list-style:none;margin:0;padding:0}
.pa-latest li{border-bottom:var(--rule) solid var(--hairline)}
.pa-latest li:last-child{border-bottom:0}
.pa-latest a{display:block;padding-block:var(--space-5);color:var(--ink);text-decoration:none}
.pa-page .pa-latest a{color:var(--ink)}
.pa-page .pa-latest a:hover .pa-latest__title{color:var(--oxblood)}
.pa-latest__title{font-family:var(--font-display);font-size:24px;line-height:1.2;margin:6px 0 8px}

/* 10. Numbers strip ------------------------------------------------------- */
.pa-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pa-number{padding:8px 32px;border-right:var(--rule) solid var(--hairline);color:var(--ink);text-decoration:none;display:block}
.pa-page a.pa-number{color:var(--ink)}
.pa-page a.pa-number:hover .pa-number__label{color:var(--oxblood)}
.pa-number:first-child{padding-left:0}
.pa-number:last-child{border-right:0;padding-right:0}
.pa-number__value{font-family:var(--font-display);font-size:72px;line-height:1;color:var(--oxblood);font-variant-numeric:tabular-nums}
.pa-number__label{margin:12px 0 0;font-size:15px;line-height:1.5}

/* 11. Story cards --------------------------------------------------------- */
.pa-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.pa-cards--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pa-card{display:block;color:var(--ink);text-decoration:none}
.pa-page a.pa-card{color:var(--ink)}
.pa-page a.pa-card:hover .pa-card__title{color:var(--oxblood)}
.pa-card__img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--stone-shade)}
.pa-card__img--type{display:flex;align-items:flex-end;padding:18px;background:var(--stone-deep);font-family:var(--font-display);font-size:64px;line-height:1;color:var(--oxblood)}
.pa-card .pa-kicker{margin-top:14px}
.pa-card__title{font-family:var(--font-display);font-size:24px;line-height:1.2;margin-top:14px}
.pa-card .pa-kicker + .pa-card__title{margin-top:6px}

/* 12. Archive rows (tag, author, older pages) ----------------------------- */
.pa-archive-head{padding:56px 0 var(--space-8);border-bottom:var(--rule) solid var(--ink)}
.pa-archive-head__title{font-family:var(--font-display);font-weight:400;font-size:52px;line-height:1.06;letter-spacing:-.01em;margin:12px 0 0;text-wrap:balance}
.pa-archive-head__desc{margin:14px 0 0;max-width:var(--measure);font-size:19px;line-height:1.55;color:var(--ink-soft)}
.pa-rows{list-style:none;margin:0;padding:0}
.pa-row{border-bottom:var(--rule) solid var(--hairline)}
.pa-row > a{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--space-8);align-items:start;padding-block:28px;color:var(--ink);text-decoration:none}
.pa-row > a.pa-row--noimg{grid-template-columns:minmax(0,1fr)}
.pa-page .pa-row > a{color:var(--ink)}
.pa-page .pa-row > a:hover .pa-row__title{color:var(--oxblood)}
.pa-row__title{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.15;margin:8px 0 10px;text-wrap:balance}
.pa-row__excerpt{margin:0 0 10px;font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:var(--measure)}
.pa-row__img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--stone-shade)}
.pa-empty{padding:var(--space-12) 0;color:var(--muted-text)}

/* 13. Pagination ---------------------------------------------------------- */
.pa-pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:28px;border-top:var(--rule) solid var(--ink);margin-top:-1px;font-size:14px;font-weight:500}
.pa-pagination a{text-decoration:none}
.pa-pagination span:empty{display:block;width:1px}

/* 14. Figure -------------------------------------------------------------- */
.pa-figure{margin:0}
.pa-figure img{display:block;width:100%;height:auto}
.pa-figure figcaption,.gh-content figcaption{margin-top:10px;font-size:13px;line-height:20px;color:var(--muted-text);text-align:left}
.pa-feature,.pa-figure.pa-feature{margin:0 auto 56px}
.pa-feature img{max-height:78vh;object-fit:cover;background:var(--stone-shade)}

/* 15. Article header ------------------------------------------------------ */
.pa-article-head{max-width:860px;margin:0 auto;padding:64px var(--gutter) 40px;text-align:center}
.pa-article-head__title{font-family:var(--font-display);font-weight:400;font-size:60px;line-height:1.06;letter-spacing:-.01em;margin:16px 0 20px;text-wrap:balance;color:var(--ink)}
.pa-article-head__dek{margin:0 auto;max-width:var(--measure);font-size:21px;line-height:1.55;color:var(--ink-soft)}
.pa-article-head__meta{margin-top:26px;display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap}
.pa-verified,.pa-page a.pa-verified{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--oxblood);text-decoration:none}
.pa-page a.pa-verified:hover{text-decoration:underline}
.pa-page-head{padding-bottom:var(--space-10)}
.pa-page-head--bare{padding-bottom:0}

/* 16. Article content (Ghost editor output) ------------------------------- */
.gh-content{
  --main:min(var(--measure),100% - 2 * var(--gutter));
  display:grid;
  grid-template-columns:[full-start] minmax(var(--gutter),1fr) [wide-start] minmax(0,180px) [main-start] var(--main) [main-end] minmax(0,180px) [wide-end] minmax(var(--gutter),1fr) [full-end];
  padding-bottom:var(--space-4);
  color:var(--ink-body);
}
.gh-content > *{grid-column:main-start/main-end;min-width:0}
.gh-content > .kg-width-wide{grid-column:wide-start/wide-end}
.gh-content > .kg-width-full{grid-column:full-start/full-end}
.gh-content > .kg-width-full img{width:100%}
.gh-content > *{margin-top:0;margin-bottom:0}
.gh-content > * + *{margin-top:var(--space-6)}
.gh-content > p,.gh-content > ul,.gh-content > ol{font-size:19px;line-height:1.7;color:var(--ink-body)}
.gh-content > ul,.gh-content > ol{padding-left:1.3em}
.gh-content li{margin:0 0 .5em;padding-left:.2em}
.gh-content li::marker{color:var(--oxblood)}
.gh-content > h2{font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.15;margin-top:var(--space-12);margin-bottom:-4px;color:var(--ink);text-wrap:balance}
.gh-content > h3{font-family:var(--font-sans);font-weight:700;font-size:21px;line-height:1.35;margin-top:var(--space-10);margin-bottom:-8px;color:var(--ink)}
.gh-content > h4{font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--space-10);margin-bottom:-12px;color:var(--ink)}
.gh-content > .pa-callout + h2,.gh-content > .pa-tip + h2{margin-top:var(--space-8)}
.gh-content > h2 + *,.gh-content > h3 + *,.gh-content > h4 + *{margin-top:var(--space-4)}
.gh-content a{color:var(--oxblood);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.gh-content a:hover{color:var(--oxblood-deep)}
.gh-content strong{font-weight:700;color:var(--ink)}
.gh-content > blockquote:not([class]){margin-block:var(--space-10);padding:0 0 0 var(--space-6);border-left:var(--rule) solid var(--oxblood);font-family:var(--font-display);font-size:28px;line-height:1.35;color:var(--ink)}
.gh-content > blockquote:not([class]) p{margin:0}
.gh-content > blockquote.kg-blockquote-alt{margin-block:var(--space-10);padding:0;border:0;text-align:center;font-family:var(--font-display);font-style:normal;font-size:34px;line-height:1.25;color:var(--oxblood)}
.gh-content > hr{border:0;height:0;border-top:var(--rule) solid var(--hairline);margin-block:var(--space-12)}
.gh-content code{font-size:.88em;background:var(--stone-deep);padding:.1em .35em}
.gh-content > pre{background:var(--ink);color:var(--cream);padding:var(--space-5);overflow-x:auto;font-size:14px;line-height:1.6}
.gh-content > pre code{background:none;padding:0}
.gh-content > .kg-card + *,.gh-content > * + .kg-card{margin-top:var(--space-10)}
.gh-content .kg-image{display:block;margin-inline:auto;max-width:100%}
.gh-content .kg-image-card img,.gh-content .kg-gallery-card img{background:var(--stone-shade)}
.gh-content .kg-width-full figcaption{padding-inline:var(--gutter)}
.gh-content .kg-embed-card{display:flex;flex-direction:column;align-items:center}
.gh-content .kg-embed-card > *{max-width:100%}
.gh-content .kg-callout-card{border-radius:0}
.gh-content .kg-button-card a.kg-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:600}
.gh-content .kg-bookmark-container{border-radius:0;border-color:var(--hairline);background:transparent}
.gh-content .kg-toggle-card{border-radius:0;border-color:var(--hairline)}

/* Drop cap on posts whose text opens with a paragraph (tag #no-dropcap turns it off) */
.post-template:not(.tag-hash-no-dropcap) .gh-content > p:first-child::first-letter,
.pa-dropcap::first-letter{font-family:var(--font-display);float:left;font-size:84px;line-height:.82;padding:8px 12px 0 0;color:var(--oxblood)}

/* Tables: the DataTable component, also applied to any table in a post */
.pa-table,.gh-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums}
.pa-table th,.gh-content table th{text-align:left;font-weight:500;color:var(--muted-text);padding:14px 12px 14px 0;border-bottom:var(--rule) solid var(--hairline);vertical-align:top}
.pa-table td,.gh-content table td{padding:14px 12px 14px 0;border-bottom:var(--rule) solid var(--hairline);font-weight:600;color:var(--ink);vertical-align:top}
.pa-table thead th,.gh-content table thead th{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-text);border-bottom-color:var(--ink)}
.pa-table-wrap{overflow-x:auto}

/* 17. Article blocks (saved as Ghost snippets) ---------------------------- */
/* Number callout */
.pa-callout{margin-block:44px;padding-block:36px;border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--hairline);display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap}
.gh-content > .pa-callout,.gh-content > .kg-html-card .pa-callout{margin-block:44px}
.pa-callout__value{font-family:var(--font-display);font-size:104px;line-height:.9;color:var(--oxblood);font-variant-numeric:tabular-nums}
.pa-callout__text{padding-bottom:8px;font-size:16px;line-height:1.5;color:var(--ink)}
.pa-callout__text .pa-kicker{display:block;margin-bottom:6px}
/* Quick tip */
.pa-tip{margin-block:36px;padding:22px 24px;background:var(--stone-deep)}
.pa-tip .pa-kicker{display:block}
.pa-tip p:not(.pa-kicker){margin:8px 0 0;font-size:17px;line-height:1.6;color:var(--ink)}
/* The Atelier Take: double hairline frame */
.pa-take{margin-block:56px;border:var(--rule) solid var(--hairline);padding:var(--space-2)}
.pa-take__inner{border:var(--rule) solid var(--hairline);padding:36px 36px 32px;text-align:center}
.pa-take h2.pa-kicker,.pa-take .pa-kicker{margin:0;font-size:12px;line-height:16px}
.pa-take__text,.pa-take p.pa-take__text{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.3;margin:16px 0 0;color:var(--ink);text-wrap:balance}
/* Sources list */
.pa-sources{border-top:var(--rule) solid var(--ink);padding-top:18px;margin-top:var(--space-12);scroll-margin-top:var(--space-6)}
.pa-sources h2.pa-kicker{margin:0}
.pa-sources ul{list-style:none;margin:var(--space-3) 0 0;padding:0;font-size:15px;line-height:1.5}
.pa-sources li{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin:0;padding:var(--space-3) 0;border-bottom:var(--rule) solid var(--hairline);color:var(--ink)}
.pa-sources li:last-child{border-bottom:0}
.pa-sources__src{font-size:14px;color:var(--muted-text)}
.pa-sources .pa-meta{margin:16px 0 0}
.gh-content .pa-sources li::marker{content:none}
.gh-content .kg-html-card > :first-child{margin-top:0}
.gh-content .kg-html-card > :last-child{margin-bottom:0}

/* 18. Newsletter band ----------------------------------------------------- */
.pa-newsletter{background:var(--oxblood);color:var(--cream);margin-top:var(--space-20)}
.pa-newsletter__row{display:flex;gap:var(--space-12);flex-wrap:wrap;align-items:center;padding-block:var(--space-16)}
.pa-newsletter__copy{flex:1 1 420px}
.pa-newsletter__title{font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1.1;margin:0}
.pa-newsletter__text{margin:14px 0 0;font-size:17px;line-height:1.6}
.pa-newsletter .pa-form{flex:1 1 420px}
.pa-form{display:flex;flex-direction:column;gap:14px}
.pa-form fieldset{border:0;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.pa-form label.pa-choice{display:flex;gap:8px;align-items:center;font-size:15px;cursor:pointer}
.pa-form input[type=radio]{accent-color:var(--cream);width:18px;height:18px;margin:0}
.pa-field-row{display:flex;gap:10px;flex-wrap:wrap}
.pa-input{flex:1 1 240px;min-width:0;height:52px;border:var(--rule) solid var(--hairline);background:transparent;color:var(--ink);padding:0 16px;font:400 16px var(--font-sans);border-radius:var(--radius-sm)}
.pa-on-ox .pa-input{border-color:var(--cream);color:var(--cream)}
.pa-on-ox .pa-input::placeholder{color:var(--cream-soft);opacity:1}
.pa-on-ox .pa-input:focus-visible,.pa-on-ox :focus-visible{outline-color:var(--cream)}
.pa-newsletter .pa-btn{height:52px;padding:0 26px}
.pa-page .pa-on-ox a{color:var(--cream)}
.pa-page .pa-on-ox a:hover{color:#fff}
.pa-newsletter__fine{margin:0;font-size:13px}
.pa-form__success,.pa-form__error{display:none;margin:0;font-size:15px;line-height:1.5}
.pa-form.success .pa-form__fields{display:none}
.pa-form.success .pa-form__success{display:block}
.pa-form.error .pa-form__error{display:block}
.pa-form.loading button[type=submit]{opacity:.7;pointer-events:none}
.pa-form__success strong{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.2;display:block;margin-bottom:4px}
.pa-form__fields{display:flex;flex-direction:column;gap:14px}

/* Inline subscribe (end of article) */
.pa-subscribe-wrap{max-width:var(--measure);margin:56px auto 0;padding-inline:var(--gutter);box-sizing:content-box}
.pa-subscribe{background:var(--oxblood);color:var(--cream);padding:32px}
.pa-subscribe__title{font-family:var(--font-display);font-size:28px;line-height:1.2}
.pa-subscribe .pa-form{margin-top:18px}
.pa-subscribe .pa-input{height:50px}
.pa-subscribe .pa-btn{height:50px;padding:0 24px}

/* 19. Keep reading -------------------------------------------------------- */
.pa-more{margin-top:var(--space-20);padding-bottom:8px}

/* 20. Error page ---------------------------------------------------------- */
.pa-error{padding:96px 0 32px;text-align:center}
.pa-error__code{font-family:var(--font-display);font-size:120px;line-height:1;color:var(--oxblood)}
.pa-error__title{font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1.15;margin:16px 0 12px}
.pa-error p{font-size:17px;color:var(--ink-soft);margin:0 0 28px}

/* 21. Footer -------------------------------------------------------------- */
.pa-footer{padding-block:56px 40px}
.pa-newsletter + .pa-footer{padding-top:56px}
.pa-footer__top{display:flex;gap:var(--space-12);flex-wrap:wrap;justify-content:space-between}
.pa-footer__brand{flex:1 1 240px}
.pa-footer__brand .pa-serif{font-size:30px;line-height:1.1}
.pa-footer__brand p{font-size:14px;line-height:1.6;margin:10px 0 0;max-width:300px}
.pa-footer__cols{flex:2 1 480px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-6);font-size:14px;line-height:2}
.pa-footer__cols .pa-kicker{margin-bottom:4px}
.pa-footer__cols a,.pa-page .pa-footer__cols a{display:block;color:var(--ink);text-decoration:none}
.pa-page .pa-footer__cols a:hover{color:var(--oxblood)}
.pa-footer__base{border-top:var(--rule) solid var(--hairline);margin-top:var(--space-10);padding-top:18px;display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:12px;line-height:18px;color:var(--muted-text)}
.pa-site > .pa-main + .pa-footer{border-top:var(--rule) solid var(--ink);margin-top:var(--space-20)}

/* 22. Tablet -------------------------------------------------------------- */
@media (max-width:1020px){
  .pa-masthead .pa-wordmark{font-size:44px}
  .pa-header .pa-nav{display:none}
  .pa-header__menu{display:inline-flex}
  .pa-header{display:grid;grid-template-columns:1fr auto 1fr;padding-block:10px}
  .pa-header__start{justify-self:start;margin-left:-10px}
  .pa-header .pa-wordmark{justify-self:center}
  .pa-header__actions{justify-self:end}
}
@media (max-width:820px){
  .pa-masthead__signin{display:none}
  .pa-masthead .pa-wordmark{font-size:38px}
}
@media (min-width:1021px){
  .pa-menu,.pa-menu.is-open{display:none}
  .pa-header__start{display:none}
}

/* 23. Phones -------------------------------------------------------------- */
@media (max-width:640px){
  .pa-container,.pa-subscribe-wrap{padding-inline:var(--gutter-phone)}
  .gh-content{--main:calc(100% - 2 * var(--gutter-phone));grid-template-columns:[full-start] var(--gutter-phone) [wide-start] 0 [main-start] var(--main) [main-end] 0 [wide-end] var(--gutter-phone) [full-end]}
  .pa-disclosure__row{padding-block:7px;font-size:11px}
  .pa-disclosure__date,.pa-disclosure__long{display:none}
  .pa-disclosure__short{display:inline}
  .pa-disclosure__row{justify-content:flex-start}

  .pa-masthead{padding-top:var(--space-4)}
  .pa-masthead__row{gap:0}
  .pa-masthead__start .pa-btn--text span,.pa-masthead__signin{display:none}
  .pa-masthead__start .pa-btn--text{margin-left:-12px;width:44px;padding:0}
  .pa-masthead__actions .pa-btn{min-height:40px;padding:0 12px;font-size:13px}
  .pa-wordmark{font-size:36px}
  .pa-masthead .pa-wordmark{font-size:26px}
  .pa-masthead__actions .pa-btn,.pa-header__actions .pa-btn{padding:0 11px}
  /* was: .pa-tagline{margin:8px 0 14px;font-size:13px} */ .pa-tagline{margin:8px 0 14px}
  .pa-masthead .pa-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:22px;margin-inline:calc(-1 * var(--gutter-phone));padding-inline:var(--gutter-phone);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pa-masthead .pa-nav::-webkit-scrollbar{display:none}

  .pa-header{gap:var(--space-2)}
  .pa-header__start{margin-left:-12px}
  .pa-header .pa-wordmark{font-size:24px}
  .pa-header__actions .pa-btn{min-height:40px;padding:0 12px;font-size:13px}
  .pa-header__actions .pa-btn--icon{display:none}

  .pa-home{padding-top:var(--space-6)}
  .pa-front{gap:var(--space-10)}
  .pa-lead{flex-basis:100%}
  .pa-lead__media{margin-inline:calc(-1 * var(--gutter-phone));aspect-ratio:4/3}
  .pa-lead__title{font-size:36px;line-height:1.08}
  .pa-lead--text .pa-lead__title{font-size:44px}
  .pa-lead__dek{font-size:17px}
  .pa-latest__title{font-size:22px}
  .pa-section{margin-top:var(--space-12)}

  .pa-number{padding:16px 0;border-right:0;border-bottom:var(--rule) solid var(--hairline)}
  .pa-number:first-child{padding-top:0}
  .pa-number:last-child{border-bottom:0}
  .pa-number__value{font-size:60px}

  .pa-cards{gap:var(--space-8)}

  .pa-archive-head{padding:32px 0 22px}
  .pa-archive-head__title{font-size:36px}
  .pa-archive-head__desc{font-size:17px}
  .pa-row > a{grid-template-columns:minmax(0,1fr) 96px;gap:var(--space-4);padding-block:var(--space-5)}
  .pa-row__title{font-size:21px;line-height:1.2;margin:6px 0 6px}
  .pa-row__excerpt{display:none}

  .pa-article-head{text-align:left;padding:32px var(--gutter-phone) 22px}
  .pa-article-head__title{font-size:36px;line-height:1.08;margin:12px 0 14px}
  .pa-article-head__dek{font-size:17px;line-height:1.5}
  .pa-article-head__meta{justify-content:flex-start;margin-top:16px;gap:4px 14px}
  .pa-feature,.pa-figure.pa-feature{margin-bottom:28px}
  .pa-feature figcaption{padding-inline:var(--gutter-phone)}
  .pa-feature img{max-height:none;aspect-ratio:4/5}
  .pa-feature.pa-container{padding-inline:0}

  .gh-content > p,.gh-content > ul,.gh-content > ol{font-size:17px;line-height:1.65}
  .gh-content > * + *{margin-top:20px}
  .gh-content > h2{font-size:28px;margin-top:var(--space-8)}
  .gh-content > h3{font-size:19px;margin-top:var(--space-8)}
  .gh-content > blockquote:not([class]){font-size:23px}
  .post-template:not(.tag-hash-no-dropcap) .gh-content > p:first-child::first-letter,.pa-dropcap::first-letter{font-size:64px;padding:6px 10px 0 0}
  .gh-content table,.pa-table{font-size:15px}

  .pa-callout,.gh-content > .pa-callout,.gh-content > .kg-html-card .pa-callout{margin-block:28px;padding-block:24px;flex-direction:column;align-items:flex-start;gap:12px}
  .pa-callout__value{font-size:76px}
  .pa-callout__text{padding-bottom:0;font-size:15px}
  .pa-tip{margin-block:28px;padding:18px 18px}
  .pa-take{margin-block:28px;padding:6px}
  .pa-take__inner{padding:24px 20px}
  .pa-take__text,.pa-take p.pa-take__text{font-size:23px;margin-top:12px}

  .pa-newsletter{margin-top:var(--space-16)}
  .pa-newsletter__row{padding-block:var(--space-12);gap:var(--space-8)}
  .pa-newsletter__copy,.pa-newsletter .pa-form{flex-basis:100%}
  .pa-newsletter__title{font-size:32px}
  .pa-newsletter__text{font-size:16px}
  .pa-field-row .pa-input,.pa-field-row .pa-btn{flex:1 1 100%;width:100%}
  .pa-subscribe{padding:22px}
  .pa-subscribe__title{font-size:22px}
  .pa-subscribe-wrap{margin-top:var(--space-10)}

  .pa-more{margin-top:var(--space-16)}
  .pa-footer{padding-block:var(--space-10) var(--space-8)}
  .pa-footer__top{gap:var(--space-8)}
  .pa-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pa-error{padding-top:56px}
  .pa-error__code{font-size:88px}
  .pa-error__title{font-size:30px}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{
  .pa-disclosure,.pa-header,.pa-masthead,.pa-menu,.pa-newsletter,.pa-subscribe-wrap,.pa-more,.pa-footer{display:none}
  .pa-page{background:#fff}
}

/* ==========================================================================
   Moved from Code Injection into the theme (v1.0.4, Oct 13 2026).
   Order matches the old cascade: site-wide rules first, then page rules.
   ========================================================================== */

/* ---- Site-wide (was Settings > Code injection > Site header) ---- */
/* -- pa-site-overrides -- */

/* Guide glance block (Oct 10): no cream logo panel. Logo sits on the page, top right on desktop, above the label on phones. Overrides the pa-g CSS in each guide; fold into theme v1.0.2. */
.gh-content .pa-g-glance{grid-template-columns:1fr;position:relative}
.gh-content .pa-g-glance .pa-g-glance__mark{position:absolute;top:26px;right:0;background:none;border:0;padding:0;gap:8px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;text-align:right;max-width:160px}
.gh-content .pa-g-glance .pa-g-glance__mark .pa-g-logo{max-height:48px;max-width:120px;object-fit:contain;object-position:right center}
.gh-content .pa-g-glance .pa-g-glance__owner{font-size:10px;line-height:14px;letter-spacing:.14em;margin:0}
.gh-content .pa-g-glance .pa-g-glance__body{padding:24px 0 22px 0}
.gh-content .pa-g-glance .pa-kicker,.gh-content .pa-g-glance .pa-g-glance__name{padding-right:180px}
.gh-content .pa-g-glance .pa-g-glance__best{max-width:min(60ch,calc(100% - 180px))}
@media (max-width:640px){
 .gh-content .pa-g-glance .pa-g-glance__mark{position:static;flex-direction:row;align-items:center;justify-content:flex-start;max-width:none;padding:20px 0 0;text-align:left}
 .gh-content .pa-g-glance .pa-g-glance__mark .pa-g-logo{max-height:30px;max-width:110px;object-position:left center}
 .gh-content .pa-g-glance .pa-g-glance__owner{display:none}
 .gh-content .pa-g-glance .pa-g-glance__body{padding:14px 0 16px 0}
 .gh-content .pa-g-glance .pa-kicker,.gh-content .pa-g-glance .pa-g-glance__name{padding-right:0}
 .gh-content .pa-g-glance .pa-g-glance__best{max-width:none}
}

/* -- pa-site-align -- */

/* Alignment pass (Oct 11, 2026). Site-wide, so every page gets it at once. Fold into theme v1.0.2 with the block above. */
/* A. Guide "At a glance" stats: one row on desktop and tablet; labels share one row so every value sits on the same line; labels wrap evenly. */
.gh-content .pa-g-glance .pa-g-glance__stats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:0}
.gh-content .pa-g-glance .pa-g-glance__stats>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-content:start}
.gh-content .pa-g-glance .pa-g-glance__stats dt{grid-row:1;align-self:end;margin:0 0 4px;text-wrap:balance}
.gh-content .pa-g-glance .pa-g-glance__stats dd{grid-row:2;align-self:start}
.gh-content .pa-g-glance .pa-g-glance__owner{text-wrap:balance}
/* B. Side-by-side tiles: the bottom line of every tile in a row lines up. */
.gh-content .pa-cd__rel a{display:flex;flex-direction:column}
.gh-content .pa-cd__rel small{margin-top:auto;padding-top:4px}
.gh-content .pa-cd__rel:has(>a:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.gh-content .pa-cd__rel>a:nth-child(7):last-child{display:none}
.gh-content .pa-cd__stats{grid-template-columns:minmax(0,1fr) fit-content(50%)}
.gh-content .pa-cd__big,.gh-content .pa-cd__feev{text-wrap:balance}
.gh-content .pa-g-stats{grid-auto-rows:auto}
.gh-content .pa-g-stats>div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;grid-template-columns:minmax(0,1fr);justify-content:stretch}
.gh-content .pa-tb-group__cards{align-items:flex-start}
.gh-content .pa-tb-group__cards img{object-fit:contain}
@media (min-width:821px){
 .gh-content .pa-g-cards:not(.pa-g-cards--3){grid-auto-rows:auto}
 .gh-content .pa-g-cards:not(.pa-g-cards--3)>.pa-g-card{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
 .gh-content .pa-g-cards:not(.pa-g-cards--3) .pa-g-card__artlink{grid-row:1/-1}
 .gh-content .pa-g-cards:not(.pa-g-cards--3) .pa-g-card__body{grid-row:1/-1;display:grid;grid-template-rows:subgrid;row-gap:0}
 .gh-content .pa-g-cards:not(.pa-g-cards--3) .pa-g-card__body>*{margin-top:0!important;margin-bottom:8px!important}
 .gh-content .pa-g-programs--list .pa-g-program{grid-row:span 4;grid-template-rows:subgrid}
 .gh-content .pa-g-programs--list .pa-g-program__mark{grid-row:1/-1}
 .gh-content .pa-g-programs:not(.pa-g-programs--list):has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
 .gh-content .pa-g-props:not(.pa-g-props--3)>:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}
}
@media (min-width:641px){
 .gh-content .pa-g-trip{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;align-content:start;grid-template-columns:minmax(0,1fr);justify-content:stretch}
 .gh-content .pa-tb-grid>:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}
}
@media (min-width:768px){.pa-cards--3:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.pa-cards--3:has(>:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}}
@media (min-width:641px) and (max-width:1199px){.pa-cards:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1020px){
 .gh-content .pa-g-glance .pa-g-glance__stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
 .gh-content .pa-g-glance .pa-g-glance__stats>div:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:640px){
 .gh-content .pa-g-stats>div:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}
}
/* C. Even line breaks: no one-word last lines in labels and headings. */
.gh-content :is(.pa-kicker,.pa-cd__kicker,.pa-cd__label,.pa-cr__label,.pa-g-prop__tag,.pa-g-prop__place,.pa-g-stats__l,.pa-tb-group__with,.pa-g-jump a,dt),
.gh-content :is(h1,h2,h3,.pa-g-glance__name,.pa-g-card__name,.pa-g-prop__name,.pa-g-setup__name,.pa-g-tier__name,.pa-cd__h2),
.pa-card__title,.gh-article-title,.gh-article-excerpt{text-wrap:balance}

/* Oct 11: big callout values on phones get room under descenders (p, commas), matching desktop spacing. */
@media (max-width:640px){.gh-content .pa-callout__value{line-height:1;padding-bottom:.12em}}

/* Oct 11: list thumbnails on phones (tag pages) ~a third of the row instead of 96px, so the house plates read. */
@media (max-width:640px){.pa-row > a{grid-template-columns:minmax(0,1fr) clamp(112px,34vw,150px)}}

/* Oct 11: house plates at the top of articles keep their 3:2 shape on phones (the 4:5 crop is for photos and cut the drawings). Number plates (files named pa-plate-num-*) sit at text width so the big numeral stays quiet. */
@media (max-width:640px){.pa-feature img[src*="/pa-plate-"]{aspect-ratio:3/2}}
.pa-feature img[src*="/pa-plate-num-"]{display:block;width:min(100%,680px);margin-inline:auto;aspect-ratio:3/2;max-height:none;object-fit:contain;background:none}

/* Oct 11: post tiles (home Start here, Keep reading) show the whole 3:2 house plate (the 4:3 crop cut the drawings' edges), on a slightly darker stone so each plate reads as a tile; on phones, tighter image-to-title and more room between posts. */
.pa-card__img[src*="/pa-plate-"]{aspect-ratio:3/2;filter:brightness(.965)}
@media (max-width:640px){.pa-cards{gap:48px}.pa-card__title{margin-top:12px}}

/* Oct 11: eight nav items (The Atelier added) wrap the inner-page header at 1021–1069px; tighten link spacing there only. */
@media (min-width:1021px) and (max-width:1100px){.pa-header .pa-nav{column-gap:20px}}

/* Oct 11, 9am: same rule for the home lead story and tag-page list rows: house plates show whole (3:2) on a slightly darker stone tile. Any new slot that can hold a plate gets this too (PAQA v2.1 flags plate-cropped / plate-edge-invisible). */
.pa-row__img[src*="/pa-plate-"]{aspect-ratio:3/2;filter:brightness(.965)}
.pa-lead__media:has(img[src*="/pa-plate-"]){aspect-ratio:3/2}
.pa-lead__media img[src*="/pa-plate-"]{filter:brightness(.965)}

/* -- pa-rel-centre -- */
/* Oct 11: related-card tiles on card pages centre their last row (was left-aligned 4+3 / 4+4+2). Fold into theme. */
@media (min-width:701px){.gh-content .pa-cd__rel{display:flex;flex-wrap:wrap;justify-content:center}.gh-content .pa-cd__rel>a{flex:0 0 calc((100% - (var(--c,3) - 1) * 12px) / var(--c,3));box-sizing:border-box}.gh-content .pa-cd__rel:has(>a:nth-child(4):last-child)>a{flex-basis:calc((100% - 12px) / 2)}}
/* -- pa-grid-gaps -- */
/* Oct 11: .gh-content is a CSS grid, so a block's bottom margin and the next block's top margin add up instead of collapsing (88px after a quote vs 48px elsewhere). Restores "the larger space wins". Checked with PAQA v2.2 stacked-margins; see claude/site-layout-qa.md. */
.gh-content>:is(.pa-g-glance,.pa-rp,.pa-tg,.pa-cs-bars__src):has(+ *),.gh-content>blockquote:has(+ :is(h2,h3,h4)),.gh-content>*:has(+ :is(.pa-take,.pa-g-tm)){margin-bottom:0!important}
.gh-content>:is(.pa-tip,.pa-callout,.pa-take)+:not(.pa-take,.pa-g-tm),.gh-content>blockquote+:not(h1,h2,h3,h4,.pa-take,.pa-g-tm){margin-top:0!important}

/* -- pa-card-tiles -- */

/* Oct 12: guide card tiles (.pa-g-card) place art and text by column, whatever the markup. Tiles for cards without a review page have a bare <img> (or a typeset placeholder) instead of the <a class="pa-g-card__artlink"> wrapper, so the subgrid rule in pa-site-align put their text in the art column on desktop. */
@media (min-width:821px){.gh-content .pa-g-cards:not(.pa-g-cards--3)>.pa-g-card>:not(.pa-g-card__body){grid-column:1;grid-row:1/-1;align-self:start}.gh-content .pa-g-cards:not(.pa-g-cards--3)>.pa-g-card>.pa-g-card__body{grid-column:2}}

/* -- pa-nav-fit -- */

@media (min-width:1021px) and (max-width:1179px){.pa-header{display:grid;grid-template-columns:1fr auto 1fr;padding-block:10px}.pa-header .pa-nav{display:none}.pa-header__start{display:inline-flex;justify-self:start;margin-left:-10px}.pa-header__menu{display:inline-flex}.pa-header .pa-wordmark{justify-self:center}.pa-header__actions{justify-self:end}.pa-menu.is-open{display:block}}


/* ---- Transfer bonuses blocks .pa-tb / .pa-tg (was the page's Code injection) ---- */

.gh-content>.pa-tb-group{margin-top:56px}
.pa-tb-group p{margin:0}
.pa-tb-group__head{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.pa-tb-group__head img{width:132px;height:auto;border-radius:8px;flex:none}
.pa-tb-group__name{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.1;margin:0 0 6px;color:var(--ink)}
.pa-tb-group__with{font:600 12px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-text)}
.pa-tb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 32px}
.pa-tb{padding:22px 0 24px;border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px}
.pa-tb__pct{font-family:var(--font-display);font-size:72px;line-height:.92;color:var(--oxblood);font-variant-numeric:tabular-nums}
.pa-tb__upto{display:block;font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--oxblood);margin:0 0 6px}
.pa-tb__to{font-size:18px;font-weight:600;line-height:1.35;color:var(--ink)}
.pa-tb__ends{font-size:13px;color:var(--muted-text);margin-bottom:6px!important}
.pa-tb__v{display:inline-block;padding:5px 10px;border-radius:2px;font:600 11px/14px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.pa-tb__v--use{background:var(--oxblood);color:var(--cream)}
.pa-tb__v--award{border:1px solid var(--oxblood);color:var(--oxblood);padding:4px 9px}
.pa-tb__v--skip{border:1px solid var(--muted-text);color:var(--muted-text);padding:4px 9px}
.pa-tb__why{font-size:16px;line-height:1.55;color:var(--ink-body)}
.pa-tb__math{font-size:13px;line-height:1.5;color:var(--muted-text);font-variant-numeric:tabular-nums}
.gh-content>.pa-tb-how{margin-top:48px;padding:22px 24px;background:var(--stone-deep)}
.pa-tb-how p{margin:0;font-size:15px;line-height:1.6}
@media (max-width:640px){.pa-tb__pct{font-size:60px}.pa-tb-group__head img{width:96px}.pa-tb-group__name{font-size:24px}}
.pa-tb-group__mark{width:132px;height:84px;flex:none;border-radius:8px;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:32px;letter-spacing:.02em}
@media (max-width:640px){.pa-tb-group__mark{width:96px;height:61px;font-size:24px}}
.pa-tb-how p+p{margin-top:8px}
.pa-tb-group__cards{display:flex;gap:10px;flex:none}
.pa-tb-group__head .pa-tb-group__cards img{width:112px;height:auto;border-radius:7px;flex:none;margin:0}
@media (max-width:640px){.pa-tb-group__head:has(.pa-tb-group__cards){flex-direction:column;align-items:flex-start;gap:14px}.pa-tb-group__head .pa-tb-group__cards img{width:120px}}
.gh-content>.pa-tg{margin:40px 0 8px;padding:20px 0 6px;border-top:1px solid var(--ink)}
.pa-tg p{margin:0}
.pa-tg .pa-tg__title{font:600 13px/18px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.pa-tg__grp{margin-top:36px}
.pa-tg__head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:2px solid var(--oxblood)}
.pa-tg__grp--award .pa-tg__head{border-bottom-color:color-mix(in srgb,var(--oxblood) 45%,transparent)}
.pa-tg__grp--skip .pa-tg__head{border-bottom-color:var(--muted-text)}
.pa-tg__icon{flex:none;width:40px;height:40px;color:var(--oxblood);display:block}
.pa-tg__icon svg{width:40px;height:40px;display:block}
.pa-tg__grp--skip .pa-tg__icon{color:var(--muted-text)}
.gh-content .pa-tg .pa-tg__v{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.1;color:var(--oxblood);margin:0;text-wrap:balance}
.gh-content .pa-tg__grp--skip .pa-tg__v{color:var(--ink)}
.pa-tg .pa-tg__means{margin-top:3px;font-size:15px;line-height:1.45;color:var(--muted-text)}
.gh-content .pa-tg__list{list-style:none;margin:0;padding:0}
.gh-content .pa-tg__list>li{margin:0;padding:18px 0;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:150px minmax(0,1fr) auto;grid-template-areas:"pair body pct";column-gap:20px;align-items:start}
.gh-content .pa-tg__list>li::before,.gh-content .pa-tg__list>li::marker{content:none}
.pa-tg__pair{grid-area:pair;display:flex;align-items:center;gap:6px;height:36px}
.pa-tg__card{width:56px;height:auto;aspect-ratio:auto;border-radius:4px;flex:none;margin:0!important;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.pa-tg__rove{flex:none;width:56px;height:35px;border-radius:4px;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px}
.pa-tg__arrow{flex:none;color:var(--muted-text);font-size:15px;line-height:1}
.pa-tg__logo{flex:none;width:76px;height:36px;display:flex;align-items:center;justify-content:center}
.pa-tg__prog{display:block;margin:0!important;flex:none}
.pa-tg__body{grid-area:body;min-width:0}
.pa-tg .pa-tg__name{font-size:18px;font-weight:600;line-height:1.3;color:var(--ink)}
.pa-tg .pa-tg__conv{margin-top:3px;font-size:14px;line-height:1.45;color:var(--muted-text);font-variant-numeric:tabular-nums}
.pa-tg .pa-tg__pct{grid-area:pct;font-family:var(--font-display);font-size:30px;line-height:1;color:var(--oxblood);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;padding-top:3px}
.pa-tg__grp--skip .pa-tg__pct{color:var(--muted-text)}
.pa-tg__pct small{display:block;font:600 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px}
@media (max-width:640px){
.gh-content .pa-tg__list>li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pair pct" "body body";row-gap:10px;padding:16px 0}
.pa-tg .pa-tg__v{font-size:25px}
.pa-tg__icon,.pa-tg__icon svg{width:34px;height:34px}
.pa-tg .pa-tg__name{font-size:17px}
.pa-tg .pa-tg__pct{font-size:28px;padding-top:0;align-self:center}
.pa-tg__pct small{display:inline;margin-right:4px;vertical-align:middle}
}
.pa-tg__card{width:64px}
.pa-tg__rove{width:64px;height:40px}
.pa-tg__pair{height:40px}
.gh-content .pa-tg__list>li{grid-template-columns:160px minmax(0,1fr) auto}
@media (max-width:640px){.gh-content .pa-tg__list>li{grid-template-columns:minmax(0,1fr) auto}}
.pa-tg__cards{position:relative;flex:none;display:block;padding:7px 12px 0 0;line-height:0}
.pa-tg__cards .pa-tg__card{position:relative;z-index:1;display:block}
.pa-tg__cards .pa-tg__card--back{position:absolute;top:0;right:0;z-index:0;box-shadow:none}
.pa-tg__pair{height:auto;min-height:42px}
.gh-content .pa-tg__list>li{grid-template-columns:176px minmax(0,1fr) auto}
@media (max-width:640px){.gh-content .pa-tg__list>li{grid-template-columns:minmax(0,1fr) auto}}
.pa-tb-group__cards{position:relative;display:block;padding:16px 26px 0 0;line-height:0}
.pa-tb-group__head .pa-tb-group__cards img{position:relative;z-index:1;display:block;box-shadow:0 2px 6px rgba(0,0,0,.22)}
.pa-tb-group__head .pa-tb-group__cards img+img{position:absolute;top:0;right:0;z-index:0;box-shadow:none}
@media (max-width:640px){.pa-tb-group__head:has(.pa-tb-group__cards){flex-direction:row;align-items:center;gap:16px}.pa-tb-group__head .pa-tb-group__cards img{width:96px}.pa-tb-group__cards{padding:12px 20px 0 0}}

.gh-content .pa-tg .pa-tg__note{margin:22px 0 0;padding:2px 0 2px 16px;border-left:2px solid var(--oxblood)}
.pa-tg .pa-tg__note-k{font:600 12px/16px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--oxblood);text-wrap:balance}
.pa-tg .pa-tg__note-t{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink)}


/* Oct 13: transfer-bonus rows use fixed slots (issuer 76px, arrow 16px, airline 76px), each item centred in its own slot. A single badge (Rove) or a logo of any width can never shift the arrow or airline logo again. Keep the slots at 76+4+16+4+76 = 176px to match the row's first column. */
.pa-tg__pair{display:grid;grid-template-columns:76px 16px 76px;column-gap:4px;align-items:center;justify-items:center;height:auto;min-height:47px}
.pa-tg__pair>*{margin:0}
.pa-tg__pair>:first-child{max-width:76px}
.pa-tg__logo{width:76px}