.usage-guide{--usage-accent:#166857;--usage-soft:#eef7f2;--usage-line:#cbded4;max-width:1160px;line-height:1.85}.usage-guide [data-tone=green]{--usage-accent:#166857;--usage-soft:#eef7f2;--usage-line:#cbded4}.usage-guide [data-tone=violet]{--usage-accent:#51428d;--usage-soft:#f3f0fa;--usage-line:#d8cfeb}.usage-guide [data-tone=ochre]{--usage-accent:#87501f;--usage-soft:#fcf4e9;--usage-line:#e8d5ba}.usage-guide [data-tone=blue]{--usage-accent:#245b91;--usage-soft:#eff5fc;--usage-line:#ccdced}.usage-guide [data-tone=slate]{--usage-accent:#42566b;--usage-soft:#f1f4f7;--usage-line:#d3dce5}.usage-guide h2{margin-bottom:18px;font-size:1.65rem;line-height:1.5}.usage-guide h3{margin:0 0 8px;font-size:1.08rem;line-height:1.6}.usage-guide p{line-height:1.85}.usage-intro{background:#eff6f1;border:1px solid #d7e5dc;border-radius:22px;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:40px;display:grid}.usage-intro h2{letter-spacing:-.05em;font-size:2rem}.usage-intro-copy>p:not(.eyebrow){color:#405d51}.usage-intro .primary{font-size:.9rem}.usage-journey{background:#fff;border:1px solid #d4e3db;border-radius:16px;padding:25px;box-shadow:0 12px 30px #1c4e3710}.usage-journey-title{color:#365c4e;margin-bottom:20px;font-size:.85rem;font-weight:700}.usage-journey ol{margin:0;padding:0;list-style:none}.usage-journey li{align-items:center;gap:16px;padding-bottom:24px;display:flex;position:relative}.usage-journey li:last-child{padding-bottom:0}.usage-journey li:not(:last-child):after{content:"";border-left:2px dashed #c6d9cd;position:absolute;top:44px;bottom:0;left:21px}.usage-journey b{color:#166857;background:#edf5f0;border:1px solid #cbded4;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:.85rem;display:grid}.usage-journey strong{font-size:1rem;display:block}.usage-journey span{color:#526b5e;font-size:.8rem;display:block}.usage-journey-end{color:#496354;border-top:1px solid #e0e9e3;margin:22px 0 0;padding-top:16px;font-size:.78rem}.usage-toc{background:#fff;border:1px solid #d5e2dc;border-radius:16px;margin:28px 0 40px;padding:24px}.usage-toc>strong{font-size:1rem}.usage-toc>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.usage-toc a{background:var(--usage-soft);min-height:56px;color:var(--usage-accent);border:1px solid var(--usage-line);border-radius:9px;align-items:center;gap:9px;padding:12px;font-size:.83rem;font-weight:650;display:flex}.usage-toc a b{opacity:.85;font-size:.7rem}.usage-toc a span{margin-left:auto}.usage-toc a:hover{box-shadow:inset 0 0 0 1px var(--usage-accent)}.usage-section{border:1px solid var(--usage-line);border-top:5px solid var(--usage-accent);background:#fff;border-radius:18px;margin:28px 0 0;padding:30px;scroll-margin-top:20px}.usage-section-heading{background:var(--usage-soft);border-bottom:1px solid var(--usage-line);border-radius:13px 13px 0 0;align-items:center;gap:18px;margin:-30px -30px 26px;padding:26px 30px;display:flex}.usage-section-heading h2{color:var(--usage-accent);margin:0;font-size:1.55rem}.usage-section-heading .eyebrow{color:var(--usage-accent);margin-bottom:4px;font-size:.76rem}.usage-section-number{background:var(--usage-accent);color:#fff;border-radius:13px;flex:none;place-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:750;display:grid}.usage-directory{gap:20px;margin-top:24px;display:grid}.usage-menu-group{border:1px solid var(--usage-line);border-radius:12px;overflow:hidden}.usage-group-heading{background:var(--usage-soft);border-left:5px solid var(--usage-accent);padding:22px 24px}.usage-category{color:var(--usage-accent);letter-spacing:.02em;margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-block}.usage-group-heading h3{color:var(--usage-accent);margin:0 0 3px;font-size:1.18rem}.usage-group-heading p{color:#4d5e59;margin:0;font-size:.83rem}.usage-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.usage-menu-group .usage-menu-grid{background:#fff;gap:12px;padding:18px}.usage-menu-group[data-tone=violet] .usage-menu-grid{grid-template-columns:1fr}.usage-menu{border:1px solid var(--usage-line);background:#fff;border-radius:9px;min-width:0;padding:20px}.usage-menu h4{margin:0 0 10px;font-size:1rem;line-height:1.6}.usage-menu h4 a,.usage-menu h3{color:var(--usage-accent)}.usage-menu h4 a{justify-content:space-between;gap:10px;display:flex}.usage-menu h4 a:hover{text-underline-offset:4px;text-decoration:underline}.usage-menu h4 a span{flex:none}.usage-menu p{color:#475b55;margin:0;font-size:.9rem;line-height:1.8}.usage-steps{counter-reset:usage-step;gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.usage-steps>li{counter-increment:usage-step;border:1px solid var(--usage-line);background:#fff;border-radius:12px;margin:0;padding:22px 22px 22px 76px;position:relative}.usage-steps>li:before{content:counter(usage-step, decimal-leading-zero);width:38px;height:38px;color:var(--usage-accent);background:var(--usage-soft);border-radius:10px;place-items:center;font-size:.85rem;font-weight:750;display:grid;position:absolute;top:21px;left:20px}.usage-steps h3{color:var(--usage-accent);font-size:1rem}.usage-steps p{color:#394d46;margin:0;font-size:.94rem}.usage-section .notice{background:var(--usage-soft);border:1px solid var(--usage-line);border-left:4px solid var(--usage-accent);color:#394d46;border-radius:8px;margin-bottom:0;font-size:.88rem}.usage-section>.text-link{color:var(--usage-accent);margin-top:16px}.usage-samples{background:var(--usage-soft);border:1px dashed var(--usage-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:22px;display:flex}.usage-sample-caption{width:100%;color:var(--usage-accent);font-size:.9rem}.usage-action-sample{color:#48655d;background:#fff;border:1px solid #c6d5ce;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;display:inline-flex}.usage-samples .usage-action-sample:nth-of-type(3){color:#075f57;background:#e1f0e9}.usage-samples .usage-action-sample:nth-of-type(3) svg{fill:currentColor}.usage-samples small{color:#52665c;font-size:.75rem}.usage-faq{gap:12px;margin:0;display:grid}.usage-faq>div{background:var(--usage-soft);border:1px solid var(--usage-line);border-radius:12px;padding:22px 22px 22px 60px;position:relative}.usage-faq>div:before{content:"?";border:1px solid var(--usage-line);width:26px;height:26px;color:var(--usage-accent);background:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:22px;left:20px}.usage-faq dt{color:var(--usage-accent);margin-bottom:8px;font-size:1rem;font-weight:700}.usage-faq dd{color:#465b51;margin:0;font-size:.94rem;line-height:1.85}@media (max-width:900px){.usage-intro{grid-template-columns:1fr;gap:24px}.usage-intro-copy{max-width:680px}.usage-toc>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.utility-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.usage-nav{font-size:13px}.usage-guide{width:calc(100% - 28px)}.usage-menu-grid{grid-template-columns:1fr}.usage-intro{padding:24px 20px}.usage-intro h2{font-size:1.7rem}.usage-toc{margin-bottom:24px;padding:18px}.usage-toc a{gap:6px;padding:10px 8px;font-size:.78rem}.usage-toc a span{display:none}.usage-section{border-radius:14px;padding:18px}.usage-section-heading{gap:12px;margin:-18px -18px 22px;padding:20px 18px}.usage-section-heading h2{font-size:1.25rem}.usage-section-heading .eyebrow{font-size:.68rem}.usage-section-number{border-radius:10px;width:40px;height:40px;font-size:1rem}.usage-group-heading{padding:18px}.usage-menu-group .usage-menu-grid{padding:12px}.usage-menu{padding:18px}.usage-steps>li{padding:18px 16px 18px 57px}.usage-steps>li:before{width:30px;height:30px;font-size:.72rem;top:18px;left:14px}.usage-steps h3{font-size:.96rem}.usage-steps p,.usage-menu p{font-size:.9rem}.usage-samples{padding:18px}.usage-faq>div{padding:18px 16px 18px 50px}.usage-faq>div:before{width:23px;height:23px;top:20px;left:14px}.usage-home-link a{display:block}}@media print{.notice-print-sheet .usage-toc{display:none}.notice-print-sheet .usage-intro,.notice-print-sheet .usage-menu-grid,.notice-print-sheet .usage-menu-group .usage-menu-grid{display:block}.notice-print-sheet .usage-menu{break-inside:avoid;border:0;padding:3mm 0}.notice-print-sheet .usage-section{border:0;border-top:1px solid #777;margin-top:5mm;padding:5mm 0}.notice-print-sheet .usage-section-heading{break-after:avoid;border:0;margin:0 0 4mm;padding:3mm 0}.notice-print-sheet .usage-section-number{border:1px solid #777}.notice-print-sheet .usage-menu-group{border:0;overflow:visible}.notice-print-sheet .usage-group-heading{break-after:avoid}.notice-print-sheet .usage-steps{display:block}.notice-print-sheet .usage-steps>li{margin-bottom:3mm}.notice-print-sheet .usage-action-sample{display:inline-flex}.notice-print-sheet .usage-journey{display:none}.notice-print-sheet .usage-faq{display:block}}.usage-guide{color:#263e34;width:calc(100% - 32px);margin:32px auto 48px;font-size:16px}.usage-guide h1{letter-spacing:-.045em;white-space:pre-line;margin:12px 0 20px;font-size:clamp(28px,4vw,42px);line-height:1.35}.usage-guide a{color:inherit}.usage-guide .usage-intro{background:var(--usage-soft);border-color:var(--usage-line)}.usage-guide .primary{border:1px solid var(--usage-accent);background:var(--usage-accent);color:#fff;border-radius:8px;align-items:center;min-height:44px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.usage-guide [data-tone=terracotta],.usage-guide[data-tone=terracotta]{--usage-accent:#a34830;--usage-soft:#fbf1eb;--usage-line:#e8cfc3}.usage-guide .eyebrow{color:var(--usage-accent);margin:0 0 10px;font-size:13px;font-weight:700}.usage-guide .usage-menu a{color:var(--usage-accent)}.usage-guide .usage-toc a{color:var(--usage-accent);text-decoration:none}.usage-guide .usage-section-heading h2,.usage-guide .usage-section-heading .eyebrow{color:var(--usage-accent)}.usage-guide .notice{padding:18px 20px;line-height:1.8}.usage-guide .usage-menu-grid{list-style:none}.usage-guide .usage-sample-caption{color:var(--usage-accent)}.usage-guide .usage-toc strong{display:block}.usage-guide .fine-print{color:#53675d;margin-top:24px;font-size:13px}.usage-guide .usage-journey-title{font-size:14px}.usage-guide .usage-journey span{font-size:13px}.usage-guide a:focus-visible{outline-offset:4px;outline:3px solid #916421}.usage-guide [data-tone=terracotta] .usage-section-number{background:#a34830}.usage-guide .usage-section>h2{margin:0}.usage-guide .usage-breadcrumb{margin-bottom:20px;font-size:13px}.usage-guide .usage-steps>li{list-style:none}.usage-guide .usage-steps>li::marker{content:none}
