.wug{--guide-green:#117b61;--guide-line:#dce8e1;--guide-muted:#52655b}
.wug .wug-hero{padding:32px 0 52px;background:linear-gradient(125deg,#effcf4 0%,#f7fcfa 60%,#fff 100%);border-bottom:1px solid var(--guide-line)}
.wug-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--guide-muted);margin-bottom:30px}
.wug-breadcrumb a:hover{text-decoration:underline}
.wug-kicker{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--guide-green);margin-bottom:15px}
.wug-kicker span{padding:0 8px;color:#9cb8a8}
.wug h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.035em;max-width:850px;margin:0 0 20px}
.wug-intro{font-size:17px;line-height:1.8;color:var(--guide-muted);max-width:780px}
.wug-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--guide-muted);margin-top:24px}
.wug-meta i{color:var(--guide-green);margin-right:5px}
.wug-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:52px;padding-top:44px;padding-bottom:72px;align-items:start}
.wug-sidebar{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto;padding-right:12px}
.wug-nav-title{font-size:10px;letter-spacing:.13em;color:var(--guide-muted);font-weight:700;margin:0 0 10px}
.wug-nav-title:not(:first-child){margin-top:28px}
.wug-sidebar nav,.wug-mobile-toc nav{display:grid;gap:3px}
.wug-sidebar nav a{font-size:13px;line-height:1.6;padding:8px 10px;border-radius:7px;color:#4f5e56}
.wug-sidebar nav a:hover,.wug-sidebar nav a[aria-current]{background:#e9f6ef;color:var(--guide-green)}
.wug-sidebar nav a[aria-current]{font-weight:700}
.wug-support-link{display:block;font-size:12px;font-weight:600;color:var(--guide-green);margin-top:24px;padding-top:16px;border-top:1px solid var(--guide-line)}
.wug-article{min-width:0}
.wug-article p,.wug-article li{font-size:15px;line-height:1.85;color:#41534a}
.wug-article p{margin:12px 0}
.wug-article h2{font-size:25px;letter-spacing:-.02em;line-height:1.25;margin:0 0 18px}
.wug-article h3{font-size:17px;line-height:1.4;margin:24px 0 8px}
.wug-article ul{list-style:disc;padding-left:21px;margin:12px 0}
.wug-article li+li{margin-top:8px}
.wug-article a:not(.btn),.wug-hub-note a{color:var(--guide-green);text-decoration:underline;text-underline-offset:3px}
.wug-article strong{color:#223d30}
.wug-article code{font-size:.88em;background:#eef5f0;padding:3px 6px;border-radius:5px;color:#235c43;overflow-wrap:anywhere}
.wug-before{border:1px solid var(--guide-line);border-left:4px solid #1e9a72;padding:22px 26px;border-radius:12px;background:#f8fcfa}
.wug-before h2{font-size:17px;margin-bottom:10px}
.wug-before ul{margin:0}
.wug-article .wug-portal-note{font-size:12px;color:#67766d;line-height:1.8;margin:18px 0 30px}
.wug .wug-section{padding:30px 0;border-top:1px solid var(--guide-line);scroll-margin-top:90px}
.wug-steps{list-style:none;counter-reset:guide-step;padding:0;margin:18px 0}
.wug-steps>li{position:relative;padding:0 0 22px 46px;counter-increment:guide-step;min-height:45px}
.wug-steps>li::before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:9px;background:#e3f4ea;display:grid;place-items:center;color:var(--guide-green);font-size:12px;font-weight:800}
.wug-steps>li>strong{display:block;font-size:16px;margin-bottom:5px}
.wug-steps>li p{margin:0}
.wug-figure{margin:24px 0;border:1px solid var(--guide-line);border-radius:12px;overflow:hidden;background:#fff}
.wug-figure img{width:100%;height:auto;display:block}
.wug-figure figcaption{padding:13px 17px;border-top:1px solid var(--guide-line);font-size:12px;line-height:1.7;color:var(--guide-muted);background:#f8faf9}
.wug-figure figcaption a{white-space:nowrap;margin-left:5px}
.wug-callout{padding:18px 22px;background:#eff7ff;border:1px solid #d6e8f7;border-radius:10px;margin:22px 0}
.wug-callout p:first-child{margin-top:0}.wug-callout p:last-child{margin-bottom:0}
.wug-code{background:#112b25;color:#e2f6ed;border-radius:12px;padding:20px;overflow:auto;font:13px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;margin:20px 0}
.wug-table-wrap{overflow:auto;border:1px solid var(--guide-line);border-radius:10px;margin:20px 0}
.wug table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:450px}
.wug th,.wug td{padding:14px 16px;border-bottom:1px solid var(--guide-line);vertical-align:top;line-height:1.7}
.wug th{background:#f1f7f3;font-weight:600;color:#294f3b}
.wug tr:last-child td,.wug tr:last-child th{border-bottom:0}
.wug-related{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;font-size:13px}
.wug-article .wug-sources p,.wug-article .wug-sources li{font-size:13px}
.wug-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;border-radius:14px;background:#eef8f2;margin-top:22px}
.wug-next span{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--guide-green)}
.wug-next h2{font-size:20px;margin:8px 0 0}
.wug-mobile-toc{display:none}
.wug a:focus-visible,.wug summary:focus-visible{outline:3px solid #157cc4;outline-offset:4px}
.wug-hub-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}
.wug-hub-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.wug-start-card{background:#fff;border:1px solid var(--guide-line);border-radius:18px;padding:26px;box-shadow:0 12px 32px rgba(34,71,51,.06)}
.wug-start-card h2{font-size:17px;margin:0 0 18px}
.wug-start-card ol{list-style:none;counter-reset:guide-path;display:grid;gap:0}
.wug-start-card li{counter-increment:guide-path;position:relative;padding:12px 0 12px 36px;font-size:13px;color:#475c50;border-top:1px solid #eaf0ec}
.wug-start-card li::before{content:counter(guide-path,decimal-leading-zero);position:absolute;left:0;color:var(--guide-green);font-weight:700}
.wug-start-card a:hover{text-decoration:underline}
.wug .wug-hub-content{padding:50px 0 64px}
.wug-hub-heading{font-size:28px;margin:0 0 12px;letter-spacing:-.02em}
.wug-hub-lead{font-size:15px;color:var(--guide-muted);max-width:750px;margin-bottom:26px;line-height:1.8}
.wug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.wug-card{display:block;border:1px solid var(--guide-line);border-radius:16px;background:#fff;padding:28px;transition:border-color .2s,box-shadow .2s}
.wug-card:hover{border-color:#99d1b4;box-shadow:0 8px 24px rgba(22,64,39,.07)}
.wug-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--guide-green);font-size:12px}
.wug-card-top i{width:42px;height:42px;display:grid;place-items:center;background:#eaf6ee;border-radius:11px;font-size:18px}
.wug-card h3{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px}
.wug-card p{font-size:14px;line-height:1.8;color:var(--guide-muted);margin-bottom:20px}
.wug-card-link{font-size:13px;font-weight:700;color:var(--guide-green)}
.wug-hub-note{margin-top:30px;padding:24px 26px;background:#f6f9f7;border-radius:12px;font-size:14px;line-height:1.8;color:var(--guide-muted)}
.wug-hub-note strong{color:#284835}
@media(max-width:1000px){.wug-layout{grid-template-columns:200px minmax(0,1fr);gap:28px}.wug-hub-hero{gap:28px;grid-template-columns:1.2fr .8fr}}
@media(max-width:780px){.wug-layout{display:block;padding-top:24px}.wug-sidebar{display:none}.wug-mobile-toc{display:block;border:1px solid var(--guide-line);border-radius:10px;padding:14px 18px;margin-bottom:24px}.wug-mobile-toc summary{cursor:pointer;font-size:14px;font-weight:700}.wug-mobile-toc nav{padding-top:12px}.wug-mobile-toc a{font-size:13px;padding:6px 0}.wug-hub-hero{grid-template-columns:1fr}.wug-start-card{display:none}.wug h1{font-size:34px}.wug .wug-hero{padding:26px 0 36px}.wug-breadcrumb{margin-bottom:24px}.wug-grid{grid-template-columns:1fr}.wug-next{flex-direction:column;align-items:flex-start}.wug .btn{white-space:normal;line-height:1.4}.wug-article h2{font-size:23px}.wug-before{padding:20px}.wug-steps>li{padding-left:42px}.wug-card{padding:24px}}
@media print{.nav,.mob-menu,.mob-overlay,.footer,.wug-sidebar,.wug-mobile-toc,.wug-next{display:none!important}.wug-layout{display:block}.wug-hero{background:#fff!important}.wug-figure{break-inside:avoid}.wug .wug-section{scroll-margin-top:0}}
