:root{color:#253630;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#246d5b;--accent-hover:#195644;--muted:#687770;--border:#dce3db;background:#f5f5f0;font-family:Pretendard,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}html{scroll-padding-top:24px}p,h1,h2,h3,dl{margin:0}a{color:var(--accent);text-underline-offset:4px}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #549482}[hidden]{display:none!important}.guide-shell{max-width:1120px;margin:0 auto;padding:0 40px}.guide-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:91px;display:flex}.brand{color:#273a32;letter-spacing:-.8px;align-items:center;font-size:23px;font-weight:750;text-decoration:none;display:inline-flex}.brand>span:last-child{color:var(--accent)}.brand-mark{align-items:center;gap:3px;width:28px;margin-right:10px;display:flex}.brand-mark i{background:var(--accent);border-radius:3px;width:4px;height:13px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:19px}.brand-mark i:nth-child(4){height:9px}.guide-header nav{align-items:center;gap:23px;font-size:13px;display:flex}.current-page{color:var(--muted)}.app-link{background:#fff;border:1px solid #c9d8ce;border-radius:7px;align-items:center;gap:10px;min-height:42px;padding:9px 15px;font-weight:650;text-decoration:none;display:inline-flex}.app-link:hover{background:#edf4ee}.guide-intro{max-width:780px;padding:67px 0 43px}.guide-intro h1{text-wrap:balance}.eyebrow{color:#6d7f73;letter-spacing:1.5px;margin-bottom:18px;font-size:11px;font-weight:700}h1{letter-spacing:-1.6px;word-break:keep-all;font-size:clamp(30px,4vw,43px);font-weight:750;line-height:1.45}.intro-copy{color:var(--muted);word-break:keep-all;margin-top:22px;font-size:16px;line-height:1.95}.intro-subtitle{color:#45664f;word-break:keep-all;margin-top:13px;font-size:18px;line-height:1.8}.intro-copy+.intro-copy{margin-top:13px}.intro-actions{flex-wrap:wrap;align-items:center;gap:15px 22px;margin-top:26px;display:flex}.intro-actions p{color:var(--muted);font-size:12px;line-height:1.8}.primary-link{background:var(--accent);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 19px;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.primary-link:hover{background:var(--accent-hover)}.quick-steps{border:1px solid var(--border);background:#edf2e9;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 28px;padding:24px;list-style:none;display:grid}.quick-steps li{align-items:flex-start;gap:12px;min-width:0;display:flex}.quick-steps li>span{color:#6b816c;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650;line-height:1.9}.quick-steps a{color:#375943;font-size:14px;font-weight:650;line-height:1.6}.quick-steps p{color:#687b68;margin-top:5px;font-size:12px;line-height:1.8}.contents{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:9px 25px;padding:23px 0;display:flex}.contents a{color:#526c5b;font-size:13px;line-height:1.8;text-decoration:none}.contents a:hover{text-decoration:underline}.guide-content{margin-top:14px}.guide-section{border-bottom:1px solid var(--border);padding:39px 0 43px;scroll-margin-top:20px}.guide-section:last-child{border-bottom:0;padding-bottom:22px}.section-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-number{color:#557863;background:#e7eee2;border-radius:6px;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:inline-flex}h2{letter-spacing:-.7px;word-break:keep-all;font-size:23px;line-height:1.5}h3{letter-spacing:-.3px;color:#375943;font-size:15px;line-height:1.6}.guide-section>p,.note-card p,.steps p,.metric-list dd,.callout p,.questions p{color:#5e7165;overflow-wrap:break-word;font-size:14px;line-height:1.95}.guide-section>p+p{margin-top:15px}strong{color:#385947;font-weight:650}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:23px 0;display:grid}.note-card{border:1px solid var(--border);background:#fff;border-radius:10px;min-width:0;padding:24px}.note-card p{margin-top:10px}.guide-section .section-note{color:#6d7b6e;border-left:3px solid #c9d7c2;padding-left:14px;font-size:13px}.callout+.section-note{margin-top:20px}.connection-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:24px 0;padding:0;list-style:none;display:grid}.connection-flow li{border:1px solid var(--border);text-align:center;background:#fff;border-radius:8px;min-width:0;padding:19px 12px;position:relative}.connection-flow li+li:before{content:"→";color:#728973;font-size:18px;position:absolute;top:50%;left:-23px;transform:translateY(-50%)}.connection-flow strong{word-break:keep-all;font-size:14px;line-height:1.7;display:block}.connection-flow span{color:#7c8978;margin-top:4px;font-size:12px;line-height:1.8;display:block}.guide-screenshot{border:1px solid var(--border);background:#ecefe6;border-radius:10px;margin:25px 0;padding:12px}.guide-screenshot img{background:#fff;border:1px solid #e0e6db;border-radius:6px;width:100%;height:auto;display:block}.guide-screenshot figcaption{color:#647b68;padding:11px 4px 1px;font-size:12px;line-height:1.8}.guide-screenshot-reference{max-width:740px}.steps{counter-reset:guide-step;gap:23px;margin:27px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:guide-step;padding-left:43px;position:relative}.steps li:before{content:counter(guide-step);color:#5d7b65;border:1px solid #cfdbc9;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:650;display:flex;position:absolute;top:1px;left:0}.steps p{margin-top:5px}.card-label{color:#698169;letter-spacing:.4px;margin-bottom:9px;font-size:11px;display:block}.comparison-cards{margin-top:0}.metric-list{margin-top:8px}.metric-list>div{border-top:1px solid #e2e7de;grid-template-columns:180px minmax(0,1fr);gap:26px;padding:21px 0;display:grid}.metric-list>div:first-child{border-top:0;padding-top:0}.metric-list dt{color:#365b45;font-size:16px;font-weight:650;line-height:1.8}.metric-list dt span{color:#7c8a78;margin-top:3px;font-size:12px;font-weight:400;display:block}.metric-list dd{margin:0}.level-guide{margin-top:18px;scroll-margin-top:24px}.level-guide>h3{font-size:18px;line-height:1.6}.level-intro,.level-role-note,.level-adjustment p{color:#627465;font-size:13px;line-height:1.9}.level-intro{margin-top:9px}.level-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:19px;display:grid}.level-card{border:1px solid var(--border);background:#fff;border-radius:10px;min-width:0;padding:21px}.level-card h4{color:#375943;letter-spacing:-.3px;margin:0;font-size:15px;line-height:1.6}.level-card-intro{color:#70806f;margin-top:5px;font-size:12px;line-height:1.8}.level-card table{border-collapse:collapse;table-layout:fixed;color:#536c59;width:100%;margin-top:16px;font-size:12px;line-height:1.7}.level-card th,.level-card td{text-align:left;vertical-align:top;overflow-wrap:break-word;border-bottom:1px solid #e7ece3;padding:10px 0}.level-card th:first-child{width:47%;padding-right:13px}.level-card thead th{color:#81907b;padding-top:0;font-size:11px;font-weight:500}.level-card tbody th{color:#49654e;font-variant-numeric:tabular-nums;font-weight:650}.level-card-note{color:#72806d;margin-top:12px;font-size:12px;line-height:1.8}.level-role-note{overflow-wrap:anywhere;margin-top:15px;font-size:12px}.level-adjustment{border-left:3px solid #c9d7c2;margin-top:17px;padding-left:14px}.level-adjustment>strong{font-size:13px;line-height:1.8}.level-adjustment p{margin-top:6px}.callout{background:#eaf0e6;border-radius:9px;margin-top:16px;padding:21px 24px}.callout>strong{font-size:14px;line-height:1.8}.callout p{margin-top:7px}.questions{border:1px solid var(--border);background:#fff;border-radius:10px;padding:0 23px}.questions details+details{border-top:1px solid #e6ebe2}.questions summary{cursor:pointer;color:#45634f;padding:19px 0;font-size:14px;font-weight:600;line-height:1.8}.questions summary::marker{color:#819578}.questions p{padding:0 0 20px 17px}.guide-section .version-note{color:#758170;margin-top:23px;font-size:12px;line-height:1.9}.closing-cta{background:#eaf0e6;border:1px solid #d4dfcc;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 10px;padding:28px;display:flex}.closing-cta h2{color:#36573f;font-size:21px}.closing-cta p{color:#61765f;margin-top:9px;font-size:13px;line-height:1.9}.closing-cta .primary-link{flex-shrink:0}.guide-footer{border-top:1px solid var(--border);color:#7c8776;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding:26px 0 32px;font-size:12px;line-height:1.8;display:flex}.guide-footer nav{flex-wrap:wrap;gap:12px 23px;display:flex}.guide-footer a{color:#61795f}.skip-link{z-index:10;border:2px solid var(--accent);background:#fff;border-radius:6px;padding:12px 18px;position:absolute;top:-70px;left:12px}.skip-link:focus{top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.guide-shell{padding:0 24px}.guide-header{min-height:80px}.guide-header nav{gap:13px}.current-page{display:none}.guide-intro{padding:43px 0 30px}.intro-copy{margin-top:18px;font-size:14px}.intro-subtitle{margin-top:12px;font-size:16px}.intro-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:23px}.quick-steps{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:23px;padding:21px}.quick-steps p{margin-top:3px}.connection-flow{grid-template-columns:minmax(0,1fr);gap:23px;margin:21px 0}.connection-flow li{text-align:left;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;display:flex}.connection-flow span{text-align:right;margin-top:0}.connection-flow li+li:before{content:"↓";top:-25px;left:50%;transform:translate(-50%)}.guide-screenshot{margin:21px 0;padding:7px}.guide-screenshot figcaption{font-size:11px}.contents{gap:11px 22px;padding:19px 0}.two-columns{grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0}.note-card{padding:21px}.comparison-cards{margin-top:0}.guide-section{padding:31px 0}.section-heading{gap:10px;margin-bottom:18px}h2{letter-spacing:-.6px;font-size:20px}.metric-list>div{grid-template-columns:minmax(0,1fr);gap:11px}.metric-list dt span{margin-left:10px;display:inline}.level-cards{grid-template-columns:minmax(0,1fr);gap:12px}.closing-cta{flex-direction:column;align-items:flex-start;gap:19px;padding:23px}.closing-cta h2{font-size:19px}}@media (width<=400px){.guide-shell{padding:0 18px}.brand{font-size:20px}.brand-mark{margin-right:7px}.app-link{gap:7px;padding:9px 12px;font-size:12px}h1{letter-spacing:-1.3px;font-size:29px}.contents{column-gap:18px}.contents a{font-size:12px}.section-number{flex-basis:27px;width:27px;height:27px}h2{font-size:18px}.note-card,.callout,.level-card{padding:18px}.level-guide>h3{font-size:16px}.guide-section>p,.note-card p,.steps p,.metric-list dd,.callout p,.questions p{font-size:13px}.steps li{padding-left:36px}.questions{padding:0 17px}.questions summary{font-size:13px}.guide-footer{flex-direction:column;align-items:flex-start;gap:12px;margin-top:17px}}
