/* BodasPR — additions on top of site.css (same palette, same faces).
   Fixed advertising slots, illustrations with captions, picture glossaries,
   the lightbox, FAQ blocks and the new hubs. Nothing here restyles the
   existing template; it only adds the pieces the new pages need. */

/* ---------- fixed advertising slots ---------- */
.ad-slot{clear:both;margin:2.4em auto;padding:10px 0 4px;border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);min-height:130px;text-align:center;max-width:100%}
.ad-slot .ad-label{display:block;font:600 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-400);margin:0 0 8px}
.ad-slot ins.adsbygoogle{display:block;min-height:100px}
.ad-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.ad-wrap .ad-slot{margin:8px auto 0;max-width:970px}
.ad-slot:has(ins[data-ad-status="unfilled"]){display:none}
.prose .ad-slot img{margin:0}

/* ---------- captions with credits; inset figures ---------- */
.prose figure.inset{margin:2.2em 0;padding:0}
.prose figure.inset img{width:100%;height:auto;display:block;margin:0}
.prose figure.inset.portrait{max-width:440px;margin-left:auto;margin-right:auto}
.prose figure.inset figcaption,.prose figure.gallery figcaption{text-align:left;font-size:12px;color:var(--ink-500);line-height:1.5}
.prose figcaption .cap{display:block;font-family:var(--display);font-style:italic;font-size:15px;line-height:1.45;
  color:var(--ink-700);margin-bottom:3px}
.prose figcaption .cr{display:block;font-size:11px;letter-spacing:.04em;color:var(--ink-400)}
.prose figcaption a{color:inherit}
.prose figure.inset.side{float:right;clear:right;width:min(44%,300px);max-width:none;margin:6px 0 20px 30px}
.prose h2,.prose h3,.prose table,.prose .gallery,.prose hr,.prose .tablewrap{clear:both}
.prose figure.gallery{display:grid;gap:14px;margin:2.2em 0}
.prose figure.gallery.g2{grid-template-columns:repeat(2,1fr)}
.prose figure.gallery.g3{grid-template-columns:repeat(3,1fr)}
.prose figure.gallery.g4,.prose figure.gallery.g8{grid-template-columns:repeat(4,1fr)}
.prose figure.gallery.g5,.prose figure.gallery.g10{grid-template-columns:repeat(5,1fr)}
.prose figure.gallery.g6,.prose figure.gallery.g7,.prose figure.gallery.g9{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.prose figure.gallery img{width:100%;height:auto;display:block;margin:0}
.prose figure.gallery .gcap{display:block;font-family:var(--sans);font-size:12px;line-height:1.35;color:var(--ink-800);margin-top:7px}
.prose figure.gallery figcaption{grid-column:1/-1;margin-top:-2px}
@media (max-width:640px){
  .prose figure.inset.side{float:none;width:auto;max-width:340px;margin:22px auto 26px}
  .prose figure.gallery.g3,.prose figure.gallery.g4,.prose figure.gallery.g8{grid-template-columns:repeat(2,1fr)}
  .prose figure.gallery.g5,.prose figure.gallery.g10{grid-template-columns:repeat(3,1fr)}
}

/* ---------- picture glossary: a small picture beside each term ---------- */
.prose .term{display:grid;grid-template-columns:128px 1fr;gap:22px;align-items:start;margin:0 0 1.4em}
.prose .term img.thumb{width:128px;height:128px;object-fit:cover;display:block;margin:0;background:var(--ivory-100);border-radius:var(--radius)}
.prose .term .term-text p{margin:0}
.prose .term .term-text p + p{margin-top:.6em}
@media (max-width:640px){
  .prose .term{grid-template-columns:92px 1fr;gap:14px}
  .prose .term img.thumb{width:92px;height:92px}
}

/* ---------- small pictures inside reference tables ---------- */
.prose .chip{display:inline-flex;align-items:center;gap:12px;vertical-align:middle}
.prose .chip img.chipimg{width:52px;height:52px;object-fit:cover;border-radius:3px;flex:none;margin:0;background:var(--ivory-100)}
.prose .chip.nochip{padding-left:64px}
.prose td.flchips{line-height:1.3;text-align:left}
.prose td.flchips .chip{gap:8px;margin:4px 14px 4px 0}
.prose td.flchips .chip img.chipimg{width:40px;height:40px}
.prose td.flchips .chip.nochip{padding-left:0}
@media (max-width:640px){
  .prose .chip img.chipimg{width:44px;height:44px}
  .prose .chip.nochip{padding-left:56px}
}

/* ---------- lightbox ---------- */
img[data-full]{cursor:zoom-in}
img[data-full]:focus-visible{outline:2px solid var(--rose-600);outline-offset:3px}
.lb{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}
.lb[hidden]{display:none}
.lb-scrim{position:absolute;inset:0;background:rgba(22,21,28,.84)}
.lb-fig{position:relative;margin:0;background:var(--ivory-50);padding:14px 14px 16px;max-width:min(92vw,760px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.lb-img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 190px);margin:0 auto}
.lb-cap{font-family:var(--display);font-size:15px;line-height:1.5;color:var(--ink-700);margin-top:12px;max-width:62ch}
.lb-cap p{margin:0}
.lb-cap strong{color:var(--ink-900);font-weight:600}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.95);color:var(--ink-900);font:400 30px/1 var(--display);width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb button:hover{background:#fff;color:var(--rose-700)}
.lb button:focus-visible{outline:2px solid var(--rose-600);outline-offset:2px}
.lb-close{top:16px;right:16px}
.lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.lb-next{right:16px;top:50%;transform:translateY(-50%)}
@media (max-width:640px){
  .lb{padding:12px}
  .lb-fig{padding:10px 10px 12px}
  .lb-img{max-height:calc(100vh - 230px)}
  .lb-prev,.lb-next{top:auto;bottom:18px;transform:none}
  .lb-cap{font-size:14px}
}

/* ---------- FAQ ---------- */
.prose .faq{margin:2.4em 0 0;border-top:1px solid var(--line)}
.prose .faq details{border-bottom:1px solid var(--line);padding:14px 0}
.prose .faq summary{cursor:pointer;font-family:var(--display);font-size:19px;color:var(--ink-900);list-style:none}
.prose .faq summary::-webkit-details-marker{display:none}
.prose .faq summary::after{content:"+";float:right;color:var(--rose-700);font-family:var(--sans)}
.prose .faq details[open] summary::after{content:"–"}
.prose .faq details p{margin:.6em 0 0}

/* ---------- dek under the headline; standfirst ---------- */
.article-head .dek{font-family:var(--display);font-style:italic;font-size:20px;line-height:1.5;color:var(--ink-600);margin:14px auto 0;max-width:620px}
.article-head .byline{font-size:13px;color:var(--ink-500);margin-top:12px;letter-spacing:.02em}
.prose .note{font-size:15px;color:var(--ink-600);background:var(--ivory-100);padding:16px 20px;border-left:2px solid var(--gold)}

/* ---------- movie directory ---------- */
.prose .film{border-top:1px solid var(--line);padding:20px 0 6px}
.prose .film h3{margin-top:0}
.prose .film .meta{font-size:13px;color:var(--ink-500);letter-spacing:.03em;margin:-2px 0 8px}
.prose .filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.prose .filters button{font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);
  background:var(--ivory-50);color:var(--ink-700);padding:9px 13px;cursor:pointer;border-radius:var(--radius)}
.prose .filters button[aria-pressed="true"]{background:var(--rose-700);color:#fff;border-color:var(--rose-700)}

/* ---------- "En resumen" box, pull quotes, verse lists, in-page contents ---------- */
.prose .short{background:var(--ivory-100);border-top:2px solid var(--rose-700);padding:22px 26px 14px;margin:0 0 2.4em}
.prose .short h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-700);margin:0 0 10px}
.prose .short ul{margin:0;padding-left:1.1em;font-size:16.5px;line-height:1.6}
.prose .short li{margin-bottom:.5em}
.prose > .short + p{font-size:21px;line-height:1.7;color:var(--ink-800)}
.prose .pull{border:0;padding:24px 0;margin:2em 0;text-align:center;font-family:var(--display);font-style:italic;font-size:23px;
  line-height:1.5;color:var(--ink-900);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prose .pull p{margin:0}
.prose .verses p{margin:0;padding:14px 0;border-bottom:1px solid var(--line-soft);font-family:var(--display);font-size:19px;line-height:1.55;color:var(--ink-800)}
.prose .verses p:first-child{border-top:1px solid var(--line-soft)}
.prose ul.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 2em;padding:0;list-style:none}
.prose ul.toc li{margin:0}
.prose ul.toc a{display:inline-block;font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);
  padding:9px 13px;box-shadow:none;color:var(--ink-700)}
.prose ul.toc a:hover{border-color:var(--rose-700);color:var(--rose-700)}
.article-figure figcaption{font-size:12px;color:var(--ink-500);margin:10px auto 0;max-width:1100px;text-align:right}
.article-figure figcaption .cap{display:block;font-family:var(--display);font-style:italic;font-size:14px;color:var(--ink-600)}
.article-figure figcaption a{color:inherit;text-decoration:underline}
.prose .film h3 .tag{font-size:10px;vertical-align:middle;margin-left:8px}

/* tables written in Markdown carry a real header row: style the <th>, not the first body row */
.prose table thead th{background:var(--ivory-100);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-600);border-bottom:1px solid var(--line)}
.prose table thead th:empty{padding:0}
.prose table thead + tbody tr:first-child td{background:none;font-weight:400;font-size:15px;letter-spacing:0;text-transform:none;
  color:inherit;border-bottom:1px solid var(--line-soft)}
.prose table thead + tbody tr:nth-child(even) td{background:rgba(235,226,212,.28)}
/* real photographs are never cropped */
.article-figure.photo{text-align:center}
.article-figure.photo img{width:auto;max-width:100%;max-height:80vh;object-fit:contain;margin:0 auto;display:block}

/* ---------- reading pages ---------- */
.prose .readmeta{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;font-family:var(--sans);font-size:12.5px;color:var(--ink-500);
  letter-spacing:.02em;margin:0 0 2.2em;padding:0 0 18px;border-bottom:1px solid var(--line-soft)}
.prose .readmeta b{color:var(--ink-800);font-weight:600}
.prose--verse .translator{font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:var(--ink-400);text-align:center;margin-top:1.4em}
.prose .original-text{margin:2.6em 0 0;padding-top:1.6em;border-top:1px solid var(--line-soft)}
.prose .original-text h2,.prose .ednote h2,.prose .readfit h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rose-700);margin:0 0 12px}
.prose .original-text p{font-size:16px;line-height:1.75;color:var(--ink-600);font-style:italic}
.prose--verse .original-text > p:first-of-type{font-size:16px}
.prose .ednote{background:var(--ivory-100);padding:22px 26px;margin:2.6em 0 0;text-align:left}
.prose .ednote p{font-size:16.5px;line-height:1.65;margin:0}
.prose .readfit{margin:2.4em 0 0;text-align:left}
.prose .readfit p,.prose .readfit li{font-size:16.5px;line-height:1.65}
.prose .readfit h2 + p{margin-top:0}
.prose .readfit h2:not(:first-child){margin-top:1.8em}
.prose .readfit .more{font-family:var(--sans);font-size:13px;margin-top:1.4em}
.prose h3.letter-h{font-size:38px;font-weight:400;color:var(--rose-700);margin:1.4em 0 .4em;scroll-margin-top:90px}
.prose ul.alpha-toc a{min-width:38px;text-align:center;padding:9px 0}

/* ================================================================
   Home page — editorial layout. Same palette and faces as the site.
   ================================================================ */
.hm{--hm-wide:var(--wrap)}
.hm .section{padding:84px 0}
.hm .section+.section{padding-top:84px}
.hm-eyebrow,.hm-kicker,.hm-count{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rose-700)}
.hm-kicker{font-size:10.5px;margin-bottom:8px}
.hm-count{color:var(--ink-400);font-weight:500}
.hm-link{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-700);
  white-space:nowrap}
.hm-link span{display:inline-block;transition:transform .25s var(--ease)}
.hm-link:hover span{transform:translateX(4px)}
.hm-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0 0 36px;padding-bottom:18px;
  border-bottom:1px solid var(--line)}
.hm-head h2{font-size:clamp(28px,3vw,38px);font-weight:400;letter-spacing:-.005em}
.hm-also{margin:0;font-size:14px;color:var(--ink-500)}
.hm-also a{color:var(--ink-700);border-bottom:1px solid var(--line)}
.hm-also a:hover{color:var(--rose-700);border-color:var(--rose-700)}

/* hero */
.hm-hero{padding:44px 0 24px}
.hm-hero-in{max-width:var(--hm-wide);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:64px;align-items:center}
.hm-title{font-size:clamp(40px,4.7vw,68px);font-weight:400;line-height:1.06;letter-spacing:-.015em;margin:18px 0 0;text-wrap:balance}
.hm-title em{display:block;font-style:italic;color:var(--rose-700)}
.hm-dek{font-size:18px;line-height:1.7;color:var(--ink-600);max-width:44ch;margin:24px 0 0}
.hm-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px 28px;margin-top:34px}
.hm-cta .btn{padding:16px 26px}
.hm-hero-fig{position:relative;margin:0}
.hm-hero-fig img{display:block;width:100%;aspect-ratio:4/3.1;object-fit:cover;border-radius:2px}
.hm-hero-fig figcaption{position:absolute;left:-36px;bottom:-28px;max-width:330px;background:var(--white);
  box-shadow:var(--shadow-md);border-top:2px solid var(--rose-500)}
.hm-hero-fig figcaption a{display:block;padding:20px 24px 18px;color:inherit}
.hm-cap-title{display:block;font-family:var(--display);font-size:20px;line-height:1.3;color:var(--ink-900)}
.hm-cap-more{display:block;margin-top:10px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rose-700)}
.hm-hero-fig figcaption a:hover .hm-cap-title{color:var(--rose-700)}

/* topics */
.hm-topics{padding-top:104px !important}
.hm-topic-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 36px}
.hm-topic-grid a{display:block;height:100%;padding:24px 0 30px;border-top:1px solid var(--line);color:inherit;
  transition:border-color .25s var(--ease)}
.hm-topic{display:block;font-family:var(--display);font-size:25px;line-height:1.2;color:var(--ink-900);margin:10px 0 8px;
  transition:color .25s var(--ease)}
.hm-topic-dek{display:block;font-size:15px;line-height:1.6;color:var(--ink-600)}
.hm-topic-grid a:hover{border-top-color:var(--rose-700)}
.hm-topic-grid a:hover .hm-topic{color:var(--rose-700)}
.hm-topic-grid li:nth-child(-n+4) a{border-top-color:var(--ink-900)}

/* latest */
.hm-latest-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}
.hm-feature,.hm-mini,.hm-tile{position:relative}
.hm-feature-img{overflow:hidden;margin-bottom:22px}
.hm-feature-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s var(--ease)}
.hm-feature:hover img{transform:scale(1.025)}
.hm-feature h3{font-size:clamp(26px,2.6vw,34px);font-weight:400;line-height:1.2}
.hm-feature p{font-family:var(--display);font-style:italic;font-size:18px;line-height:1.6;color:var(--ink-600);margin:12px 0 0;max-width:56ch}
.hm-feature h3 a:hover,.hm-mini h3 a:hover{color:var(--rose-700)}
.hm-side{display:flex;flex-direction:column}
.hm-mini{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line-soft)}
.hm-mini:first-child{border-top:0;padding-top:0}
.hm-mini-img img{display:block;width:132px;aspect-ratio:1/1;object-fit:cover}
.hm-mini h3{font-size:20px;font-weight:400;line-height:1.3}
.hm .stretch::after{content:"";position:absolute;inset:0}

/* readings band */
.hm-band{background:var(--rose-800);color:#E9E7F2}
.hm-head--light{border-bottom-color:rgba(255,255,255,.18)}
.hm-head--light h2{color:#fff}
.hm-band .hm-link{color:#CFCBE6}
.hm-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.hm-quote{margin:0;display:flex;flex-direction:column;justify-content:space-between}
.hm-quote blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:clamp(22px,2vw,27px);line-height:1.4;color:#fff}
.hm-quote figcaption{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-family:var(--sans);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase}
.hm-quote figcaption a{color:#fff;font-weight:600;margin-right:10px}
.hm-quote figcaption a:hover{color:#F3B8BD}
.hm-quote figcaption span{color:#A9A3C4}
.hm-band-note{margin:48px 0 0;max-width:72ch;font-size:15px;line-height:1.7;color:#C4C0D8}
.hm-band-note a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}

/* dress glossary */
.hm-dress{background:var(--ivory-100)}
.hm-dress-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:center}
.hm-dress-text h2{font-size:clamp(30px,3.2vw,42px);font-weight:400;line-height:1.12;margin:14px 0 18px}
.hm-dress-text p{color:var(--ink-600);font-size:16.5px;line-height:1.7;max-width:42ch}
.hm-chips{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hm-chips a{display:inline-block;padding:9px 15px;border:1px solid var(--line);background:var(--white);font-family:var(--sans);
  font-size:12.5px;color:var(--ink-700);border-radius:999px;transition:all .2s var(--ease)}
.hm-chips a:hover{border-color:var(--rose-700);color:var(--rose-700)}
.hm-sil{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hm-sil a{display:block;background:var(--white);padding:14px 14px 16px;text-align:center;color:var(--ink-800);
  border:1px solid var(--line-soft);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.hm-sil a:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.hm-sil img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.hm-sil span{display:block;margin-top:12px;font-family:var(--display);font-size:17px}

/* celebrity + films */
.hm-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.hm-tile a{display:block;position:relative;overflow:hidden;color:#fff;background:var(--rose-800)}
.hm-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;opacity:.92;transition:transform .7s var(--ease)}
.hm-tile a:hover img{transform:scale(1.04)}
.hm-tile-text{position:absolute;inset:auto 0 0 0;padding:90px 34px 30px;background:linear-gradient(to top,rgba(22,21,28,.86),rgba(22,21,28,.55) 55%,transparent)}
.hm-tile .hm-kicker{color:#F3B8BD}
.hm-tile h3{color:#fff;font-size:clamp(24px,2.4vw,32px);font-weight:400;line-height:1.15}
.hm-tile p{color:#E2E0EC;font-size:15px;line-height:1.55;margin:10px 0 0;max-width:52ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-tile-more{display:inline-block;margin-top:16px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}

/* essential guides */
.hm-glist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.hm-glist a{display:block;padding:22px 0 24px;border-bottom:1px solid var(--line-soft);color:inherit}
.hm-g-title{display:block;font-family:var(--display);font-size:21px;line-height:1.3;color:var(--ink-900);transition:color .2s var(--ease)}
.hm-g-dek{display:block;margin-top:6px;font-size:15px;line-height:1.6;color:var(--ink-600);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-glist a:hover .hm-g-title{color:var(--rose-700)}
.hm .ad-wrap{margin-top:0}

@media (max-width:1000px){
  .hm-hero-in,.hm-latest-grid,.hm-dress-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .hm-hero-fig{order:-1}
  .hm-hero-fig figcaption{left:16px;right:16px;bottom:-24px;max-width:none}
  .hm-hero-text{padding-top:28px}
  .hm-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-quotes{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width:640px){
  .hm .section,.hm .section+.section{padding:60px 0}
  .hm-hero{padding-top:0}
  .hm-hero-in{padding:0}
  .hm-hero-fig img{aspect-ratio:4/3.4;border-radius:0}
  .hm-hero-text{padding:36px var(--gutter) 0}
  .hm-head{flex-direction:column;gap:8px}
  .hm-topic-grid,.hm-pair-grid,.hm-glist{grid-template-columns:minmax(0,1fr)}
  .hm-topic-grid li:nth-child(-n+4) a{border-top-color:var(--line)}
  .hm-topic-grid li:first-child a{border-top-color:var(--ink-900)}
  .hm-mini{grid-template-columns:96px minmax(0,1fr)}
  .hm-mini-img img{width:96px}
  .hm-sil{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-tile-text{padding:70px 22px 22px}
}
@media (prefers-reduced-motion:reduce){
  .hm *{transition:none !important}
}
.hm h3 a,.hm-mini h3 a{color:var(--ink-900)}
.hm-feature h3 a:hover,.hm-mini h3 a:hover{color:var(--rose-700)}
@media (max-width:640px){
  .hm-hero-fig figcaption{position:static;margin:-34px 16px 0;box-shadow:var(--shadow-sm);position:relative}
  .hm-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .hm-topic-grid li:nth-child(-n+2) a{border-top-color:var(--ink-900)}
  .hm-topic-grid a{padding:18px 0 20px}
  .hm-topic{font-size:20px;margin:8px 0 0}
  .hm-topic-dek{display:none}
  .hm-title{font-size:38px}
}

/* ---------- inner-page fixes ---------- */
/* .article-figure's margin shorthand cancelled .wrap's auto margins: centre the lead picture */
.article-figure.wrap{margin-left:auto;margin-right:auto}
.article-figure.wrap img{display:block;margin:0 auto}
/* picture chips inside tables are not the hub "chip" pills */
.prose .chip{border:0;background:none;padding:0;font:inherit;letter-spacing:0;text-transform:none;color:inherit;align-items:center;transition:none}
.prose .chip:hover{color:inherit}
.prose .chip span{font-size:inherit;color:inherit;letter-spacing:0}
/* galleries: rows that fill */
.prose figure.gallery.g6{grid-template-columns:repeat(6,minmax(0,1fr))}
.prose figure.gallery.g7{grid-template-columns:repeat(4,minmax(0,1fr))}
.prose figure.gallery.g9{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){
  .prose figure.gallery.g6,.prose figure.gallery.g9{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prose figure.gallery.g7{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.article-figure.photo figcaption{text-align:center}