.guide-header nav{display:flex;gap:24px;font-size:14px;font-weight:700}.guide-article{max-width:820px;margin:0 auto;padding:54px 28px 80px}.article-heading{margin:38px 0}.article-heading h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.055em;line-height:1.35;margin:14px 0 20px;word-break:keep-all}.article-heading>p{font-size:18px;line-height:1.85;color:var(--muted)}.article-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:var(--muted);margin-top:24px}.article-meta a{text-decoration:underline}.guide-article section{margin:44px 0}.guide-article h2{font-size:25px;letter-spacing:-.045em;margin:0 0 16px;word-break:keep-all}.guide-article p,.guide-article li{line-height:1.9}.guide-article p{margin:14px 0}.guide-article p a,.article-sources a{color:#26735b;text-decoration:underline;text-underline-offset:4px}.article-toc,.takeaway{background:#e9f0e9;border-left:4px solid #33795f;padding:22px 26px;border-radius:0 14px 14px 0}.article-toc p,.takeaway p{margin:8px 0 0}.guide-figure{margin:28px 0}.guide-figure img{display:block;width:100%;height:auto;border-radius:18px}.guide-figure.square{max-width:620px;margin:28px auto}.guide-figure figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 4px}.article-steps{padding:0;list-style:none;counter-reset:steps}.article-steps li{counter-increment:steps;display:grid;grid-template-columns:32px 1fr;column-gap:12px;margin:22px 0}.article-steps li:before{content:counter(steps,decimal-leading-zero);grid-row:span 2;color:#387860;font-size:14px;padding-top:4px}.article-steps b{font-size:18px}.article-steps span{grid-column:2;color:var(--muted)}.article-table{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}.article-table table{width:100%;border-collapse:collapse;min-width:500px;font-size:14px}.article-table caption{text-align:left;padding:16px;font-size:12px;color:var(--muted)}.article-table th,.article-table td{padding:16px;text-align:left;border-top:1px solid var(--line);vertical-align:top}.article-table thead{background:#e8ede7}.article-table td a{color:#26735b;text-decoration:underline}.article-sources{border-top:1px solid var(--line);padding-top:30px}.article-sources p{font-size:13px;color:var(--muted)}.article-next{background:#fffdf8;border:1px solid var(--line);padding:26px;border-radius:18px}.article-next a{display:block;margin-top:16px;font-weight:700}.formula{font-size:19px;font-weight:800;background:#e8eee7;padding:22px;border-radius:12px}.wardrobe-tool{background:#e6eee8;padding:30px;border-radius:24px}.wardrobe-tool h2{margin:10px 0}.wardrobe-tool>small{display:block;font-size:12px;color:var(--muted);line-height:1.7}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.tool-fields label{font-size:13px;font-weight:700}.tool-fields input{display:block;background:white;width:100%;margin-top:8px;border:1px solid #b9c8be;border-radius:9px;padding:13px;font:inherit;font-size:17px;color:var(--ink)}#wardrobe-result{display:block;background:#123b30;color:white;padding:22px;border-radius:12px;margin:20px 0}#wardrobe-result b{display:block;font-size:20px}#wardrobe-result span{display:block;margin-top:8px;font-size:14px}.primary-button{text-decoration:none;display:inline-flex}.guide-article ul{padding-left:22px}.guide-article ul li{margin:16px 0}@media(max-width:620px){.guide-header{gap:18px;flex-wrap:wrap}.guide-header nav{gap:18px;font-size:12px}.guide-article{padding:30px 20px 60px}.article-heading{margin:28px 0}.article-heading>p{font-size:16px}.guide-article h2{font-size:22px}.wardrobe-tool{padding:22px 18px}.tool-fields{gap:12px}.tool-fields label{font-size:12px}.article-toc,.takeaway{padding:18px}.formula{font-size:16px}}
