/* Promethe hub — "a host's journal". Layered on site.css; same paper, ink, cobalt and three typefaces.
   Hub pages: home, guides index, restyled guide article. See HUB-SUMMARY.md */

/* ——— masthead + section rail ——— */
.masthead .wrap{height:60px}
.brand small{letter-spacing:.14em}
.rail{border-bottom:1px solid var(--rule-strong);background:var(--paper)}
.rail .wrap{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail .wrap::-webkit-scrollbar{display:none}
.rail a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--ink-2);border-right:1px solid var(--rule)}
.rail a:first-child{padding-left:0}
.rail a:last-child{border-right:none}
.rail a:hover,.rail a[aria-current]{color:var(--cobalt)}
.rail a[aria-current]{box-shadow:inset 0 -2px 0 var(--cobalt)}
.rail a:first-child[aria-current]{box-shadow:none;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}

/* ——— hub hero: a cover page ——— */
.cover{padding:clamp(28px,4vw,60px) 0 0}
.cover-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;border-top:3px double var(--ink);border-bottom:1px solid var(--rule-strong);padding:10px 0;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.cover-grid{display:grid;gap:clamp(32px,4vw,56px);padding:clamp(32px,5vw,72px) 0 clamp(36px,5vw,64px)}
.cover-grid > *{min-width:0}
.cover h1{font-family:var(--display);font-weight:300;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.98;letter-spacing:-.028em;margin:0 0 .4em;text-wrap:balance}
.cover h1 em{font-style:italic;font-weight:300;color:var(--cobalt)}
:lang(el) .cover h1{font-size:clamp(2.3rem,5.4vw,4.7rem);line-height:1.04;letter-spacing:-.02em}
.cover .lede{max-width:52ch;margin:0 0 30px;font-family:var(--text);font-size:clamp(1.06rem,.5vw + .95rem,1.24rem);line-height:1.6;color:var(--ink-2)}
.cover-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px}
.cover-acts .ul{font-weight:600;color:var(--cobalt)}
@media (max-width:639px){.cover-acts .btn{flex:1 1 100%}}

/* "on this site" — a contents column, not cards */
.index{border-top:1px solid var(--ink);align-self:start}
.index-h{margin:0;padding:12px 0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule)}
.index ol{list-style:none;margin:0;padding:0}
.index li{border-bottom:1px solid var(--rule)}
.index a{display:grid;grid-template-columns:2.2em 1fr auto;gap:2px 12px;align-items:baseline;padding:14px 0;text-decoration:none}
.index .n{font-size:.8rem;font-weight:600;color:var(--cobalt);font-variant-numeric:tabular-nums}
.index .t{font-family:var(--display);font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.2}
.index .d{grid-column:2;font-size:.86rem;color:var(--ink-2)}
.index .s{grid-row:1;grid-column:3;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.index .s--soon{color:var(--mute)}
.index a:hover .t{color:var(--cobalt)}
@media (min-width:1000px){
  .cover-grid{grid-template-columns:repeat(12,1fr);gap:0 24px;align-items:end}
  .cover-copy{grid-column:1 / span 8}
  .index{grid-column:9 / -1}
}

/* island cover-line: the eight islands set as one typographic line */
.isles{border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);padding:18px 0 20px}
.isles .wrap{display:grid;gap:8px}
.isles-h{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.isles-l{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(1.45rem,3.1vw,2.7rem);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.isles-l .i{white-space:nowrap}
.isles-l a{text-decoration:none}
.isles-l a:hover{color:var(--cobalt);font-style:italic}
.isles-l span[aria-hidden]{color:var(--cobalt);margin:0 .28em;font-weight:400}

/* numbered section kicker */
.kicker .no{color:var(--cobalt);margin-right:.7em;font-variant-numeric:tabular-nums}

/* ——— start here: three columns divided by rules ——— */
.paths{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--ink)}
.paths li{padding:22px 0 26px;border-bottom:1px solid var(--rule);display:grid;align-content:start;gap:10px}
.paths .if{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.paths h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.45rem,2.1vw,1.9rem);line-height:1.12;letter-spacing:-.01em}
.paths p{margin:0;color:var(--ink-2);font-size:.98rem;max-width:40ch}
.paths .go{margin-top:6px;justify-self:start;font-weight:600;color:var(--cobalt)}
@media (min-width:860px){
  .paths{grid-template-columns:repeat(3,1fr)}
  .paths li{border-bottom:none;padding:26px 28px 8px;border-left:1px solid var(--rule)}
  .paths li:first-child{border-left:none;padding-left:0}
}

/* ——— guides: featured + gazetteer ——— */
.feature{display:grid;gap:18px;padding:clamp(22px,3vw,36px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule-strong);margin-bottom:clamp(32px,4vw,52px)}
.feature > *{min-width:0}
.feature .lbl{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}
.feature .where{margin:6px 0 0;font-size:.86rem;color:var(--ink-2)}
.feature h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.1;letter-spacing:-.015em}
.feature h3 a{text-decoration:none}
.feature h3 a:hover{color:var(--cobalt)}
.feature .ex{margin:14px 0 0;font-family:var(--text);font-size:1.04rem;line-height:1.65;color:var(--ink-2);max-width:60ch}
.feature .go{display:inline-block;margin-top:16px;font-weight:600;color:var(--cobalt)}
@media (min-width:1000px){.feature{grid-template-columns:repeat(12,1fr);gap:0 24px}.feature-l{grid-column:1 / span 3}.feature-r{grid-column:4 / -1}}

.gaz{width:100%;border-collapse:collapse}
.gaz caption{text-align:left;padding:0 0 10px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.gaz th,.gaz td{text-align:left;vertical-align:baseline;border-bottom:1px solid var(--rule);padding:14px 12px 14px 0}
.gaz thead th{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--ink);padding-top:0}
.gaz tbody th{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.15;letter-spacing:-.01em;width:34%}
.gaz tbody th small{display:block;font-family:var(--display);font-style:italic;font-weight:300;font-size:.62em;color:var(--mute);letter-spacing:0;margin-top:2px}
.gaz td a{display:inline-flex;align-items:center;gap:.45em;min-height:44px;font-weight:500;text-decoration:none;color:var(--ink)}
.gaz td a span{color:var(--cobalt);transition:transform .3s var(--ease)}
.gaz td a:hover{color:var(--cobalt)}
.gaz td a:hover span{transform:translateX(3px)}
.gaz td .lab{display:none}
.gaz tbody tr:hover th{color:var(--cobalt)}
@media (max-width:719px){
  .gaz thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gaz tr{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 18px;border-bottom:1px solid var(--rule);padding:14px 0 6px}
  .gaz tbody th{grid-column:1/-1;width:auto;border:none;padding:0 0 2px}
  .gaz tbody th small{display:inline;margin-left:.5em}
  .gaz td{border:none;padding:0}
  .gaz td .lab{display:inline}
  .gaz td .lab-full{display:none}
}
.after-gaz{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;font-size:.95rem}
.after-gaz .ul{font-weight:600;color:var(--cobalt)}

/* ——— journal ——— */
.sec--journal{background:var(--paper-2)}
.sec--journal + .sec{border-top:none}
.notes{list-style:none;margin:0;padding:0;display:grid;gap:0}
.notes > li{display:grid;align-content:start;gap:12px;padding:24px 0 28px;border-top:1px solid var(--ink)}
.notes .topic{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}
.notes h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.35rem,1.9vw,1.7rem);line-height:1.15;letter-spacing:-.01em}
.notes .body{margin:0;font-family:var(--text);font-size:1rem;line-height:1.65;color:var(--ink-2)}
.notes .body q{quotes:"“" "”" "‘" "’";font-style:italic;color:var(--ink)}
:lang(el) .notes .body q{quotes:"«" "»" "“" "”"}
.notes .ref{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-size:.86rem;color:var(--ink-2)}
.notes .ref a{display:block;margin-top:2px;font-weight:600;color:var(--ink);text-decoration:none}
.notes .ref a:hover{color:var(--cobalt)}
@media (min-width:900px){.notes{grid-template-columns:repeat(3,1fr);gap:0 36px}}

/* ——— tools ——— */
.tool-now{display:grid;gap:clamp(32px,4vw,56px);padding-bottom:clamp(40px,5vw,72px)}
.tool-now > *{min-width:0}
.badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt)}
.badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cobalt)}
.tool-now h3{margin:0 0 14px;font-family:var(--display);font-weight:400;font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.02em}
.tool-now .desc{margin:0 0 20px;max-width:50ch;color:var(--ink-2);font-size:1.04rem}
.tool-now .hero-langs{margin-bottom:22px}
.tool-now .offer{max-width:520px}
.tool-now .stack{max-width:560px}
@media (min-width:1000px){.tool-now{grid-template-columns:repeat(12,1fr);gap:0 24px;align-items:center}.tool-now-copy{grid-column:1 / span 6}.tool-now .stack-col{grid-column:7 / -1}}

.soon-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin:0;padding:14px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.soon-h h3{margin:0;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.soon-h p{margin:0;font-size:.86rem;color:var(--mute);max-width:62ch}
.soon{list-style:none;margin:0;padding:0}
.soon li{display:grid;gap:6px 24px;padding:22px 0;border-bottom:1px solid var(--rule)}
.soon .nm{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.15;color:var(--ink-2)}
.soon .nm small{display:block;margin-top:4px;font-family:var(--ui);font-size:.8rem;font-weight:500;letter-spacing:0;color:var(--mute)}
.soon .what{margin:0;color:var(--ink-2);max-width:58ch;font-size:.98rem}
.stamp{justify-self:start;display:inline-flex;align-items:center;height:26px;padding:0 10px;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border:1px dashed var(--rule-strong);border-radius:3px;white-space:nowrap}
.soon .notify{justify-self:start;font-size:.9rem;font-weight:600;color:var(--cobalt)}
@media (min-width:900px){
  .soon li{grid-template-columns:3fr 5fr 2fr;align-items:baseline}
  .soon .side{display:grid;gap:10px;justify-items:end;text-align:right}
  .soon .stamp,.soon .notify{justify-self:end}
}

/* pack section: contents box inside the buy column */
.sec--buy .stay{margin-top:clamp(28px,3vw,40px)}
.sec--buy .lang-index span{background:var(--paper)}
@media (min-width:1000px){.sec--buy .buy-side{position:sticky;top:84px;align-self:start}}

/* ——— guides index page ——— */
.ghead{padding:clamp(28px,4vw,56px) 0 clamp(24px,3vw,36px)}
.crumbs{margin:0 0 18px;font-size:.8rem;color:var(--mute)}
.crumbs a{color:var(--ink-2)}
.crumbs span[aria-hidden]{margin:0 .5em}
.ghead h1{font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 .35em;max-width:16ch}
:lang(el) .ghead h1{font-size:clamp(2.1rem,4.4vw,3.8rem);line-height:1.06;max-width:18ch}
.ghead .lede{margin:0;max-width:60ch;font-family:var(--text);font-size:clamp(1.04rem,.5vw + .95rem,1.18rem);line-height:1.6;color:var(--ink-2)}
.filters{position:sticky;top:60px;z-index:20;background:rgba(244,241,234,.97);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule-strong);padding:10px 0}
.filters .wrap{display:grid;gap:8px}
.frow{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}
.frow::-webkit-scrollbar{display:none}
.frow > span{flex:none;width:10em;white-space:nowrap;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
:lang(el) .frow > span{width:12.5em}
.chip{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;font:inherit;font-size:.86rem;font-weight:500;color:var(--ink);text-decoration:none;background:transparent;border:1px solid var(--rule-strong);border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.frow--type[hidden]{display:none}
.fcount{margin:0;font-size:.8rem;color:var(--mute)}
@media (max-width:639px){.frow > span{display:none}.filters{top:60px}}
.gl{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(56px,7vw,96px)}
.isle{display:grid;gap:10px 24px;padding:26px 0 30px;border-bottom:1px solid var(--rule-strong);scroll-margin-top:170px}
.isle[hidden]{display:none}
.isle > *{min-width:0}
.isle h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.05;letter-spacing:-.015em}
.isle h2 small{display:block;margin-top:4px;font-style:italic;font-weight:300;font-size:.5em;color:var(--mute);letter-spacing:0}
.isle ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.isle li{border-top:1px solid var(--rule)}
.isle li[hidden]{display:none}
.isle li:first-child{border-top:none}
.gcard{display:grid;grid-template-columns:1fr;gap:6px;padding:14px 0}
.gcard .ty{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt)}
.gcard a.tt{font-family:var(--display);font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.25;text-decoration:none;color:var(--ink)}
.gcard a.tt:hover{color:var(--cobalt)}
.gcard .alt{font-size:.82rem;color:var(--mute)}
.gcard .alt a{color:var(--ink-2)}
@media (min-width:900px){
  .isle{grid-template-columns:repeat(12,1fr)}
  .isle h2{grid-column:1 / span 4;position:sticky;top:180px;align-self:start}
  .isle ol{grid-column:5 / -1}
  .gcard{grid-template-columns:9em 1fr auto;align-items:baseline;gap:4px 20px}
  :lang(el) .gcard{grid-template-columns:11em 1fr auto}
}
.gnote{margin-top:28px;padding:20px 0 0;border-top:1px solid var(--ink);display:grid;gap:14px}
.gnote p{margin:0;max-width:62ch;color:var(--ink-2)}
@media (min-width:900px){.gnote{grid-template-columns:7fr 5fr;align-items:center;gap:0 48px}.gnote .acts{justify-self:end}}
.gnote .acts{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}

/* ——— guide article ——— */
.art-head{padding:clamp(28px,4vw,56px) 0 clamp(28px,3vw,40px);border-bottom:1px solid var(--rule-strong)}
.art-head .wrap{display:grid;gap:0 24px}
.art-kick{margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.art-kick b{color:var(--cobalt);font-weight:600}
.art-head h1{margin:0 0 .45em;font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,4.8vw,4.1rem);line-height:1.04;letter-spacing:-.022em;max-width:20ch}
:lang(el) .art-head h1{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.08}
.standfirst{margin:0;max-width:58ch;font-family:var(--text);font-size:clamp(1.12rem,.6vw + 1rem,1.36rem);line-height:1.55;color:var(--ink)}
.art-meta{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.84rem;color:var(--mute)}
.art-meta a{color:var(--ink-2);font-weight:600}
@media (min-width:1000px){.art-head .wrap > *{grid-column:1/-1}.art-head .wrap{grid-template-columns:repeat(12,1fr)}.art-head .art-inner{grid-column:4 / -1}}

.art{display:grid;gap:0 24px;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(48px,6vw,88px)}
.art > *{min-width:0}
.toc-side{display:none}
@media (min-width:1000px){
  .art{grid-template-columns:repeat(12,1fr)}
  .toc-side{display:block;grid-column:1 / span 3;position:sticky;top:84px;align-self:start;font-size:.86rem}
  .art-body{grid-column:4 / span 7}
}
.toc-side p{margin:0 0 10px;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.toc-side ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);counter-reset:s}
.toc-side li{counter-increment:s;border-bottom:1px solid var(--rule)}
.toc-side a{display:grid;grid-template-columns:1.8em 1fr;gap:6px;padding:9px 0;text-decoration:none;color:var(--ink-2);line-height:1.35}
.toc-side a::before{content:counter(s,decimal-leading-zero);font-weight:600;font-size:.76rem;color:var(--mute);padding-top:1px}
.toc-side a:hover{color:var(--cobalt)}

.art-body{font-family:var(--text);font-size:clamp(1.04rem,.35vw + .96rem,1.14rem);line-height:1.72;color:var(--ink)}
.art-body > section{margin:0 0 clamp(28px,3vw,40px)}
.art-body p{margin:0 0 1.05em;max-width:66ch}
.art-body h2{counter-increment:h;margin:0 0 .7em;padding-top:22px;border-top:1px solid var(--ink);font-family:var(--display);font-weight:400;font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1.14;letter-spacing:-.012em;scroll-margin-top:84px}
.art-body h2::before{content:counter(h,decimal-leading-zero);display:block;margin-bottom:10px;font-family:var(--ui);font-size:.74rem;font-weight:600;letter-spacing:.12em;color:var(--cobalt)}
.art-body{counter-reset:h}
.art-body h3{margin:1.4em 0 .35em;font-family:var(--ui);font-weight:600;font-size:1.02rem;line-height:1.4}
.art-body ul{margin:0 0 1.1em;padding:0;list-style:none;max-width:64ch;border-top:1px solid var(--rule)}
.art-body li{position:relative;padding:10px 0 10px 1.6em;border-bottom:1px solid var(--rule)}
.art-body li::before{content:"";position:absolute;left:2px;top:1.32em;width:.8em;height:1px;background:var(--cobalt)}
.art-body a{color:var(--cobalt);font-weight:500}
.art-body .lead-p::first-letter{float:left;font-family:var(--display);font-weight:300;font-size:3.6em;line-height:.82;margin:.06em .1em 0 0;color:var(--cobalt)}

/* example messages: set on a sheet, like the pack itself */
.ex-msg{margin:1.4em 0 1.6em;max-width:66ch}
.ex-msg figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin:0 0 0 14px;font-family:var(--ui);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ex-msg figcaption span{display:inline-flex;align-items:center;height:30px;padding:0 12px;background:var(--cobalt);color:#fff;border-radius:var(--r) var(--r) 0 0}
.ex-msg figcaption small{align-self:center;font-weight:500;letter-spacing:0;text-transform:none;font-size:.8rem;color:var(--mute)}
.ex-msg blockquote{margin:0;background:var(--sheet);border:1px solid var(--rule-strong);box-shadow:var(--shadow);padding:clamp(18px,2.6vw,30px) clamp(18px,3vw,34px);font-size:.96em;line-height:1.62}
.ex-msg blockquote p{margin:0 0 .8em}
.ex-msg blockquote p:last-child{margin:0}

/* in-article pack note */
.aside-pack{margin:clamp(28px,3vw,40px) 0;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--ui);display:grid;gap:12px}
.aside-pack .lbl{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}
.aside-pack h2{all:unset;display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.15}
.aside-pack h2::before{content:none}
.aside-pack p{margin:0;font-size:.98rem;color:var(--ink-2);max-width:56ch;line-height:1.55}
.aside-pack .acts{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:4px}
.aside-pack .acts .ul{color:var(--cobalt);font-weight:600}
.art-body .aside-pack a.btn{color:var(--paper)}

.signoff{margin-top:1.6em;font-family:var(--display);font-style:italic;font-size:1.15em;color:var(--ink-2)}

/* article end: buy box + related */
.art-end{background:var(--sheet);border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);padding:clamp(48px,6vw,88px) 0}
.art-end .wrap{display:grid;gap:clamp(32px,4vw,56px)}
.art-end .wrap > *{min-width:0}
.art-end h2{margin:0 0 12px;font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.08;letter-spacing:-.015em}
.art-end .p{margin:0;max-width:56ch;color:var(--ink-2)}
.art-end .offer{margin-top:24px}
.art-end .free-l{margin:18px 0 0;font-size:.95rem}
.art-end .free-l a{color:var(--cobalt);font-weight:600}
@media (min-width:1000px){.art-end .wrap{grid-template-columns:7fr 5fr;gap:0 64px;align-items:start}}
.related h3{margin:0 0 10px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.related ul{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--ink)}
.related li{border-bottom:1px solid var(--rule)}
.related a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:12px 0;text-decoration:none}
.related a b{font-family:var(--display);font-weight:400;font-size:1.15rem}
.related a small{font-size:.8rem;color:var(--mute)}
.related a:hover b{color:var(--cobalt)}

/* motion for hub pages */
.cover-top,.cover h1,.cover .lede,.cover-acts,.index,.ghead h1,.ghead .lede,.art-head h1,.standfirst{animation:rise .8s var(--ease) both}
.cover h1,.ghead h1,.art-head h1{animation-delay:.06s}
.cover .lede,.ghead .lede,.standfirst{animation-delay:.16s}
.cover-acts{animation-delay:.24s}.index{animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.cover-top,.cover h1,.cover .lede,.cover-acts,.index{animation:none}}
@media print{.rail,.filters,.toc-side{display:none}}
@media (max-width:899px){.soon .side{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:6px}}
@media (max-width:639px){.rail a{padding:0 12px;letter-spacing:.1em;font-size:.7rem}}
/* v2: pack in the hero, visible VAT, soon line */
.cover-pack{display:grid;gap:18px;align-self:start}
.cover-pack .stack{max-width:520px;margin-left:0}
.cover-offer{display:grid;gap:6px;border-top:1px solid var(--rule-strong);padding-top:16px;max-width:520px}
.cover-offer .offer-price b{font-size:clamp(2.2rem,3vw,2.8rem)}
.cover-offer-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:8px 0 0}
.cover-offer-acts .ul{font-weight:600;color:var(--cobalt)}
@media (max-width:639px){.cover-offer-acts .btn{flex:1 1 100%;justify-content:center}}
@media (min-width:1000px){.cover-grid{align-items:start}.cover-copy{grid-column:1 / span 7;padding-top:24px}.cover-pack{grid-column:8 / -1}}
.offer-vat,.cover-offer .offer-vat{font-size:.88rem;font-weight:600;color:var(--ink);max-width:56ch}
.offer-instr{grid-column:1/-1;margin:6px 0 0;font-size:.86rem;color:var(--ink-2);max-width:56ch}
.buy-desc{margin:0 0 20px;max-width:50ch;color:var(--ink-2);font-size:1.04rem}
.soon-line{margin:clamp(32px,4vw,56px) 0 0;padding:14px 0;border-top:1px solid var(--rule);font-size:.88rem;color:var(--mute);max-width:none}
.soon-line a{color:var(--ink-2);font-weight:600;white-space:nowrap}
.frow > span,:lang(el) .frow > span{width:auto;min-width:9em;padding-right:16px}
.buy-main h2{margin-bottom:16px}.buy-main .hero-langs{margin:0 0 18px}
/* brand mark (promethe-brand) */
.brand-mark{width:1.05em;height:1.05em;vertical-align:-.16em;margin-right:.38em;display:inline-block}
.foot-brand .brand-mark{width:.95em;height:.95em}