.cc-guide{--forest:#1e5b34;--forest-deep:#123a21;--paper:#f6f7f4;--surface:#fff;--ink:#1b2a22;--ink-soft:#4d5c53;--line:#d9ded8;--gold:#9a7b2e;--gold-wash:#f7f1e1;--tint:#eaf1eb;--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Public Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){.cc-guide:not([data-theme=light]){--paper:#0f1813;--surface:#16221b;--ink:#e4ebe6;--ink-soft:#a3b3a9;--line:#2a3a30;--forest:#5fb27e;--forest-deep:#0a140e;--tint:#1b2c21;--gold:#d4b05f;--gold-wash:#2a2616}}.cc-guide[data-theme=dark],.dark .cc-guide:not([data-theme=light]){--paper:#0f1813;--surface:#16221b;--ink:#e4ebe6;--ink-soft:#a3b3a9;--line:#2a3a30;--forest:#5fb27e;--forest-deep:#0a140e;--tint:#1b2c21;--gold:#d4b05f;--gold-wash:#2a2616}.cc-guide *,.cc-guide :before,.cc-guide :after{box-sizing:inherit}html:has(.cc-guide){scroll-padding-top:calc(env(safe-area-inset-top,0px) + 24px);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:has(.cc-guide){scroll-behavior:auto}}.cc-guide{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:17px;line-height:1.6}.cc-guide a{color:var(--forest);text-underline-offset:3px;text-decoration:underline}.cc-guide a:focus-visible,.cc-guide summary:focus-visible,.cc-guide button:focus-visible{outline:2px solid var(--forest);outline-offset:3px;border-radius:3px}.cc-guide .hero{background:var(--forest-deep);color:#eef3ef}.cc-guide .hero-inner{max-width:1120px;margin:0 auto;padding:72px 28px 64px}.cc-guide .brand{letter-spacing:.01em;align-items:center;gap:12px;margin-bottom:56px;font-size:17px;font-weight:600;display:flex}.cc-guide .brand-mark{color:#fff;background:#1e5b34;border-radius:8px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.cc-guide .hero h1{font-family:var(--serif);letter-spacing:-.015em;max-width:12ch;margin:0 0 24px;font-size:clamp(42px,7vw,76px);font-style:italic;font-weight:400;line-height:1.02}.cc-guide .hero p.lead{color:#c9d6cd;max-width:54ch;margin:0;font-size:19px}.cc-guide .route-strip{flex-wrap:wrap;gap:0;margin-top:52px;display:flex}.cc-guide .route-strip span{color:#c9d6cd;padding:8px 16px 8px 0;font-size:14px;position:relative}.cc-guide .route-strip span:not(:last-child):after{content:"";vertical-align:middle;background:#5c8a6b;width:22px;height:1px;margin-left:16px;display:inline-block}.cc-guide .route-strip span b{color:#fff;font-weight:600}.cc-guide .layout{grid-template-columns:220px minmax(0,1fr);gap:64px;max-width:1120px;margin:0 auto;padding:0 28px;display:grid}.cc-guide nav.toc{top:calc(env(safe-area-inset-top,0px) + 24px);align-self:start;padding-top:56px;position:sticky}.cc-guide nav.toc p{color:var(--ink-soft);margin:0 0 12px;font-size:13px;font-weight:600}.cc-guide nav.toc ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.cc-guide nav.toc li a{color:var(--ink-soft);border-left:2px solid #0000;margin-left:-1px;padding:6px 0 6px 16px;font-size:15px;line-height:1.35;text-decoration:none;display:block}.cc-guide nav.toc li a:hover{color:var(--ink);border-left-color:var(--line)}.cc-guide main{min-width:0;padding:56px 0 96px}.cc-guide section{margin-bottom:80px}.cc-guide h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(30px,4vw,40px);font-style:italic;font-weight:400;line-height:1.12}.cc-guide h3{font-family:var(--sans);letter-spacing:normal;margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.35}.cc-guide .intro{color:var(--ink-soft);max-width:62ch;margin:0 0 32px;font-size:19px}.cc-guide p{max-width:68ch;margin:0 0 14px}.cc-guide .ui{color:var(--ink);background:var(--tint);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.94em;font-weight:600}.cc-guide .essentials{background:var(--line);border:1px solid var(--line);border-radius:10px;gap:1px;display:grid;overflow:hidden}.cc-guide .essential{background:var(--surface);grid-template-columns:40px minmax(0,1fr);gap:4px 18px;padding:26px 28px;display:grid}.cc-guide .essential .num{font-family:var(--serif);color:var(--forest);padding-top:2px;font-size:30px;font-style:italic;line-height:1}.cc-guide .essential p:last-child{margin-bottom:0}.cc-guide .notice{background:var(--gold-wash);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;max-width:68ch;margin:18px 0 0;padding:16px 20px}.cc-guide .notice p{margin:0;font-size:16px}.cc-guide .notice strong{color:var(--ink)}.cc-guide .principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 44px;display:grid}.cc-guide .principle h3{font-family:var(--serif);color:var(--forest);margin-bottom:8px;font-size:23px;font-style:italic;font-weight:400}.cc-guide .principle p{color:var(--ink-soft);margin:0;font-size:16px}.cc-guide .route{margin:0;padding:0;list-style:none;position:relative}.cc-guide .route:before{content:"";background:var(--forest);border-radius:2px;width:3px;position:absolute;top:16px;bottom:16px;left:15px}.cc-guide .stop{padding:0 0 36px 60px;position:relative}.cc-guide .stop:last-child{padding-bottom:0}.cc-guide .stop:before{content:attr(data-n);background:var(--surface);border:3px solid var(--forest);width:33px;height:33px;color:var(--forest);font-family:var(--serif);border-radius:50%;place-items:center;font-size:16px;font-style:italic;line-height:1;display:grid;position:absolute;top:0;left:0}.cc-guide .stop h3{padding-top:4px}.cc-guide .stop p{font-size:16px}.cc-guide .stop .where{color:var(--ink-soft);margin-bottom:8px;font-size:14px}.cc-guide .views{background:var(--line);border:1px solid var(--line);border-radius:10px;gap:1px;display:grid;overflow:hidden}.cc-guide .view{background:var(--surface);grid-template-columns:200px minmax(0,1fr);gap:6px 32px;padding:24px 28px;display:grid}.cc-guide .view h3{margin:0}.cc-guide .view .purpose{color:var(--ink-soft);margin:4px 0 0;font-size:15px}.cc-guide .view p{font-size:16px}.cc-guide .view p:last-child{margin-bottom:0}.cc-guide .warn{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;padding:22px 0;display:grid}.cc-guide .warn:last-child{border-bottom:1px solid var(--line)}.cc-guide .warn blockquote{font-family:var(--serif);color:var(--ink);margin:0;font-size:19px;font-style:italic;line-height:1.4}.cc-guide .warn p{color:var(--ink-soft);margin:0;font-size:16px}.cc-guide .warn p strong{color:var(--ink);font-weight:600}.cc-guide .ideas{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.cc-guide .idea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.cc-guide .idea h3{font-size:18px}.cc-guide .idea p{color:var(--ink-soft);margin:0;font-size:16px}.cc-guide details{border-top:1px solid var(--line)}.cc-guide details:last-of-type{border-bottom:1px solid var(--line)}.cc-guide summary{cursor:pointer;padding:18px 36px 18px 0;font-size:17px;font-weight:600;list-style:none;position:relative}.cc-guide summary::-webkit-details-marker{display:none}.cc-guide summary:after{content:"+";color:var(--forest);font-size:24px;font-weight:400;transition:transform .2s;position:absolute;top:14px;right:4px}.cc-guide details[open] summary:after{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.cc-guide summary:after{transition:none}}.cc-guide details .answer{padding:0 0 20px}.cc-guide details .answer p{color:var(--ink-soft);font-size:16px}.cc-guide footer{border-top:1px solid var(--line)}.cc-guide footer .inner{max-width:1120px;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin:0 auto;padding:36px 28px;font-size:15px;display:flex}.cc-guide footer .tag{font-family:var(--serif);color:var(--ink);font-size:20px;font-style:italic}@media(max-width:900px){.cc-guide .layout{grid-template-columns:minmax(0,1fr);gap:0}.cc-guide nav.toc{padding-top:36px;position:static}.cc-guide nav.toc ol{border-left:none;flex-wrap:wrap;gap:8px;display:flex}.cc-guide nav.toc li a{border:1px solid var(--line);border-radius:999px;margin:0;padding:6px 14px;font-size:14px}.cc-guide .view{grid-template-columns:minmax(0,1fr)}.cc-guide .warn{grid-template-columns:minmax(0,1fr);gap:10px}.cc-guide .principles,.cc-guide .ideas{grid-template-columns:minmax(0,1fr)}.cc-guide main{padding-top:40px}}@media(max-width:520px){.cc-guide{font-size:16px}.cc-guide .hero-inner{padding:48px 20px 44px}.cc-guide .layout,.cc-guide footer .inner{padding-left:20px;padding-right:20px}.cc-guide .essential,.cc-guide .view{padding:20px}.cc-guide .essential{grid-template-columns:30px minmax(0,1fr);gap:4px 12px}.cc-guide .stop{padding-left:52px}}