/* roulang page: index */
:root {
      --ink: #29232d;
      --muted: #716875;
      --paper: #fbf8f6;
      --white: #ffffff;
      --lilac: #e9ddeb;
      --lilac-deep: #80617f;
      --berry: #a64762;
      --berry-dark: #81354d;
      --rose: #f2d4d7;
      --line: #e6dfe2;
      --sage: #dfe8dd;
      --shadow: 0 14px 40px rgba(67, 43, 61, .09);
      --radius: 8px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
      line-height: 1.75;
      letter-spacing: 0;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    button, input, textarea { font: inherit; }
    button { cursor: pointer; }
    :focus-visible {
      outline: 3px solid rgba(166, 71, 98, .35);
      outline-offset: 3px;
    }
    .container {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }
    .eyebrow {
      color: var(--berry);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0;
    }
    .section {
      padding: 92px 0;
    }
    .section-heading {
      max-width: 700px;
      margin-bottom: 42px;
    }
    .section-heading h2 {
      margin: 8px 0 14px;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.2;
      font-weight: 750;
    }
    .section-heading p {
      margin: 0;
      color: var(--muted);
      font-size: 16px;
    }
    .site-header {
      position: absolute;
      z-index: 20;
      top: 22px;
      left: 0;
      width: 100%;
    }
    .nav-shell {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 64px;
      padding: 10px 12px 10px 22px;
      border: 1px solid rgba(255,255,255,.65);
      border-radius: 999px;
      background: rgba(255,255,255,.86);
      box-shadow: 0 10px 30px rgba(48, 31, 43, .12);
      backdrop-filter: blur(12px);
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 16px;
      font-weight: 800;
      white-space: nowrap;
    }
    .brand-mark {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      color: var(--white);
      background: var(--berry);
      font-size: 14px;
    }
    .nav-links {
      display: flex;
      align-items: center;
      gap: 5px;
      margin-left: auto;
    }
    .nav-links a {
      padding: 8px 15px;
      border-radius: 999px;
      color: var(--muted);
      font-size: 14px;
      transition: .2s ease;
    }
    .nav-links a:hover, .nav-links a.active {
      color: var(--berry-dark);
      background: var(--lilac);
    }
    .nav-cta {
      margin-left: 10px;
      padding: 11px 18px;
      border-radius: 999px;
      color: #fff !important;
      background: var(--berry) !important;
      font-weight: 700;
    }
    .nav-cta:hover { background: var(--berry-dark) !important; }
    .menu-toggle { display: none; border: 0; background: transparent; color: var(--ink); font-size: 22px; }

    .hero {
      position: relative;
      min-height: 760px;
      display: flex;
      align-items: flex-end;
      padding: 170px 0 72px;
      color: #fff;
      background:
        linear-gradient(90deg, rgba(43, 29, 40, .83) 0%, rgba(43, 29, 40, .52) 42%, rgba(43, 29, 40, .14) 100%),
        url('https://images.unsplash.com/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=2000&q=88') center/cover no-repeat;
    }
    .hero-inner { width: 100%; }
    .hero-copy { max-width: 730px; }
    .hero .eyebrow { color: #f7d6df; }
    .hero h1 {
      margin: 15px 0 22px;
      font-size: clamp(42px, 7vw, 78px);
      line-height: 1.12;
      font-weight: 800;
    }
    .hero-intro {
      max-width: 650px;
      margin: 0 0 30px;
      color: rgba(255,255,255,.88);
      font-size: 18px;
      line-height: 1.9;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 11px 20px;
      border: 1px solid transparent;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 700;
      transition: .2s ease;
    }
    .btn-primary { color: #fff; background: var(--berry); }
    .btn-primary:hover { background: var(--berry-dark); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(129,53,77,.25); }
    .btn-light { color: var(--ink); background: #fff; }
    .btn-light:hover { background: var(--rose); transform: translateY(-2px); }
    .btn-outline { color: var(--berry-dark); border-color: var(--berry); background: transparent; }
    .btn-outline:hover { color: #fff; background: var(--berry); }
    .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 28px;
      margin-top: 56px;
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,.35);
    }
    .hero-meta strong { display: block; font-size: 24px; line-height: 1.2; }
    .hero-meta span { color: rgba(255,255,255,.72); font-size: 13px; }

    .paper-band { background: #fff; }
    .path-grid {
      display: grid;
      grid-template-columns: 1fr 1.25fr;
      gap: 72px;
      align-items: start;
    }
    .note-list { border-top: 1px solid var(--line); }
    .note-item {
      display: grid;
      grid-template-columns: 62px 1fr;
      gap: 20px;
      padding: 25px 0;
      border-bottom: 1px solid var(--line);
    }
    .note-number { color: var(--berry); font-size: 28px; font-weight: 800; line-height: 1; }
    .note-item h3 { margin: 0 0 5px; font-size: 20px; }
    .note-item p { margin: 0; color: var(--muted); font-size: 14px; }
    .tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
    .tag {
      display: inline-block;
      padding: 4px 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--lilac-deep);
      background: #fcf8fb;
      font-size: 12px;
    }
    .quote-panel {
      padding: 34px;
      border-left: 4px solid var(--berry);
      background: var(--lilac);
    }
    .quote-panel p { margin: 0; font-size: 25px; line-height: 1.55; font-weight: 700; }
    .quote-panel small { display: block; margin-top: 22px; color: var(--muted); }

    .stage {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 22px;
      align-items: stretch;
    }
    .stage-image {
      min-height: 430px;
      padding: 28px;
      display: flex;
      align-items: flex-end;
      background: linear-gradient(0deg, rgba(36,27,35,.75), transparent 60%), url('https://images.unsplash.com/photo-1526047932273-341f2a7631f9?auto=format&fit=crop&w=1200&q=85') center/cover;
      color: #fff;
      border-radius: var(--radius);
    }
    .stage-image h3 { margin: 0; font-size: 30px; line-height: 1.25; }
    .stage-side { display: grid; gap: 22px; }
    .mini-card, .review, .faq-item, .article-item {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      box-shadow: var(--shadow);
    }
    .mini-card { padding: 26px; }
    .mini-card h3 { margin: 0 0 8px; font-size: 19px; }
    .mini-card p { margin: 0; color: var(--muted); font-size: 14px; }

    .stats-band { background: var(--ink); color: #fff; }
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .stat { padding: 18px 0; border-left: 1px solid rgba(255,255,255,.22); padding-left: 22px; }
    .stat strong { display: block; color: #f1cad5; font-size: 40px; line-height: 1.1; }
    .stat span { color: rgba(255,255,255,.68); font-size: 14px; }

    .reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .review { padding: 25px; }
    .review p { margin: 0 0 22px; font-size: 16px; }
    .review footer { color: var(--muted); font-size: 13px; }

    .article-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 40px; }
    .article-list { border-top: 1px solid var(--line); }
    .article-item {
      display: grid;
      grid-template-columns: 150px 1fr;
      gap: 22px;
      padding: 18px;
      margin-top: 16px;
      transition: .2s ease;
    }
    .article-item:hover { transform: translateY(-2px); border-color: var(--lilac-deep); }
    .article-thumb { aspect-ratio: 4/3; border-radius: 5px; object-fit: cover; }
    .article-item h3 { margin: 4px 0 5px; font-size: 18px; }
    .article-item p { margin: 0; color: var(--muted); font-size: 14px; }
    .article-date { color: var(--berry); font-size: 12px; }
    .index-box { padding: 28px; background: var(--sage); border-radius: var(--radius); }
    .index-box h3 { margin: 0 0 16px; font-size: 22px; }
    .index-box a { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(41,35,45,.16); font-size: 14px; }
    .index-box a:hover { color: var(--berry-dark); }

    .faq-list { max-width: 850px; }
    .faq-item { margin-bottom: 12px; overflow: hidden; }
    .faq-question { width: 100%; display: flex; justify-content: space-between; gap: 20px; padding: 20px 22px; border: 0; background: #fff; text-align: left; font-weight: 700; }
    .faq-question span:last-child { color: var(--berry); font-size: 22px; line-height: 1; }
    .faq-answer { display: none; padding: 0 22px 20px; color: var(--muted); font-size: 14px; }
    .faq-item.open .faq-answer { display: block; }
    .faq-item.open .faq-question { color: var(--berry-dark); }

    .cta-band { background: var(--rose); }
    .cta-inner { display: flex; justify-content: space-between; align-items: center; gap: 35px; }
    .cta-inner h2 { max-width: 650px; margin: 0; font-size: clamp(28px, 4vw, 46px); line-height: 1.25; }
    .cta-inner p { margin: 12px 0 0; color: var(--muted); }

    .site-footer { padding: 58px 0 25px; color: rgba(255,255,255,.75); background: #332b35; }
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 40px; padding-bottom: 42px; }
    .site-footer .brand { color: #fff; }
    .footer-title { margin: 0 0 14px; color: #fff; font-size: 14px; }
    .footer-links { display: grid; gap: 8px; font-size: 13px; }
    .footer-links a:hover { color: #f1cad5; }
    .footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); font-size: 12px; }

    @media (max-width: 768px) {
      .container { width: min(100% - 32px, 620px); }
      .site-header { top: 14px; }
      .nav-shell { padding-left: 15px; }
      .brand { font-size: 14px; }
      .nav-links {
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        display: none;
        padding: 12px;
        flex-direction: column;
        align-items: stretch;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #fff;
        box-shadow: var(--shadow);
      }
      .nav-links.show { display: flex; }
      .nav-links a { border-radius: 7px; }
      .nav-cta { margin: 4px 0 0; text-align: center; }
      .menu-toggle { display: block; }
      .hero { min-height: 720px; padding: 150px 0 52px; }
      .hero h1 { font-size: clamp(40px, 13vw, 60px); }
      .hero-intro { font-size: 16px; }
      .hero-meta { margin-top: 38px; gap: 18px; }
      .section { padding: 65px 0; }
      .path-grid, .stage, .article-layout { grid-template-columns: 1fr; gap: 32px; }
      .stage-image { min-height: 330px; }
      .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
      .reviews { grid-template-columns: 1fr; }
      .article-item { grid-template-columns: 112px 1fr; gap: 14px; padding: 12px; }
      .cta-inner { display: block; }
      .cta-inner .hero-actions { margin-top: 24px; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .footer-grid > :first-child { grid-column: 1 / -1; }
      .footer-bottom { display: block; }
      .footer-bottom span { display: block; margin-top: 8px; }
    }
    @media (max-width: 420px) {
      .hero-actions .btn { width: 100%; }
      .stats-grid { grid-template-columns: 1fr 1fr; }
      .stat strong { font-size: 31px; }
      .article-item { grid-template-columns: 1fr; }
      .article-thumb { width: 100%; aspect-ratio: 16/8; }
      .footer-grid { grid-template-columns: 1fr; }
      .footer-grid > :first-child { grid-column: auto; }
    }

/* roulang page: category1 */
:root {
      --ink:#29232d;
      --muted:#716875;
      --paper:#fbf8f6;
      --white:#fff;
      --lilac:#e9ddeb;
      --lilac-deep:#80617f;
      --berry:#a64762;
      --berry-dark:#81354d;
      --rose:#f2d4d7;
      --line:#e6dfe2;
      --sage:#dfe8dd;
      --plum:#493448;
      --shadow:0 14px 40px rgba(67,43,61,.09);
      --radius:8px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.75;letter-spacing:0;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,textarea,select{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .eyebrow{color:var(--berry);font-size:13px;font-weight:700}
    .section{padding:88px 0}
    .section-heading{max-width:720px;margin-bottom:38px}
    .section-heading h2{margin:8px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.2;font-weight:800}
    .section-heading p{margin:0;color:var(--muted);font-size:16px}
    .site-header{position:absolute;z-index:20;top:22px;left:0;width:100%}
    .nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:10px 12px 10px 22px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(48,31,43,.12);backdrop-filter:blur(12px)}
    .brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:800;white-space:nowrap}
    .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--berry);font-size:14px}
    .nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}
    .nav-links a{padding:8px 15px;border-radius:999px;color:var(--muted);font-size:14px;transition:.2s ease}
    .nav-links a:hover,.nav-links a.active{color:var(--berry-dark);background:var(--lilac)}
    .nav-links .nav-cta{margin-left:10px;padding:11px 18px;color:#fff;background:var(--berry);font-weight:700}
    .nav-links .nav-cta:hover{color:#fff;background:var(--berry-dark)}
    .menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:22px}
    .category-hero{padding:168px 0 70px;background:#f1e7ef;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
    .category-hero:after{content:"";position:absolute;right:-80px;bottom:-110px;width:390px;height:390px;border:1px solid rgba(128,97,127,.22);border-radius:50%;box-shadow:0 0 0 24px rgba(128,97,127,.05),0 0 0 48px rgba(128,97,127,.035)}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:72px;align-items:center;position:relative;z-index:1}
    .category-hero h1{max-width:720px;margin:14px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.16;font-weight:800}
    .hero-copy{max-width:650px;color:var(--muted);font-size:18px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:700;transition:.2s ease}
    .btn-primary{color:#fff;background:var(--berry)}
    .btn-primary:hover{background:var(--berry-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(129,53,77,.24)}
    .btn-outline{color:var(--berry-dark);border-color:var(--berry);background:transparent}
    .btn-outline:hover{color:#fff;background:var(--berry)}
    .matrix-panel{padding:24px;border:1px solid rgba(128,97,127,.25);border-radius:var(--radius);background:rgba(255,255,255,.7);box-shadow:var(--shadow)}
    .status-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
    .status-dot{display:inline-flex;align-items:center;gap:7px;color:var(--berry-dark);font-weight:700}
    .status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#7d9c76}
    .icon-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
    .matrix-cell{aspect-ratio:1/1;display:flex;align-items:flex-end;padding:11px;border:1px solid rgba(255,255,255,.65);border-radius:6px;color:var(--ink);font-size:12px;font-weight:700}
    .matrix-cell:nth-child(1){background:#d7bdd8}.matrix-cell:nth-child(2){background:#a889a8}.matrix-cell:nth-child(3){background:#e9cbd0}.matrix-cell:nth-child(4){background:#dfe8dd}
    .matrix-cell:nth-child(5){background:#80617f;color:#fff}.matrix-cell:nth-child(6){background:#f6e8df}.matrix-cell:nth-child(7){background:#a64762;color:#fff}.matrix-cell:nth-child(8){background:#cbb4c5}
    .matrix-note{margin:20px 0 0;padding:14px 16px;border-left:3px solid var(--berry);background:#fff8f7;color:var(--muted);font-size:14px}
    .intro-band{padding:28px 0;background:#fff;border-bottom:1px solid var(--line)}
    .intro-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
    .intro-band strong{font-size:20px}.intro-band p{margin:3px 0 0;color:var(--muted);font-size:14px}
    .index-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:62px}
    .index-nav{position:sticky;top:28px;align-self:start}
    .index-nav h3{margin:0 0 15px;font-size:16px}
    .index-nav a{display:block;padding:9px 12px;border-left:2px solid transparent;color:var(--muted);font-size:14px}
    .index-nav a:hover,.index-nav a.current{border-color:var(--berry);color:var(--berry-dark);background:#f5edf3}
    .feature-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-bottom:50px}
    .feature-image{min-height:330px;padding:28px;display:flex;align-items:flex-end;color:#fff;border-radius:var(--radius);background:linear-gradient(0deg,rgba(40,28,40,.77),transparent 65%),url("https://images.unsplash.com/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=1100&q=85") center/cover}
    .feature-image h3{margin:0;font-size:30px;line-height:1.3}
    .feature-copy{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
    .feature-copy h3{margin:0 0 11px;font-size:21px}.feature-copy p{margin:0;color:var(--muted);font-size:14px}
    .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
    .tag{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--lilac-deep);background:#fcf8fb;font-size:12px}
    .filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:4px}
    .filter-label{margin-right:7px;color:var(--muted);font-size:13px}
    .filter-btn{padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font-size:13px;transition:.2s}
    .filter-btn:hover,.filter-btn.active{color:#fff;border-color:var(--berry);background:var(--berry)}
    .article-list{border-top:0}
    .article-item{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-width:0 0 1px;border-radius:0;box-shadow:none;background:transparent}
    .article-thumb{width:180px;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
    .article-item h3{margin:7px 0 6px;font-size:20px;line-height:1.4}
    .article-item p{margin:0;color:var(--muted);font-size:14px}
    .article-meta{color:var(--lilac-deep);font-size:12px}
    .article-action{white-space:nowrap;color:var(--berry);font-size:13px;font-weight:700}
    .article-item:hover h3{color:var(--berry-dark)}
    .empty-state{display:none;padding:32px 0;color:var(--muted)}
    .faq-section{background:#f2e9ee}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
    .faq-list{display:grid;gap:10px}
    .faq-item{overflow:hidden;background:#fff;box-shadow:none}
    .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border:0;background:#fff;color:var(--ink);text-align:left;font-weight:700}
    .faq-question span:last-child{color:var(--berry);font-size:21px;transition:.2s}
    .faq-answer{display:none;padding:0 21px 20px;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{padding:72px 0;background:var(--plum);color:#fff}
    .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
    .cta h2{margin:8px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.2}
    .cta p{max-width:650px;margin:0;color:rgba(255,255,255,.73)}
    .cta .eyebrow{color:#f2cbd5}
    .footer{padding:42px 0 28px;color:#ddd0d8;background:#302531}
    .footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.15)}
    .footer-brand{color:#fff;font-weight:800;font-size:17px}.footer p{margin:8px 0 0;color:#b8aab5;font-size:13px}
    .footer-links{display:flex;gap:24px;color:#d8cbd4;font-size:13px}.footer-links a:hover{color:#fff}
    .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#9f919d;font-size:12px}
    :focus-visible{outline:3px solid rgba(166,71,98,.35);outline-offset:3px}
    @media(max-width:900px){.hero-grid,.feature-strip,.faq-grid{grid-template-columns:1fr;gap:35px}.index-layout{grid-template-columns:1fr;gap:30px}.index-nav{position:static;display:flex;gap:5px;overflow-x:auto;padding-bottom:6px}.index-nav h3{display:none}.index-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.article-item{grid-template-columns:140px minmax(0,1fr)}.article-thumb{width:140px}.article-action{grid-column:2}}
    @media(max-width:700px){.container{width:min(100% - 32px,1180px)}.site-header{top:12px}.nav-shell{min-height:56px;padding-left:15px}.brand{font-size:14px}.brand-mark{width:30px;height:30px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{border-radius:7px}.nav-links .nav-cta{margin:4px 0 0;text-align:center}.category-hero{padding:132px 0 54px}.category-hero h1{font-size:43px}.hero-copy{font-size:16px}.icon-matrix{gap:7px}.matrix-cell{padding:8px;font-size:11px}.intro-band-inner,.cta-inner,.footer-inner,.copyright{display:block}.intro-band-inner .tag{margin-top:14px}.section{padding:62px 0}.article-item{grid-template-columns:1fr;gap:12px}.article-thumb{width:100%;aspect-ratio:16/8}.article-action{grid-column:auto}.feature-image{min-height:260px}.footer-links{margin-top:25px;flex-wrap:wrap}.copyright span{display:block;margin-top:7px}}
    @media(max-width:390px){.brand{font-size:13px}.category-hero h1{font-size:37px}.hero-actions .btn{width:100%}}