:root{--red:oklch(0.55 0.21 27);--red-deep:oklch(0.46 0.19 27);--on-red:oklch(0.97 0.01 27);--on-red-soft:oklch(0.88 0.045 27);--bg:oklch(0.99 0 0);--surface:oklch(0.965 0.006 27);--ink:oklch(0.24 0.015 27);--ink-2:oklch(0.44 0.015 27);--line:oklch(0.9 0.008 27);--r:14px}
  *{box-sizing:border-box;margin:0}
  body{background:var(--bg);color:var(--ink);font-family:"Onest",system-ui,sans-serif;line-height:1.6}
  a{color:inherit}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  nav.main{position:sticky;top:0;background:var(--red);z-index:50}
  nav.main .wrap{display:flex;align-items:center;gap:16px;height:68px}
  .logo{font-weight:800;color:#fff;text-decoration:none;letter-spacing:-0.02em}
  .links{display:flex;gap:16px;margin-left:auto}
  .links a{text-decoration:none;font-size:.93rem;color:var(--on-red-soft);font-weight:500;white-space:nowrap}
  .links a:hover{color:#fff}
  .ph{color:#fff;text-decoration:none;font-weight:600;font-size:.93rem;white-space:nowrap}
  .cta{background:var(--on-red);color:var(--red-deep);font-weight:600;text-decoration:none;padding:11px 22px;border-radius:99px;font-size:.92rem;white-space:nowrap}

  .art-head{padding:26px 0 0}
  .art-head .crumbs{font-size:.82rem;color:var(--ink-2)}
  .art-head .crumbs a{text-decoration:none}
  .art-head .crumbs a:hover{color:var(--red)}
  .art-head .crumbs span{margin:0 6px;color:oklch(0.62 0.01 27)}
  .art-head h1{margin:16px 0 0;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15;letter-spacing:-0.02em;font-weight:800;max-width:24ch;text-wrap:balance}

  .m{max-width:72ch;margin:0 auto;padding:28px 24px 40px;color:var(--ink-2);font-size:1.02rem;line-height:1.72}
  .m p{margin:0 0 18px}
  .m p.impy{font-size:1.12rem;line-height:1.6;color:var(--ink);font-weight:500;border-left:3px solid var(--red);padding:2px 0 2px 20px;margin-bottom:26px}
  .m h2{color:var(--ink);font-size:1.35rem;margin:34px 0 14px;letter-spacing:-0.02em;font-weight:800;line-height:1.25}
  .m ul{margin:0 0 18px 22px}
  .m li{margin-bottom:9px}
  .m a{color:var(--red);font-weight:600;text-decoration:none;border-bottom:1px solid oklch(0.55 0.21 27 / .3)}
  .m a:hover{border-bottom-color:var(--red)}
  .m strong{color:var(--ink);font-weight:700}

  .art-cta{max-width:72ch;margin:0 auto 44px;padding:26px 28px;background:var(--surface);border-radius:calc(var(--r) + 4px)}
  .art-cta h2{font-size:1.1rem;margin-bottom:8px}
  .art-cta p{color:var(--ink-2);font-size:.94rem;margin-bottom:16px}
  .art-cta a.btn{display:inline-block;background:var(--red);color:var(--on-red);text-decoration:none;font-weight:600;font-size:.92rem;padding:12px 24px;border-radius:99px}
  .art-cta a:not(.btn){color:var(--red);font-weight:600}

  .art-more{max-width:72ch;margin:0 auto;padding:0 24px 60px}
  .art-more h2{font-size:1.15rem;margin-bottom:16px;font-weight:800}
  .art-more ul{list-style:none;margin:0;padding:0}
  .art-more li{padding:13px 0;border-bottom:1px solid var(--line)}
  .art-more li:first-child{border-top:1px solid var(--line)}
  .art-more a{color:var(--red);text-decoration:none;font-weight:600;font-size:1rem}
  .art-more a:hover{text-decoration:underline}
  .art-more .back{display:inline-block;margin-top:22px;background:var(--red);color:var(--on-red);padding:12px 24px;border-radius:99px;font-size:.92rem}

  footer{padding:36px 0 48px;font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line)}
  footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
  @media (max-width:900px){.links{display:none}}
  @media (max-width:700px){
    .m{padding:22px 20px 36px;font-size:.98rem}
    .m p.impy{font-size:1.05rem;padding-left:16px}
    .m h2{font-size:1.2rem;margin:28px 0 12px}
    .art-more,.art-cta{padding-left:20px;padding-right:20px}
  }