/* roulang page: index */
:root{
            --peach:#f28a72;
            --peach-deep:#d9675e;
            --peach-soft:#fff0e9;
            --plum:#3d2038;
            --plum-2:#572848;
            --ink:#332b30;
            --muted:#796d73;
            --cream:#fffaf6;
            --paper:#ffffff;
            --line:#eadbd6;
            --lavender:#ece2f2;
            --yellow:#f5d978;
            --radius-lg:24px;
            --radius-md:16px;
            --radius-sm:10px;
            --shadow:0 18px 50px rgba(74,34,55,.10);
            --shadow-soft:0 8px 24px rgba(74,34,55,.07);
            --container:1200px;
        }
        *,*::before,*::after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            background:var(--cream);
            color:var(--ink);
            font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
            font-size:16px;
            line-height:1.85;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none;transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button:focus-visible,a:focus-visible,input:focus-visible,[data-open]:focus-visible{outline:3px solid rgba(242,138,114,.45);outline-offset:3px}
        .site-header{
            position:relative;
            z-index:10;
            background:rgba(255,250,246,.94);
            border-bottom:1px solid var(--line);
        }
        .nav-wrap{max-width:var(--container);margin:auto;padding:14px 24px}
        .top-bar,.top-bar ul{background:transparent}
        .top-bar{padding:0}
        .brand{
            display:flex;align-items:center;gap:11px;
            color:var(--plum);font-weight:800;letter-spacing:-.03em;
            font-size:19px;line-height:1.15;
        }
        .brand-mark{
            width:38px;height:38px;border-radius:12px 12px 12px 5px;
            background:linear-gradient(145deg,var(--peach),#f6bd83);
            position:relative;box-shadow:0 6px 15px rgba(217,103,94,.22);
        }
        .brand-mark:after{
            content:"";position:absolute;width:12px;height:12px;border:3px solid var(--plum);
            border-radius:50%;top:10px;left:12px;
        }
        .menu a{color:var(--muted);font-size:14px;font-weight:700;padding:10px 14px;border-radius:9px}
        .menu a:hover,.menu a.active{color:var(--plum);background:var(--peach-soft)}
        .menu a.active{box-shadow:inset 0 -2px var(--peach-deep)}
        .age-note{
            background:var(--plum);color:#fff4ef;font-size:12px;padding:7px 24px;
            text-align:center;letter-spacing:.02em;
        }
        .hero{
            padding:76px 0 70px;
            background:
                radial-gradient(circle at 82% 18%,rgba(242,138,114,.28),transparent 25%),
                linear-gradient(120deg,#fff5ed 0%,#fbe5e1 52%,#eee0ec 100%);
            overflow:hidden;
        }
        .container{max-width:var(--container);margin:0 auto;padding:0 24px}
        .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:8px;color:var(--peach-deep);
            font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:22px;height:2px;background:var(--peach)}
        h1,h2,h3{color:var(--plum);line-height:1.22;letter-spacing:-.045em;margin:0 0 20px;font-weight:850}
        h1{font-size:clamp(38px,5vw,62px);max-width:680px}
        h2{font-size:clamp(29px,3.5vw,42px)}
        h3{font-size:20px}
        .hero-copy{font-size:17px;color:#665960;max-width:650px;margin:0 0 30px}
        .button-row{display:flex;gap:12px;flex-wrap:wrap}
        .button{
            min-height:46px;border-radius:9px;padding:11px 21px;margin:0;
            font-weight:800;font-size:14px;border:1px solid transparent;
            background:var(--peach);color:#fff;box-shadow:0 8px 18px rgba(217,103,94,.18)
        }
        .button:hover{background:var(--peach-deep);color:#fff;transform:translateY(-2px);box-shadow:0 12px 23px rgba(217,103,94,.24)}
        .button.secondary{background:transparent;color:var(--plum);border-color:#bd9da9;box-shadow:none}
        .button.secondary:hover{background:var(--plum);color:#fff;border-color:var(--plum)}
        .hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid rgba(87,40,72,.16)}
        .meta-item{font-size:13px;color:var(--muted)}
        .meta-item strong{display:block;color:var(--plum);font-size:15px}
        .preview{
            position:relative;min-height:390px;border-radius:var(--radius-lg);
            background:linear-gradient(145deg,#572848 0%,#8d4b68 48%,#ef9b7e 100%);
            box-shadow:var(--shadow);padding:24px;display:flex;align-items:flex-end;overflow:hidden;
        }
        .preview:before,.preview:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.28)}
        .preview:before{width:280px;height:280px;right:-55px;top:-70px}
        .preview:after{width:160px;height:160px;left:-45px;top:80px;background:rgba(255,224,203,.11)}
        .preview-inner{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:flex-end}
        .preview-label{color:#ffe8dc;font-size:12px;letter-spacing:.12em}
        .preview-title{color:#fff;font-size:28px;font-weight:850;line-height:1.3;margin-top:8px}
        .play{
            width:62px;height:62px;border-radius:50%;border:0;background:#fff;color:var(--plum);
            display:grid;place-items:center;font-size:23px;cursor:pointer;box-shadow:0 8px 20px rgba(46,17,38,.22)
        }
        .play:hover{background:var(--peach-soft);transform:translateY(-2px)}
        .section{padding:92px 0}
        .section.alt{background:#fff5f0}
        .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
        .section-head p{max-width:570px;color:var(--muted);margin:0}
        .feature-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
        .feature-main,.feature-small,.path-card,.curated-card,.update-panel,.plan-main,.mini-info{
            background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)
        }
        .feature-main{padding:34px;min-height:285px;background:var(--plum);color:#fff;position:relative;overflow:hidden}
        .feature-main:after{content:"一区";position:absolute;right:22px;bottom:-28px;color:rgba(255,255,255,.08);font-size:130px;font-weight:900}
        .feature-main h3{color:#fff;font-size:31px}
        .feature-main p{color:#ead8df;max-width:520px}
        .feature-small{padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:135px}
        .feature-small h3{margin-bottom:8px}
        .feature-small p{font-size:14px;color:var(--muted);margin:0 0 12px}
        .feature-side{display:grid;gap:18px}
        .text-link{font-size:13px;font-weight:800;color:var(--peach-deep)}
        .text-link:hover{color:var(--plum)}
        .search-box{display:flex;gap:8px;margin-top:18px}
        .search-box input{height:44px;border:1px solid #d9c5c3;border-radius:8px;background:#fffaf8;box-shadow:none;margin:0;padding:0 13px;min-width:0}
        .search-box .button{padding:8px 16px;white-space:nowrap}
        .path-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
        .path-card{padding:28px 25px;position:relative;border-radius:0;box-shadow:none}
        .path-card:first-child{border-radius:16px 0 0 16px}
        .path-card:last-child{border-radius:0 16px 16px 0}
        .path-card:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--peach);color:#fff;font-weight:800}
        .step-no{display:block;color:var(--peach-deep);font-size:13px;font-weight:900;letter-spacing:.1em;margin-bottom:20px}
        .path-card p{color:var(--muted);font-size:14px;margin:0 0 18px}
        .curated-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .curated-card{overflow:hidden}
        .cover{height:158px;position:relative;background:linear-gradient(135deg,#f7c3a4,#bb7182 55%,#5b3155)}
        .cover.two{background:linear-gradient(135deg,#edd8bf,#d58372 46%,#663453)}
        .cover.three{background:linear-gradient(135deg,#ded4e7,#bf7a9b 45%,#48233f)}
        .cover span{position:absolute;left:16px;bottom:14px;background:rgba(61,32,56,.82);color:#fff4ef;padding:4px 9px;border-radius:5px;font-size:11px}
        .curated-body{padding:20px}
        .curated-body h3{font-size:18px;margin-bottom:8px}
        .curated-body p{font-size:13px;color:var(--muted);margin:0 0 13px}
        .tags{display:flex;gap:7px;flex-wrap:wrap}
        .tag{display:inline-block;border-radius:5px;background:var(--peach-soft);color:var(--peach-deep);padding:3px 8px;font-size:11px;font-weight:800}
        .updates{display:grid;grid-template-columns:1fr .72fr;gap:20px}
        .update-panel{padding:26px}
        .update-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
        .update-row:last-child{border-bottom:0}
        .update-row a{font-weight:750;color:var(--plum)}
        .update-row a:hover{color:var(--peach-deep)}
        .update-time{color:var(--muted);white-space:nowrap;font-size:12px}
        .status-box{background:var(--lavender);border-radius:13px;padding:24px;height:100%}
        .status-box strong{display:block;font-size:28px;color:var(--plum);margin:10px 0}
        .status-box p{font-size:14px;color:#66576a;margin:0}
        .plan-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
        .plan-main{padding:35px;background:var(--plum);color:#fff}
        .plan-main h3{color:#fff;font-size:28px}
        .plan-main p{color:#e9d8df}
        .plan-price{font-size:34px;font-weight:900;color:#ffd2bd;margin:18px 0}
        .plan-price small{font-size:13px;color:#e9d8df;font-weight:500}
        .mini-stack{display:grid;gap:18px}
        .mini-info{padding:24px}
        .mini-info h3{font-size:18px;margin-bottom:8px}
        .mini-info p{font-size:14px;color:var(--muted);margin:0}
        .compliance{font-size:12px;color:#bdaab3;margin-top:20px}
        .faq-wrap{max-width:850px;margin:auto}
        .accordion{background:transparent;margin:0}
        .accordion-item{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff}
        .accordion-title{border:0;color:var(--plum);font-weight:800;padding:18px 22px;font-size:15px}
        .accordion-title:hover,.accordion-title:focus{background:var(--peach-soft);color:var(--plum)}
        .accordion-content{border:0;background:#fffaf8;color:var(--muted);padding:0 22px 20px;font-size:14px;line-height:1.8}
        .bottom-cta{padding:34px 0;background:var(--peach);color:#fff}
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
        .cta-inner h2{color:#fff;margin:0;font-size:27px}
        .bottom-cta .button{background:var(--plum);box-shadow:none}
        .bottom-cta .button:hover{background:#291426}
        footer{background:var(--plum);color:#e5d4da;padding:42px 0 26px}
        .footer-grid{display:flex;justify-content:space-between;gap:35px;align-items:start}
        .footer-brand{color:#fff;font-weight:850;font-size:18px}
        .footer-brand p{font-size:13px;font-weight:400;color:#cbb6bf;max-width:360px;margin:12px 0 0}
        .footer-links{display:flex;gap:22px;flex-wrap:wrap}
        .footer-links a{font-size:13px;color:#eadbe0}
        .footer-links a:hover{color:#ffc2ab}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding-top:18px;font-size:12px;color:#bca7b0;display:flex;justify-content:space-between;gap:12px}
        .reveal{border:0;border-radius:18px;padding:30px;background:var(--cream);box-shadow:var(--shadow)}
        .reveal h2{font-size:27px}
        .reveal p{color:var(--muted);font-size:14px}
        .reveal .close-button{color:var(--plum)}
        @media(max-width:900px){
            .hero-grid,.feature-layout,.updates,.plan-grid{grid-template-columns:1fr;gap:28px}
            .preview{min-height:310px}
            .section{padding:70px 0}
            .curated-track{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:639px){
            .nav-wrap{padding:10px 16px}
            .brand{font-size:15px;max-width:235px}
            .brand-mark{width:32px;height:32px}
            .top-bar-title{max-width:80%}
            .menu{padding:10px 0}
            .menu a{display:block}
            .hero{padding:52px 0 48px}
            .container{padding:0 18px}
            h1{font-size:36px}
            .hero-copy{font-size:15px}
            .preview{min-height:250px;padding:18px}
            .preview-title{font-size:22px}
            .section{padding:58px 0}
            .section-head{display:block;margin-bottom:25px}
            .section-head p{margin-top:12px;font-size:14px}
            .feature-main{padding:25px}
            .feature-main h3{font-size:26px}
            .path-flow,.curated-track{grid-template-columns:1fr;gap:12px}
            .path-card,.path-card:first-child,.path-card:last-child{border-radius:14px}
            .path-card:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-20px;transform:translateX(50%)}
            .curated-card{display:grid;grid-template-columns:110px 1fr}
            .cover{height:100%;min-height:125px}
            .curated-body{padding:15px}
            .curated-body h3{font-size:16px}
            .update-row{display:block}
            .update-time{display:block;margin-top:5px}
            .cta-inner,.footer-grid,.footer-bottom{display:block}
            .cta-inner .button{margin-top:18px}
            .footer-links{margin-top:24px}
            .footer-bottom span{display:block;margin-top:8px}
        }

/* roulang page: category1 */
:root{
      --peach:#f28a72;--peach-deep:#d9675e;--peach-soft:#fff0e9;
      --plum:#3d2038;--plum-2:#572848;--ink:#332b30;--muted:#796d73;
      --cream:#fffaf6;--paper:#fff;--line:#eadbd6;--lavender:#ece2f2;
      --yellow:#f5d978;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;
      --shadow:0 18px 50px rgba(74,34,55,.10);--shadow-soft:0 8px 24px rgba(74,34,55,.07);
      --container:1200px;
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
    h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--plum);line-height:1.3;font-weight:850}
    h1{font-size:clamp(34px,4.8vw,56px);letter-spacing:-.055em;margin:14px 0 20px}
    h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;margin-bottom:12px}
    h3{font-size:21px;margin-bottom:9px}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{display:block;max-width:100%}button,input{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,[data-open]:focus-visible{outline:3px solid rgba(242,138,114,.5);outline-offset:3px}
    .container{max-width:var(--container);margin:auto;padding:0 24px}
    .site-header{position:relative;z-index:10;background:rgba(255,250,246,.96);border-bottom:1px solid var(--line)}
    .nav-wrap{max-width:var(--container);margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:11px;color:var(--plum);font-weight:800;letter-spacing:-.03em;font-size:19px;line-height:1.15}
    .brand-mark{width:38px;height:38px;border-radius:12px 12px 12px 5px;background:linear-gradient(145deg,var(--peach),#f6bd83);position:relative;box-shadow:0 6px 15px rgba(217,103,94,.22);flex:none}
    .brand-mark:after{content:"";position:absolute;width:12px;height:12px;border:3px solid var(--plum);border-radius:50%;top:10px;left:12px}
    .menu{margin:0}.menu a{color:var(--muted);font-size:14px;font-weight:700;padding:10px 14px;border-radius:9px}
    .menu a:hover,.menu a.active{color:var(--plum);background:var(--peach-soft)}
    .menu a.active{box-shadow:inset 0 -2px var(--peach-deep)}
    .top-bar{background:transparent;padding:0}.menu-icon{margin:2px 0 0 14px}
    .breadcrumb-bar{padding:22px 0 0;color:var(--muted);font-size:13px}
    .breadcrumbs a{color:var(--peach-deep);font-weight:700}.breadcrumbs li:not(:last-child):after{color:#c7aaa5}
    .category-hero{padding:44px 0 58px;background:radial-gradient(circle at 90% 10%,rgba(242,138,114,.26),transparent 28%),linear-gradient(120deg,#fff5ed,#f4e5eb)}
    .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
    .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--peach-deep);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before,.section-kicker:before{content:"";width:22px;height:2px;background:var(--peach)}
    .hero-copy{max-width:690px;color:#665960;font-size:17px;margin-bottom:24px}
    .button-row{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:46px;border-radius:9px;padding:11px 21px;margin:0;font-weight:800;font-size:14px;border:1px solid transparent;background:var(--peach);color:#fff;box-shadow:0 8px 18px rgba(217,103,94,.18)}
    .button:hover{background:var(--peach-deep);color:#fff;transform:translateY(-2px);box-shadow:0 12px 23px rgba(217,103,94,.24)}
    .button.secondary{background:transparent;color:var(--plum);border-color:#bd9da9;box-shadow:none}.button.secondary:hover{background:var(--plum);color:#fff}
    .status-panel{background:var(--plum);color:#fff;border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .status-panel:after{content:"三区";position:absolute;right:15px;bottom:-35px;color:rgba(255,255,255,.08);font-size:130px;font-weight:900}
    .status-panel h2{color:#fff;font-size:27px;margin-bottom:17px}.status-panel p{color:#ead8df;font-size:14px;position:relative;z-index:1}
    .status-list{border-top:1px solid rgba(255,255,255,.2);margin-top:20px;padding-top:17px;position:relative;z-index:1}
    .status-row{display:flex;justify-content:space-between;padding:8px 0;color:#ead8df;font-size:14px}.status-row strong{color:#fff}
    .section{padding:78px 0}.section.alt{background:#fff5f0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head p{max-width:570px;color:var(--muted);margin:0}
    .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:15px;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-bottom:28px}
    .filter-label{font-size:13px;font-weight:800;color:var(--plum);margin-right:2px}.filter{border:1px solid #ddc9c4;background:#fffaf8;color:var(--muted);border-radius:7px;padding:8px 13px;font-size:13px;font-weight:700;cursor:pointer}.filter:hover,.filter.active{background:var(--peach);border-color:var(--peach);color:#fff}
    .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.content-list{display:grid;gap:16px}
    .content-card{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:transform .25s,box-shadow .25s}
    .content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .cover{min-height:158px;border-radius:11px;background:linear-gradient(135deg,#e8997d 0%,#743b5e 62%,#33253d 100%);position:relative;overflow:hidden}
    .cover:before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.28);border-radius:50%;left:-35px;top:20px}.cover:after{content:"";position:absolute;width:75px;height:75px;background:rgba(255,210,175,.2);border-radius:50%;right:25px;bottom:18px}
    .cover-mark{position:absolute;left:17px;bottom:14px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}
    .card-body{display:flex;flex-direction:column;justify-content:center;min-width:0}.card-body h3{margin-bottom:7px}.card-body p{color:var(--muted);font-size:14px;line-height:1.7;margin:11px 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .tags{display:flex;gap:7px;flex-wrap:wrap}.tag{display:inline-block;border-radius:5px;background:var(--peach-soft);color:var(--peach-deep);padding:3px 8px;font-size:12px;font-weight:800}.tag.dark{background:var(--lavender);color:var(--plum)}
    .card-meta{display:flex;gap:15px;color:#9a898c;font-size:12px;flex-wrap:wrap}.card-link{color:var(--peach-deep);font-size:13px;font-weight:800;margin-top:2px}
    .side-stack{display:grid;gap:16px;align-content:start}.side-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:23px;box-shadow:var(--shadow-soft)}.side-panel h3{font-size:19px}.side-panel p{color:var(--muted);font-size:14px;margin-bottom:14px}
    .side-links{list-style:none;margin:0;padding:0}.side-links li{border-bottom:1px solid #f0e3df}.side-links li:last-child{border-bottom:0}.side-links a{display:flex;justify-content:space-between;padding:11px 0;color:var(--muted);font-size:14px;font-weight:700}.side-links a:hover{color:var(--peach-deep);padding-left:4px}
    .notice{background:#fff5d9;border:1px solid #eedb99;border-radius:10px;padding:15px;color:#66552c;font-size:13px;line-height:1.7}
    .pagination{margin:34px 0 0}.pagination a{border-radius:6px;color:var(--plum)}.pagination .current{background:var(--peach);border-radius:6px}
    .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md)}.guide-number{color:var(--peach-deep);font-size:13px;font-weight:900;letter-spacing:.12em}.guide-card p{color:var(--muted);font-size:14px;margin:0}
    .accordion{background:transparent;margin:0}.accordion-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:10px;background:#fff}.accordion-title{color:var(--plum);font-weight:800;border:0;padding:18px 22px}.accordion-title:hover,.accordion-item.is-active .accordion-title{background:var(--peach-soft);color:var(--plum)}.accordion-content{border:0;padding:0 22px 18px;color:var(--muted);font-size:14px;background:#fff}
    .cta{padding:35px 0;background:var(--plum-2);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{color:#fff;font-size:27px;margin:0}.cta p{color:#ead8df;margin:5px 0 0;font-size:14px}
    footer{background:var(--plum);color:#ead8df;padding:48px 0 20px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-brand{font-size:20px;color:#fff;font-weight:850;margin-bottom:10px}.footer-grid p{font-size:13px;max-width:410px;margin:0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end}.footer-links a{font-size:13px;color:#ead8df}.footer-links a:hover{color:var(--peach)}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#cbb8c0;font-size:12px}
.reveal{border:0;border-radius:var(--radius-md);padding:30px;background:var(--cream);box-shadow:var(--shadow)}.reveal h2{font-size:25px}.reveal p{color:var(--muted);font-size:14px}.reveal .close-button{color:var(--plum)}
@media(max-width:900px){.hero-grid,.content-layout{grid-template-columns:1fr}.status-panel{max-width:620px}.content-layout{gap:28px}.side-stack{grid-template-columns:1fr 1fr}.nav-wrap{padding:12px 18px}}
@media(max-width:639px){.container{padding:0 18px}.nav-wrap{display:block}.top-bar{display:flex;justify-content:space-between;align-items:center}.top-bar-left{display:none}.top-bar-left.is-open{display:block}.menu{padding-top:10px}.menu a{padding:11px 10px}.breadcrumb-bar{padding-top:16px}.category-hero{padding:32px 0 42px}h1{font-size:36px}.hero-copy{font-size:15px}.section{padding:58px 0}.section-head,.cta-inner,.footer-grid{display:block}.section-head p{margin-top:12px}.toolbar{align-items:stretch}.filter{flex:1}.content-card{grid-template-columns:105px 1fr;gap:14px;padding:11px}.cover{min-height:112px}.card-body h3{font-size:17px}.card-body p{font-size:13px;line-height:1.55;margin:7px 0}.card-meta{gap:8px;font-size:11px}.side-stack,.guide-grid{grid-template-columns:1fr}.cta .button{margin-top:20px;width:100%}.footer-links{justify-content:flex-start;margin-top:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}