/* roulang page: index */
:root{
      --wine:#5b1f32;
      --wine-deep:#351523;
      --clay:#a45650;
      --rose:#d9aaa0;
      --sand:#e9dfd0;
      --cream:#fbf8f2;
      --paper:#f4eee5;
      --ink:#241c1d;
      --muted:#76696a;
      --line:#d9cec3;
      --shadow:0 18px 45px rgba(66,34,34,.10);
      --radius:18px;
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid #d79580;outline-offset:3px}
    .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:40;background:rgba(251,248,242,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;color:var(--wine);white-space:nowrap}
    .brand-mark{width:34px;height:34px;border:2px solid var(--wine);border-radius:10px 10px 16px 16px;display:grid;place-items:center;font-size:13px}
    .nav-links{display:flex;align-items:center;gap:8px}
    .nav-link{position:relative;padding:10px 15px;color:#6f6261;font-size:14px;transition:.25s}
    .nav-link:after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--wine)}
    .nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}
    .age-mini{border:1px solid var(--line);padding:8px 13px;border-radius:9px;color:var(--wine);font-size:13px;transition:.25s}
    .age-mini:hover{background:var(--sand);border-color:var(--clay)}
    .menu-toggle{display:none;border:1px solid var(--line);background:var(--cream);color:var(--wine);border-radius:9px;width:44px;height:42px}
    .hero{position:relative;overflow:hidden;background:var(--wine-deep);color:#fff;min-height:600px;display:flex;align-items:center}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(53,21,35,.98) 0%,rgba(91,31,50,.86) 50%,rgba(164,86,80,.64) 100%)}
    .hero:after{content:"";position:absolute;width:60vw;height:150%;right:-20%;top:-25%;background:repeating-linear-gradient(115deg,transparent 0 50px,rgba(255,255,255,.06) 51px 52px);transform:rotate(-12deg)}
    .hero-inner{position:relative;z-index:2;padding:92px 0 100px}
    .hero-kicker,.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose);font-weight:700}
    .hero h1{max-width:760px;font-size:clamp(42px,6vw,74px);line-height:1.18;letter-spacing:-.07em;margin:18px 0 25px}
    .hero-copy{max-width:650px;color:#eadbd6;font-size:17px;line-height:2}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
    .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 22px;font-weight:700;border:1px solid transparent;transition:.25s}
    .btn-primary{background:var(--clay);color:#fff;box-shadow:0 9px 20px rgba(0,0,0,.15)}
    .btn-primary:hover{background:#c27368;transform:translateY(-2px)}
    .btn-primary:active{transform:translateY(1px)}
    .btn-light{background:#fff4eb;color:var(--wine)}
    .btn-light:hover{background:#fff;color:var(--wine);transform:translateY(-2px)}
    .btn-outline{background:transparent;border-color:var(--rose);color:#fff}
    .btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
    .hero-strip{display:flex;gap:28px;flex-wrap:wrap;margin-top:54px;color:#e9cfca;font-size:13px}
    .hero-strip span{padding-left:13px;border-left:1px solid #c58c87}
    .hero-art{position:absolute;right:7%;bottom:58px;width:310px;height:365px;border:1px solid rgba(255,255,255,.3);transform:rotate(5deg);padding:18px;z-index:1}
    .hero-art-inner{height:100%;background:linear-gradient(145deg,#d9aaa0,#794051 48%,#25151d);position:relative;overflow:hidden}
    .hero-art-inner:before{content:"18+";position:absolute;top:28px;right:25px;font-size:58px;font-weight:900;color:rgba(255,255,255,.2)}
    .hero-art-inner:after{content:"精选索引 / 01";position:absolute;bottom:24px;left:22px;letter-spacing:.12em;color:#fff;font-size:12px}
    .section{padding:104px 0}
    .section.alt{background:var(--paper)}
    .section-head{max-width:700px;margin-bottom:42px}
    .section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25;letter-spacing:-.05em;margin:12px 0 16px}
    .section-head p{color:var(--muted);font-size:16px;max-width:650px}
    .issue-grid{display:grid;grid-template-columns:1.1fr 2fr;gap:52px;align-items:start}
    .big-index{font-size:clamp(78px,11vw,145px);line-height:.8;color:var(--rose);font-weight:900;letter-spacing:-.1em}
    .issue-list{border-top:1px solid var(--line)}
    .issue-item{display:grid;grid-template-columns:52px 1fr 25px;gap:16px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:.25s}
    .issue-item:hover{padding-left:10px;background:rgba(255,255,255,.42)}
    .issue-no{color:var(--clay);font-weight:800}
    .issue-item h3{margin:0;font-size:19px}
    .issue-item p{margin:4px 0 0;color:var(--muted);font-size:14px}
    .arrow{color:var(--clay);font-size:21px}
    .index-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
    .feature-card,.mini-card,.quote-card,.faq-wrap,.cta-box{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf5;box-shadow:var(--shadow)}
    .feature-card{min-height:330px;padding:32px;position:relative;overflow:hidden;background:var(--wine);color:#fff}
    .feature-card:after{content:"";position:absolute;right:-60px;bottom:-100px;width:300px;height:300px;border:1px solid rgba(255,255,255,.28);border-radius:50%}
    .feature-card h3{font-size:30px;max-width:390px;line-height:1.35;margin:25px 0 12px}
    .feature-card p{max-width:460px;color:#e8d7d2}
    .feature-tag,.tag{display:inline-flex;border:1px solid currentColor;border-radius:99px;padding:3px 10px;font-size:12px;line-height:1.5}
    .mini-stack{display:grid;gap:22px}
    .mini-card{padding:25px;min-height:153px;transition:.25s}
    .mini-card:hover{transform:translateY(-4px);border-color:var(--clay)}
    .mini-card h3{margin:9px 0 4px;font-size:20px}
    .mini-card p{margin:0;color:var(--muted);font-size:14px}
    .tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
    .tag{border-color:var(--line);color:var(--wine);background:var(--cream);transition:.2s}
    .tag:hover,.tag.selected{background:var(--wine);color:#fff;border-color:var(--wine)}
    .value-band{background:#342126;color:#fff;position:relative;overflow:hidden}
    .value-band:before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(90deg,transparent 49%,#e9aaa0 50%,transparent 51%);background-size:90px 100%}
    .value-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;align-items:end}
    .value-grid h2{font-size:40px;line-height:1.3;margin:12px 0}
    .value-grid p{color:#d9c9c5}
    .value-note{border-left:1px solid #916672;padding-left:22px}
    .value-note strong{display:block;font-size:19px;color:#f1d1c8;margin-bottom:8px}
    .quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .quote-card{padding:28px 30px;position:relative}
    .quote-card:before{content:"“";position:absolute;top:10px;right:24px;color:var(--rose);font-size:70px;line-height:1}
    .quote-card p{font-size:17px;line-height:1.8;max-width:450px;margin:0 0 24px}
    .quote-meta{color:var(--muted);font-size:13px}
    .news-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:45px}
    .news-list{border-top:1px solid var(--line)}
    .news-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);transition:.2s}
    .news-row:hover{color:var(--clay);padding-left:8px}
    .news-row span{color:var(--muted);font-size:13px;white-space:nowrap}
    .side-note{background:var(--sand);padding:28px;border-radius:var(--radius)}
    .side-note h3{margin-top:0;font-size:22px}
    .side-note p{color:var(--muted);font-size:14px}
    .faq-wrap{max-width:850px}
    details{border-bottom:1px solid var(--line);padding:0 24px}
    details:last-child{border-bottom:0}
    summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:700;display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"＋";color:var(--clay);font-size:20px}
    details[open] summary:after{content:"－"}
    details p{color:var(--muted);font-size:15px;padding:0 35px 22px 0;margin:0}
    .cta-box{background:var(--wine);color:#fff;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}
    .cta-box:after{content:"18";position:absolute;right:38px;bottom:-55px;font-size:180px;font-weight:900;color:rgba(255,255,255,.07)}
    .cta-box h2{font-size:34px;line-height:1.3;margin:0 0 12px}
    .cta-box p{color:#e8d7d2;margin:0;max-width:640px}
    footer{background:var(--wine-deep);color:#dccbc8;padding:58px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:45px}
    footer .brand{color:#fff}
    footer p{font-size:14px;color:#bda9a9;max-width:390px}
    .footer-title{color:#fff;font-weight:700;margin:0 0 15px}
    .footer-links{display:grid;gap:8px;font-size:14px}
    .footer-links a{color:#bda9a9;transition:.2s}
    .footer-links a:hover{color:#fff}
    .footer-bottom{border-top:1px solid #583442;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#9d878b;font-size:12px}
    .age-modal{position:fixed;inset:0;background:rgba(35,18,25,.74);z-index:80;display:grid;place-items:center;padding:20px}
    .age-modal.hidden{display:none}
    .age-panel{width:min(480px,100%);background:var(--cream);border-radius:20px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.28);text-align:center}
    .age-panel h2{margin:0 0 12px;font-size:28px;color:var(--wine)}
    .age-panel p{color:var(--muted);font-size:14px}
    .age-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}
    .is-disabled{opacity:.48;pointer-events:none;cursor:not-allowed}
    @media(max-width:900px){
      .hero-art{right:-40px;opacity:.42}
      .issue-grid,.index-layout,.news-layout{grid-template-columns:1fr}
      .value-grid{grid-template-columns:1fr 1fr}
      .value-grid h2{grid-column:1/-1}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:680px){
      .container{width:min(100% - 28px,1180px)}
      .nav-wrap{height:66px}
      .nav-links{display:none;position:absolute;left:14px;right:14px;top:72px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav-links.open{display:flex}
      .nav-link{padding:12px 14px}
      .age-mini{display:none}
      .menu-toggle{display:block}
      .hero{min-height:650px}
      .hero-inner{padding:72px 0 78px}
      .hero h1{font-size:43px}
      .hero-copy{font-size:15px}
      .hero-art{width:220px;height:265px;right:-54px;bottom:28px}
      .section{padding:72px 0}
      .section-head h2{font-size:34px}
      .big-index{font-size:96px}
      .value-grid,.quotes{grid-template-columns:1fr}
      .cta-box{padding:32px 25px;display:block}
      .cta-box .btn{margin-top:24px;width:100%}
      .footer-grid{grid-template-columns:1fr;gap:28px}
      .footer-bottom{display:block}
      .footer-bottom span{display:block;margin-top:8px}
      .age-actions{flex-direction:column}
      .age-actions .btn{width:100%}
    }

/* roulang page: category1 */
:root{
      --wine:#5b1f32;
      --wine-deep:#351523;
      --clay:#a45650;
      --rose:#d9aaa0;
      --sand:#e9dfd0;
      --cream:#fbf8f2;
      --paper:#f4eee5;
      --ink:#241c1d;
      --muted:#76696a;
      --line:#d9cec3;
      --shadow:0 18px 45px rgba(66,34,34,.10);
      --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid var(--rose);outline-offset:3px}
    .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:40;background:rgba(251,248,242,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;color:var(--wine);white-space:nowrap}
    .brand-mark{width:34px;height:34px;border:2px solid var(--wine);border-radius:10px 10px 16px 16px;display:grid;place-items:center;font-size:13px}
    .nav-links{display:flex;align-items:center;gap:8px}
    .nav-link{position:relative;padding:10px 15px;color:#6f6261;font-size:14px;transition:.25s}
    .nav-link:after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--wine)}
    .nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}
    .menu-toggle{display:none;border:1px solid var(--line);background:var(--cream);color:var(--wine);border-radius:9px;width:44px;height:42px}
    .page-head{background:var(--wine-deep);color:#fff;padding:78px 0 72px;position:relative;overflow:hidden}
    .page-head:after{content:"";position:absolute;right:-8%;top:-55%;width:48%;height:220%;border-left:1px solid rgba(255,255,255,.15);transform:rotate(25deg);background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(255,255,255,.055) 43px 44px)}
    .page-head-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}
    .eyebrow{font-size:12px;letter-spacing:.18em;color:var(--rose);font-weight:700}
    .page-head h1{font-size:clamp(38px,5vw,64px);line-height:1.2;letter-spacing:-.06em;margin:15px 0 20px}
    .page-head p{color:#eadbd6;max-width:680px;font-size:16px;margin:0}
    .head-note{border-left:2px solid var(--clay);padding-left:20px;color:#eadbd6;font-size:14px}
    .head-note strong{display:block;color:#fff;font-size:25px;line-height:1.4;margin-bottom:8px}
    .section{padding:88px 0}
    .section.alt{background:var(--paper)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
    .section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.25;letter-spacing:-.05em;margin:10px 0 0}
    .section-head p{max-width:520px;color:var(--muted);margin:0}
    .filter-box{background:#fffaf5;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
    .filter-label{font-size:13px;font-weight:700;color:var(--wine);margin-right:4px}
    .filter-btn{border:1px solid var(--line);background:var(--cream);color:var(--muted);border-radius:999px;padding:7px 15px;font-size:13px;transition:.2s}
    .filter-btn:hover,.filter-btn.active{background:var(--wine);border-color:var(--wine);color:#fff}
    .filter-btn:active{transform:translateY(1px)}
    .sort-box{margin-left:auto;color:var(--muted);font-size:13px}
    .sort-box select{border:1px solid var(--line);background:var(--cream);color:var(--wine);border-radius:8px;padding:7px 28px 7px 10px}
    .content-layout{display:grid;grid-template-columns:.76fr 1.65fr;gap:38px;margin-top:34px}
    .index-panel{background:var(--wine);color:#fff;border-radius:var(--radius);padding:28px;min-height:420px;position:sticky;top:102px;align-self:start;overflow:hidden}
    .index-panel:after{content:"18+";position:absolute;right:-5px;bottom:-32px;font-size:130px;font-weight:900;color:rgba(255,255,255,.06)}
    .index-panel h3{font-size:25px;line-height:1.35;margin:0 0 10px}
    .index-panel p{color:#e4d1cd;font-size:14px;margin:0 0 25px}
    .index-list{border-top:1px solid rgba(255,255,255,.25)}
    .index-list a{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#f6e9e4;font-size:14px;transition:.2s}
    .index-list a:hover{padding-left:8px;color:#fff}
    .index-list span{color:var(--rose)}
    .cards{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
    .content-card{background:#fffaf5;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.25s;display:flex;flex-direction:column}
    .content-card:hover{transform:translateY(-5px);border-color:var(--clay);box-shadow:0 22px 48px rgba(66,34,34,.15)}
    .content-card.featured{grid-row:span 2}
    .cover{height:190px;background:var(--sand);position:relative;overflow:hidden}
    .featured .cover{height:270px}
    .cover:before{content:"";position:absolute;inset:16px;border:1px solid rgba(91,31,50,.3);transform:rotate(-5deg)}
    .cover:after{content:"";position:absolute;width:180px;height:260px;right:18%;top:-45px;background:rgba(91,31,50,.18);transform:rotate(25deg);box-shadow:45px 30px 0 rgba(164,86,80,.18)}
    .cover-label{position:absolute;z-index:1;left:20px;top:18px;color:var(--wine);font-size:12px;letter-spacing:.12em}
    .cover-mark{position:absolute;z-index:1;right:20px;bottom:14px;color:rgba(53,21,35,.6);font-size:42px;font-weight:900}
    .card-body{padding:23px 24px 25px;display:flex;flex-direction:column;flex:1}
    .tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
    .tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12px;line-height:1.5;color:var(--wine);background:var(--cream)}
    .content-card h3{font-size:21px;line-height:1.4;margin:0 0 8px}
    .content-card p{font-size:14px;color:var(--muted);margin:0 0 18px}
    .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--clay);font-size:13px}
    .card-foot a{font-weight:700}
    .card-foot a:hover{text-decoration:underline}
    .path-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .path-item{padding:24px;background:#fffaf5;border:1px solid var(--line);border-radius:14px;transition:.2s}
    .path-item:hover{border-color:var(--clay);transform:translateY(-3px)}
    .path-no{color:var(--clay);font-weight:800;font-size:13px}
    .path-item h3{font-size:19px;margin:10px 0 5px}
    .path-item p{font-size:14px;color:var(--muted);margin:0}
    .faq-wrap{max-width:860px;margin:auto;background:#fffaf5}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item:last-child{border-bottom:0}
    .faq-question{width:100%;background:none;border:0;text-align:left;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;color:var(--ink);font-weight:700}
    .faq-question span:last-child{color:var(--clay);font-size:22px;line-height:1}
    .faq-answer{display:none;padding:0 24px 22px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .cta-box{background:var(--wine-deep);color:#fff;padding:42px 46px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}
    .cta-box:after{content:"";position:absolute;right:-20px;top:-90px;width:230px;height:230px;border:1px solid rgba(255,255,255,.16);border-radius:50%}
    .cta-box h2{font-size:31px;line-height:1.35;margin:0 0 9px;position:relative;z-index:1}
    .cta-box p{color:#ddc9c5;margin:0;max-width:620px;position:relative;z-index:1}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
    footer{background:var(--wine-deep);color:#eadbd6;border-top:1px solid rgba(255,255,255,.12);padding:58px 0 24px}
    footer .brand{color:#fff}
    footer .brand-mark{border-color:#fff!important}
    .footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:50px}
    footer p{color:#cbb6b1;font-size:14px;max-width:420px;margin:18px 0 0}
    .footer-title{font-size:14px;color:#fff;margin:4px 0 14px}
    .footer-links{display:grid;gap:7px;color:#cbb6b1;font-size:14px}
    .footer-links a:hover{color:#fff}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);margin-top:42px;padding-top:19px;color:#bda7a2;font-size:12px}
    .age-modal{display:none;position:fixed;inset:0;background:rgba(35,17,23,.72);z-index:80;padding:20px;place-items:center}
    .age-modal.show{display:grid}
    .age-dialog{max-width:480px;background:var(--cream);border-radius:18px;padding:32px;border:1px solid var(--line);box-shadow:0 25px 80px rgba(0,0,0,.3)}
    .age-dialog h2{color:var(--wine);margin:0 0 12px;font-size:28px}
    .age-dialog p{color:var(--muted);font-size:14px;margin:0 0 22px}
    .age-actions{display:flex;gap:10px;flex-wrap:wrap}
    @media(max-width:900px){
      .page-head-inner,.content-layout{grid-template-columns:1fr}
      .head-note{max-width:480px}
      .index-panel{position:static;min-height:auto}
      .path-grid{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:680px){
      .container{width:min(100% - 28px,1180px)}
      .nav-wrap{height:68px}
      .menu-toggle{display:block}
      .nav-links{display:none;position:absolute;left:14px;right:14px;top:76px;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav-links.open{display:flex}
      .nav-link{padding:12px 14px}
      .page-head{padding:58px 0 52px}
      .section{padding:64px 0}
      .section-head{display:block}
      .section-head p{margin-top:14px}
      .filter-box{align-items:flex-start}
      .sort-box{margin-left:0;width:100%}
      .sort-box select{width:100%;margin-top:5px}
      .cards,.path-grid{grid-template-columns:1fr}
      .content-card.featured{grid-row:auto}
      .featured .cover,.cover{height:210px}
      .cta-box{padding:30px 25px;display:block}
      .cta-actions{margin-top:24px}
      .footer-grid{grid-template-columns:1fr;gap:28px}
      .footer-bottom{display:block}
      .footer-bottom span{display:block;margin-top:6px}
    }