.guide-hero{background:linear-gradient(130deg,#071b30,#0c304c);color:#fff;padding:50px 0 62px}.guide-hero h1{font-size:clamp(2.7rem,5.5vw,4.6rem);max-width:880px}.guide-back{display:inline-block;color:#c3dbe7;text-decoration:none;margin-bottom:30px;font-size:.88rem}.guide-back:hover{text-decoration:underline}.guide-meta{font-size:.85rem;color:#b3ccda;margin:22px 0 0}.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:70px;align-items:start;padding-block:60px 80px}.guide-contents{position:sticky;top:25px;border-right:1px solid var(--line);padding-right:23px}.guide-contents ol{padding-left:20px;margin:0}.guide-contents li{padding-left:4px;margin:0 0 12px;font-size:.9rem}.guide-contents a{text-decoration:none}.guide-contents a:hover{text-decoration:underline;color:#09697c}.guide-aside-note{color:var(--ink-soft);font-size:.81rem;margin:24px 0 0}.guide-article{max-width:800px;min-width:0}.guide-article section{scroll-margin-top:30px;padding-bottom:34px;margin-bottom:36px;border-bottom:1px solid var(--line)}.guide-article h2{font-size:clamp(1.85rem,3.2vw,2.55rem);letter-spacing:-.045em}.guide-article h3{margin-top:28px}.guide-article p,.guide-article li{color:var(--ink-soft);font-size:1rem;line-height:1.8}.guide-article strong{color:var(--ink)}.guide-article .eyebrow{font-size:.75rem;color:#0e7a8d;line-height:1.5}.guide-article a:not(.button){color:#09697c;text-underline-offset:3px}.guide-article ul{padding-left:24px}.guide-article li{margin-bottom:10px}.guide-note,.guide-example{padding:22px 24px;border-radius:14px;margin:28px 0;background:#e9f5f4;border-left:4px solid #15868b}.guide-note p:last-child,.guide-example p:last-child{margin:7px 0 0}.guide-example{background:#fff7e8;border-left-color:#b67c28}.guide-figure{margin:0 0 44px}.guide-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:13px}.guide-figure figcaption{font-size:.8rem;color:var(--ink-soft);padding:12px 2px}.guide-process{list-style:none;margin:26px 0;padding:0;counter-reset:guide-step}.guide-process li{position:relative;padding:4px 0 22px 52px;counter-increment:guide-step}.guide-process li:before{content:counter(guide-step);position:absolute;left:0;top:4px;width:34px;height:34px;display:grid;place-items:center;background:#0b2c48;color:#fff;border-radius:50%;font-weight:750;font-size:.9rem}.guide-process strong,.guide-process span{display:block}.guide-platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:26px 0}.guide-platforms h3{margin-top:0}.guide-platforms p{font-size:.95rem;margin:0}.guide-article .guide-next{background:#eaf3f7;padding:30px;border:1px solid var(--line);border-radius:18px}.guide-contact{margin:22px 0 0;font-size:.9rem!important}.guide-article .button.secondary{border:1px solid #a9bac8}a:focus-visible{outline:3px solid #00b9b4;outline-offset:4px}
@media(max-width:950px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}.guide-contents{padding-right:16px}}
@media(max-width:720px){.guide-layout{grid-template-columns:1fr;gap:36px;padding-top:36px}.guide-contents{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 28px}.guide-contents ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.guide-aside-note{margin-top:12px}.guide-platforms{grid-template-columns:1fr}.guide-article .guide-next{padding:22px}.guide-hero{padding-block:35px 45px}}
@media(max-width:420px){.guide-contents ol{grid-template-columns:1fr}.guide-note,.guide-example{padding:18px}.guide-process li{padding-left:44px}}
@media print{.site-header,.site-footer,.guide-contents,.guide-next .button-row{display:none}.guide-hero{background:none;color:#10243a;padding:20px 0}.guide-hero .lead,.guide-meta{color:#43556b}.guide-back{display:none}.guide-layout{display:block;padding:20px 0}.guide-article{max-width:none}.guide-figure,.guide-note,.guide-example{break-inside:avoid}body{background:#fff}}