:root{--guide-width:1160px}.guide-body{background:#f7f5ef;color:var(--ink)}.guide-body .site-header{background:rgba(255,255,255,.95)}.guide-header-actions{display:flex;align-items:center;gap:18px}.guide-header-link{font-size:.72rem;font-weight:800;color:var(--muted);text-decoration:none}.guide-header-link:hover{color:var(--teal)}
.guide-main{overflow:hidden}.guide-hero{padding:58px 0 66px;background:radial-gradient(circle at 90% 10%,rgba(32,164,139,.13),transparent 33%),linear-gradient(180deg,#f7f5ef,#eef5f1);border-bottom:1px solid var(--line)}.guide-container{width:min(var(--guide-width),calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#70817e;font-size:.66rem;margin-bottom:28px}.breadcrumbs a{color:var(--teal);font-weight:800;text-decoration:none}.breadcrumbs span[aria-hidden]{color:#9aaba7}.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:65px;align-items:center}.guide-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.guide-kicker:before{content:"";width:24px;height:2px;background:var(--teal)}.guide-hero h1{font:800 clamp(2.35rem,5.7vw,4.35rem)/1.03 "Manrope";letter-spacing:-.055em;margin:15px 0 19px;max-width:850px}.guide-lead{max-width:790px;color:#4f656d;font-size:1.02rem;line-height:1.72}.guide-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;margin-top:23px;color:#70817e;font-size:.65rem}.guide-meta span{display:flex;align-items:center;gap:6px}.guide-meta i{color:var(--teal);font-size:.9rem}.guide-hero-card{border:1px solid #cfe1dc;border-radius:23px;padding:23px;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(13,31,45,.08)}.guide-hero-card>span{width:50px;height:50px;border-radius:15px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:1.35rem}.guide-hero-card h2{font:800 1.13rem/1.3 "Manrope";margin:14px 0 8px}.guide-hero-card p{color:var(--muted);font-size:.73rem;line-height:1.55}.guide-hero-card .button{margin-top:17px;width:100%}
.guide-layout{width:min(var(--guide-width),calc(100% - 40px));margin:48px auto 80px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start}.guide-toc{position:sticky;top:94px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:17px;box-shadow:0 10px 30px rgba(13,31,45,.035)}.guide-toc>strong{display:block;font:800 .76rem "Manrope";margin:2px 8px 10px}.guide-toc a{display:block;padding:7px 8px;border-radius:8px;color:#65777c;text-decoration:none;font-size:.67rem;line-height:1.4}.guide-toc a:hover{background:var(--teal-soft);color:var(--teal)}.guide-toc .toc-cta{margin-top:11px;padding:10px;text-align:center;background:var(--teal);color:#fff;border-radius:10px;font-weight:800}.guide-toc .toc-cta:hover{background:#086c60;color:#fff}
.guide-article{min-width:0}.guide-summary{border-left:4px solid var(--teal);border-radius:0 16px 16px 0;background:#eaf6f2;padding:19px 21px;margin-bottom:34px}.guide-summary strong{font:800 .83rem "Manrope"}.guide-summary p{margin-top:7px;color:#3f5b62;font-size:.78rem;line-height:1.65}.guide-article section{scroll-margin-top:100px}.guide-article section+section{margin-top:44px;padding-top:5px}.guide-article h2{font:800 clamp(1.45rem,3vw,2rem)/1.22 "Manrope";letter-spacing:-.035em;margin:0 0 15px}.guide-article h3{font:800 1.06rem/1.35 "Manrope";margin:25px 0 10px}.guide-article p,.guide-article li{color:#455c64;font-size:.84rem;line-height:1.82}.guide-article p+p{margin-top:13px}.guide-article ul,.guide-article ol{display:grid;gap:9px;padding-left:23px;margin:14px 0}.guide-article li::marker{color:var(--teal);font-weight:800}.guide-article a:not(.button):not(.related-card){color:var(--teal);font-weight:800;text-underline-offset:3px}.example-box,.warning-box,.check-box{border:1px solid var(--line);border-radius:17px;background:#fff;padding:20px;margin:19px 0}.example-box>span,.warning-box>span,.check-box>span{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.example-box blockquote{margin:12px 0 0;padding:0;font:700 .85rem/1.7 "DM Sans";color:#213a44}.warning-box{background:#fff8e9;border-color:#efdcae}.warning-box>span{color:#99650b}.check-box{background:#f2faf7;border-color:#cce4dc}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.do-dont>div{border-radius:17px;padding:18px;border:1px solid var(--line);background:#fff}.do-dont b{display:flex;align-items:center;gap:7px;font:.76rem "Manrope";font-weight:800;margin-bottom:9px}.do-dont .do b{color:#087c6c}.do-dont .dont b{color:#b14949}.do-dont p{font-size:.75rem;line-height:1.65}.guide-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:20px 0;background:#fff}.guide-table{width:100%;border-collapse:collapse;min-width:620px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:13px 15px;border-bottom:1px solid var(--line);font-size:.74rem;line-height:1.55}.guide-table th{background:#edf6f3;color:#24444c;font-weight:800}.guide-table td{color:#4d6269}.guide-table tr:last-child td{border-bottom:0}.number-steps{counter-reset:guide-step;list-style:none!important;padding:0!important;gap:13px!important}.number-steps li{counter-increment:guide-step;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.number-steps li:before{content:counter(guide-step);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800}.number-steps li b{display:block;color:var(--ink);margin-bottom:3px}.article-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin:48px 0;padding:27px;border-radius:22px;background:linear-gradient(135deg,#102c38,#087c6c);color:#fff}.article-cta h2{color:#fff;margin:0 0 7px;font-size:1.35rem}.article-cta p{color:#cce5df;font-size:.76rem}.article-cta .button{white-space:nowrap}.faq-guide{display:grid;gap:10px}.faq-guide details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 17px}.faq-guide summary{cursor:pointer;list-style:none;font-weight:800;font-size:.77rem;padding:15px 23px 15px 0;position:relative}.faq-guide summary::-webkit-details-marker{display:none}.faq-guide summary:after{content:"+";position:absolute;right:0;color:var(--teal);font-size:1rem}.faq-guide details[open] summary:after{content:"–"}.faq-guide details p{font-size:.76rem;padding:0 0 16px}.related-guides{margin-top:50px;padding-top:38px;border-top:1px solid var(--line)}.related-guides>h2{margin-bottom:18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{min-height:140px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column}.related-card small{color:var(--teal);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.related-card strong{font:.79rem/1.35 "Manrope";font-weight:800;margin:8px 0}.related-card span{margin-top:auto;color:var(--teal);font-size:.63rem;font-weight:800}.related-card:hover{border-color:#9fc8bf;box-shadow:0 10px 25px rgba(13,31,45,.06)}
.guide-author{display:flex;align-items:center;gap:13px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.author-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 .77rem "Manrope"}.guide-author span{display:flex;flex-direction:column}.guide-author b{font-size:.72rem}.guide-author small{color:var(--muted);font-size:.61rem;margin-top:2px}.guide-footer{background:#102433;color:#b8c5cc;padding:43px 0 30px}.guide-footer-grid{width:min(var(--guide-width),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.guide-footer strong{display:block;color:#fff;font:800 .92rem "Manrope";margin-bottom:8px}.guide-footer p{font-size:.69rem;line-height:1.6;max-width:390px}.guide-footer nav{display:flex;flex-direction:column;gap:8px}.guide-footer nav b{color:#fff;font-size:.67rem;margin-bottom:3px}.guide-footer a{color:#b8c5cc;text-decoration:none;font-size:.67rem}.guide-footer a:hover{color:#fff}.guide-footer-bottom{width:min(var(--guide-width),calc(100% - 40px));margin:27px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-wrap:wrap;gap:12px 25px;font-size:.61rem}.guide-footer-bottom span{margin-right:auto}
.guide-index-hero{text-align:center}.guide-index-hero .guide-kicker{justify-content:center}.guide-index-hero h1{margin-inline:auto}.guide-index-hero .guide-lead{margin-inline:auto}.guide-index{width:min(var(--guide-width),calc(100% - 40px));margin:50px auto 80px}.guide-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-index-card{padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;min-height:220px}.guide-index-card>i{width:43px;height:43px;border-radius:13px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-size:1.2rem}.guide-index-card small{color:var(--teal);font-size:.59rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-top:16px}.guide-index-card h2{font:800 1rem/1.3 "Manrope";margin:7px 0}.guide-index-card p{color:var(--muted);font-size:.72rem;line-height:1.6}.guide-index-card b{margin-top:auto;padding-top:15px;color:var(--teal);font-size:.67rem}.guide-index-card:hover{border-color:#9bc6bd;transform:translateY(-2px);box-shadow:0 13px 30px rgba(13,31,45,.07)}
@media(max-width:960px){.guide-hero-grid{grid-template-columns:1fr}.guide-hero-card{display:none}.guide-layout{grid-template-columns:1fr}.guide-toc{position:relative;top:auto;display:none}.guide-index-grid{grid-template-columns:repeat(2,1fr)}.guide-footer-grid{grid-template-columns:1fr 1fr}.guide-footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:720px){.guide-header-link{display:none}.guide-hero{padding:37px 0 44px}.guide-container,.guide-layout,.guide-index,.guide-footer-grid,.guide-footer-bottom{width:calc(100% - 24px)}.guide-hero h1{font-size:2.35rem}.guide-lead{font-size:.88rem}.guide-layout{margin-top:31px;gap:25px}.do-dont{grid-template-columns:1fr}.article-cta{grid-template-columns:1fr;padding:22px}.article-cta .button{width:100%}.related-grid,.guide-index-grid{grid-template-columns:1fr}.guide-footer-grid{grid-template-columns:1fr}.guide-footer-grid>div:first-child{grid-column:auto}.guide-footer-bottom{flex-direction:column}.guide-footer-bottom span{margin:0}.guide-article p,.guide-article li{font-size:.79rem}.guide-index-card{min-height:0}.guide-body .header-actions .button{padding-inline:12px;font-size:.65rem}}