/* Flavor Nest — shared theme for inner pages (articles, categories, static pages).
   Matches the hand-written homepage (index.html). */
:root{--bg:#FAF6F0;--bg2:#F3EBE1;--wash:#F0E4D6;--line:#E9DFD3;--ink:#1F1A17;--muted:#5E534B;--soft:#8A7D73;--accent:#B85C45;--accent-dark:#9E4A35;--dark:#2A211C;--serif:'Cormorant Garamond',Baskerville,Georgia,serif;--sans:'Jost','Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;line-height:1.05}
.wrap{max-width:1296px;margin:0 auto;padding:0 72px}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.eyebrow.line::before{content:"";display:block;width:36px;height:1.5px;background:var(--accent)}
.kicker{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.underline{font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:1.5px solid var(--ink);padding-bottom:2px;white-space:nowrap}
.underline:hover,.nav a:hover,.card:hover .title,.foot-links a:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.03em;min-height:48px;transition:background .2s,color .2s,border-color .2s;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}
.btn-outline{border:1.5px solid var(--ink);background:transparent}.btn-outline:hover{background:var(--ink);color:#fff}
.btn-sm{padding:10px 18px;min-height:40px;font-size:14px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.sec-head h2{font-size:40px}
.card .img{display:block;width:100%;border-radius:20px;overflow:hidden;background:var(--wash)}
.card .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .img img{transform:scale(1.04)}
.card .title{font-family:var(--serif);font-weight:600;line-height:1.15;transition:color .2s}

/* Logo */
.logo{display:inline-flex;align-items:center;gap:12px}
.logo svg{width:48px;height:48px;flex:none}
.logo .word{font-family:var(--serif);font-size:31px;line-height:1;letter-spacing:.01em;white-space:nowrap}
.logo .word b{font-weight:600}
.logo .word i{font-style:italic;font-weight:600;color:var(--accent)}
.logo .tag{display:block;white-space:nowrap;margin-top:5px;font-size:9.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px}
.nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.nav a{transition:color .2s}
.nav a[aria-current]{color:var(--accent)}
.header-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1.5px solid var(--ink);border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.04em;transition:background .2s,color .2s}
.header-cta:hover{background:var(--ink);color:#fff}
.menu-btn{display:none;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);padding:0;align-items:center;justify-content:center;cursor:pointer}
.mobile-nav{display:none;border-top:1px solid var(--line);background:var(--bg)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:14px 20px;font-size:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)}

/* Footer */
.site-footer{background:var(--bg2);border-top:1px solid var(--line);margin-top:64px}
.site-footer .wrap{padding-top:56px;padding-bottom:40px}
.foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:36px}
.foot-brand{display:flex;flex-direction:column;gap:14px;max-width:360px}
.foot-brand p{margin:0;font-size:15px;line-height:1.6;color:#6B5F57}
.foot-cols{display:flex;gap:72px}
.foot-links{display:flex;flex-direction:column;gap:12px;font-size:15px}
.foot-links span{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.foot-links a{transition:color .2s}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #E3D8CB;font-size:13px;color:var(--soft);letter-spacing:.04em}

/* Ads */
.ad-slot{text-align:center}.ad-slot:empty{display:none}

/* Breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.crumbs a:hover{color:var(--accent)}
.crumbs li{list-style:none;display:flex;gap:8px;align-items:center}
.crumbs li+li::before{content:"/";color:#C9BDB1}
.crumbs ol{display:contents;margin:0;padding:0}

/* Article */
.post-hero .wrap{max-width:900px;padding-top:48px;padding-bottom:8px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.post-hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.01em;text-wrap:pretty;line-height:1.05}
.post-hero .lede{margin:0;font-size:19px;line-height:1.6;color:var(--muted);text-wrap:pretty;max-width:720px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:14px;color:var(--soft);letter-spacing:.02em}
.post-meta b{font-weight:500;color:var(--ink)}
.post-meta .sep{width:4px;height:4px;border-radius:999px;background:#C9BDB1}
.post-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.post-figure{max-width:900px;margin:28px auto 0;padding:0 72px}
.post-figure .frame{border-radius:24px;overflow:hidden;background:var(--wash);box-shadow:0 30px 60px -36px rgba(60,35,20,.45)}
.post-figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.post-body{max-width:900px;margin:0 auto;padding:40px 72px 0}
.prose{font-size:18px;line-height:1.75;color:#2F2824}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure,.prose .table-scroll,.prose .tasty-pins-banner-container{margin:0 0 1.25em}
.prose h2,.prose h3,.prose h4{font-family:var(--serif);font-weight:600;line-height:1.15;color:var(--ink);margin:1.7em 0 .55em}
.prose .recipe-card{margin:2.4em 0}
.prose h2{font-size:36px}.prose h3{font-size:28px}.prose h4{font-size:22px;font-family:var(--sans);font-weight:600}
.prose h2 strong,.prose h3 strong{font-weight:inherit}
.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--accent-dark)}
.prose img{border-radius:18px;margin:1.6em auto}
.prose figure{margin:1.6em 0}.prose figcaption{font-size:14px;color:var(--soft);text-align:center;margin-top:8px}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.45em}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent);font-family:var(--serif);font-size:24px;line-height:1.4;color:var(--ink)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{font-weight:600}
.prose .table-scroll{overflow-x:auto}
.prose strong{font-weight:600}
.prose .wp-block-image,.prose .aligncenter{margin-left:auto;margin-right:auto}
/* Share */
.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.share a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1.5px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;background:#fff;transition:border-color .2s,color .2s}
.share a:hover{border-color:var(--ink)}
.share svg{width:16px;height:16px}
.post-foot{max-width:900px;margin:48px auto 0;padding:24px 72px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
.post-foot .cats{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:var(--wash);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s}
.chip:hover,.chip[aria-current]{background:var(--accent);color:#fff}
/* Related */
.related .wrap{padding-top:64px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.related .card{display:flex;flex-direction:column;gap:12px}
.related .card .img{aspect-ratio:4/5}
.related .card .title{font-size:26px}

/* Category / archive */
.arch-hero .wrap{padding-top:56px;padding-bottom:36px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;max-width:1000px}
.arch-hero h1{font-size:clamp(40px,5.5vw,72px);letter-spacing:-.01em}
.arch-hero p{margin:0;font-size:18px;line-height:1.6;color:var(--muted);max-width:680px;text-wrap:pretty}
.subcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.arch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;padding-top:12px}
.arch-grid .card{display:flex;flex-direction:column;gap:12px}
.arch-grid .card .img{aspect-ratio:4/5}
.arch-grid .card .title{font-size:27px}
.arch-grid .card p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.arch-grid .card .date{font-size:13px;color:var(--soft)}
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:56px}
.pager a,.pager span{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:500;transition:background .2s,color .2s}
.pager a:hover{background:var(--wash)}
.pager [aria-current]{background:var(--ink);color:#fff}
.pager .gap{color:var(--soft)}
.pager .arrow{border:1.5px solid var(--line);background:#fff}

/* Static page */
.page-hero .wrap{max-width:900px;padding-top:56px;padding-bottom:8px}
.page-hero h1{font-size:clamp(40px,5.5vw,72px);letter-spacing:-.01em}

/* Tablet */
@media (max-width:1100px){
  .wrap{padding:0 40px}
  .nav{gap:22px;font-size:14px}
  .post-figure,.post-body,.post-foot{padding-left:40px;padding-right:40px}
  .related-grid,.arch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
}
/* Mobile */
@media (max-width:760px){
  .wrap{padding:0 20px}
  .site-header .wrap{height:72px}
  .logo svg{width:40px;height:40px}
  .logo .word{font-size:26px}
  .logo .tag{display:none}
  .nav,.header-cta{display:none}
  .menu-btn{display:inline-flex}
  .post-hero .wrap{padding-top:28px;gap:16px}
  .post-hero h1{font-size:38px}
  .post-hero .lede{font-size:16px}
  .post-figure{padding:0 20px;margin-top:20px}
  .post-figure .frame{border-radius:18px}
  .post-body{padding:28px 20px 0}
  .prose{font-size:17px;line-height:1.7}
  .prose h2{font-size:30px}.prose h3{font-size:24px}
  .prose .tasty-recipes-title{font-size:28px}
  .post-foot{padding:20px 20px 0;margin-top:32px}
  .sec-head h2{font-size:30px}
  .sec-head{margin-bottom:24px}
  .related .wrap{padding-top:40px}
  .related-grid,.arch-grid{grid-template-columns:1fr;gap:24px}
  .related .card .img,.arch-grid .card .img{aspect-ratio:4/3;border-radius:18px}
  .arch-hero .wrap{padding-top:32px;padding-bottom:20px}
  .arch-hero h1{font-size:40px}
  .arch-hero p{font-size:16px}
  .pager{margin-top:40px}
  .site-footer{margin-top:40px}
  .site-footer .wrap{padding-top:40px;padding-bottom:32px}
  .foot-top{flex-direction:column;gap:24px;margin-bottom:24px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}
  .foot-bottom{font-size:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

/* ===== Recipe card ===== */
.recipe-card{margin:2.6em 0;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 24px 50px -36px rgba(60,35,20,.35);scroll-margin-top:100px}
.rc-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:28px;background:var(--bg2);align-items:center}
.rc-head>img{width:220px;height:220px;object-fit:cover;border-radius:110px 110px 18px 18px;margin:0!important}
.rc-head-copy{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.rc-title{font-size:36px;margin:0!important;line-height:1.1}
.rc-desc{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.rc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.rc-actions .btn svg{width:14px;height:14px}
.rc-facts,.facts{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line)}
.facts{border:1px solid var(--line);border-radius:16px;background:#fff;margin-top:6px;overflow:hidden}
.fact{display:flex;flex-direction:column;gap:2px;padding:14px 22px;border-right:1px solid var(--line);min-width:110px}
.fact:last-child{border-right:0}
.fact span{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.fact b{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.1}
.rc-body{padding:8px 32px 28px}
.rc-body h3{font-size:26px;margin:28px 0 12px;padding-bottom:8px;border-bottom:1.5px solid var(--accent);display:inline-block}
.rc-body h4{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:18px 0 6px}
.rc-body ul,.rc-body ol{margin:0;padding-left:1.3em}
.rc-body li{font-size:17px;line-height:1.6}
.rc-body li+li{margin-top:.5em}
.checklist{list-style:none;padding-left:0!important}
.checklist li{position:relative;padding-left:30px;cursor:pointer}
.checklist li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border:1.5px solid var(--accent);border-radius:5px;background:#fff}
.checklist li.done{color:var(--soft);text-decoration:line-through}
.checklist li.done::before{background:var(--accent)}
.rc-instructions ol{counter-reset:step;list-style:none;padding-left:0!important}
.rc-instructions ol li{position:relative;padding-left:44px;counter-increment:step}
.rc-instructions ol li::before{content:counter(step);position:absolute;left:0;top:.05em;width:30px;height:30px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--serif);font-weight:600;font-size:17px;display:flex;align-items:center;justify-content:center}
.rc-notes{margin-top:8px;font-size:16px;color:var(--muted)}
.rc-notes p{margin:0 0 .6em}
.rc-nutrition dl{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.rc-nutrition dl>div{background:var(--bg);border-radius:12px;padding:10px 14px;min-width:100px}
.rc-nutrition dt{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.rc-nutrition dd{margin:2px 0 0;font-weight:500}
.rc-foot{padding:20px 32px;background:var(--bg2);border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.rc-foot b{color:var(--ink);font-weight:600}
.recipe-card .ad-slot{padding:12px 0}

/* ===== TOC / author / newsletter / mobile bar ===== */
.toc{margin:0 0 32px;padding:18px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.toc summary{cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);list-style:none;display:flex;align-items:center;gap:10px}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+";margin-left:auto;font-size:18px;color:var(--soft)}
.toc[open] summary::after{content:"–"}
.toc ol{margin:14px 0 0;padding-left:1.2em;columns:2;column-gap:32px;font-size:15px;line-height:1.5}
.toc li{break-inside:avoid;padding:3px 0}
.toc a:hover{color:var(--accent)}
.author-box{display:flex;gap:20px;align-items:center;margin-top:8px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.author-box img{width:96px;height:96px;border-radius:999px;object-fit:cover;object-position:50% 20%;flex:none}
.author-box h3{font-size:28px;margin:4px 0 6px}
.author-box p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.author-box a{color:var(--accent);font-weight:500}
.newsletter .wrap{padding-top:64px}
.nl-box{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center;padding:40px 48px;border-radius:24px;background:var(--dark);color:var(--bg)}
.nl-box .kicker{color:#E3A58F}
.nl-box h2{font-size:36px;margin-top:8px;color:var(--bg)}
.nl-box p{margin:8px 0 0;color:#CDBFB3;font-size:16px}
.nl-form{display:flex;gap:10px}
.nl-form input{flex:1;min-width:0;height:48px;padding:0 18px;border-radius:999px;border:1.5px solid #5A4A42;background:#3B2E27;color:var(--bg);font:inherit;font-size:15px}
.nl-form input::placeholder{color:#A89A8F}
.nl-form input:focus{outline:2px solid var(--accent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mobile-bar{display:none}

/* ===== Category feature card ===== */
.feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:48px;padding:0;border-radius:24px;background:#fff;border:1px solid var(--line);overflow:hidden}
.feature .img{display:block;aspect-ratio:4/3;background:var(--wash);overflow:hidden}
.feature .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.feature:hover .img img{transform:scale(1.03)}
.feature .copy{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:32px 40px 32px 0}
.feature .title{font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.1;transition:color .2s}
.feature:hover .title{color:var(--accent)}
.feature .ex{font-size:16px;line-height:1.6;color:var(--muted)}
.grid-ad{grid-column:1/-1}

@media (max-width:1100px){
  .nl-box{grid-template-columns:1fr;gap:24px;padding:32px}
  .feature{grid-template-columns:1fr;gap:0}
  .feature .copy{padding:24px 28px 28px}
}
@media (max-width:760px){
  .rc-head{grid-template-columns:1fr;gap:18px;padding:22px}
  .rc-head>img{width:140px;height:140px;border-radius:70px 70px 14px 14px}
  .rc-title{font-size:30px}
  .rc-body{padding:4px 20px 22px}
  .rc-body h3{font-size:23px}
  .rc-body li{font-size:16px}
  .rc-foot{padding:16px 20px}
  .fact{padding:10px 14px;min-width:0;flex:1}
  .fact b{font-size:17px}
  .facts{width:100%}
  .toc ol{columns:1}
  .author-box{flex-direction:column;text-align:center;padding:22px}
  .newsletter .wrap{padding:40px 20px 0}
  .nl-box{padding:26px 22px;border-radius:18px}
  .nl-box h2{font-size:28px}
  .nl-form{flex-direction:column}
  .mobile-bar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(250,246,240,.96);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
  .mobile-bar .btn{flex:1;min-height:44px;padding:10px 14px;font-size:14px}
  .mobile-bar .btn svg{width:14px;height:14px}
  .mobile-bar .btn-outline{flex:0 0 auto;background:#fff}
  body:has(.mobile-bar) .site-footer{padding-bottom:70px}
  .feature .title{font-size:28px}
  .feature .copy{padding:20px}
}
@media print{
  .site-header,.site-footer,.post-hero .post-actions,.post-hero .crumbs,.post-figure,.toc,.share,.post-foot,.author-box,.related,.newsletter,.ad-slot,.mobile-bar,.rc-actions,.prose>*:not(.recipe-card){display:none!important}
  body{background:#fff}
  .recipe-card{box-shadow:none;border:0;margin:0}
  .rc-head{background:none;padding:0 0 12px}
  .rc-head>img{display:none}
  .post-body{padding:0}
}

/* Tasty "pin this" image overlays left in old posts */
.tasty-pins-banner-container{position:relative;display:block;margin:1.6em auto}
.tasty-pins-banner-container img{margin:0!important}
.tasty-pins-banner-image-link{position:absolute;left:12px;bottom:12px}
.tasty-pins-banner{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#B85C45;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}

/* buttons inside article prose must not inherit link styling */
.prose .btn{text-decoration:none}
.prose .btn-primary{color:#fff}
.prose .btn-primary:hover{color:#fff}
.prose .btn-outline{color:var(--ink)}
.prose .btn-outline:hover{color:#fff}

/* ===== Collections ===== */
.coll-intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px}
.coll-intro p{margin:0 0 12px}.coll-intro a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.coll-group{padding-top:48px;scroll-margin-top:100px}
.coll-group .sec-head{margin-bottom:24px}
.coll-box{margin:32px 0 24px;padding:24px 28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.coll-box h3{font-size:28px;margin:6px 0 12px}
.coll-box h3 a:hover{color:var(--accent)}
.coll-box ul{margin:0 0 16px;padding-left:1.2em;columns:2;column-gap:28px;font-size:15px;line-height:1.5}
.coll-box li{break-inside:avoid;padding:3px 0}.coll-box li a:hover{color:var(--accent)}
@media (max-width:760px){.coll-box ul{columns:1}.coll-group{padding-top:32px}.coll-intro{font-size:16px}}