@charset "UTF-8";
/* Static guide and homepage discovery. App controls and outfit layouts stay in styles.css. */
.guide-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-block:66px 58px}.guide-hero h1{font-size:clamp(2.8rem,5.1vw,4.7rem);margin-top:20px;max-width:740px}.guide-hero h1 em,.closet-guide h2 em,.guide-discovery h2 em{color:var(--wine)}.guide-lead{max-width:47ch;margin-block:24px;color:var(--muted);font-size:1.05rem;line-height:1.8}.guide-small{font-size:.76rem;color:var(--muted);margin-top:13px}.guide-hero-art{margin:0;min-width:0;background:#eee8da;border:1px solid var(--line);border-radius:48% 48% 12px 12px;padding:34px 14px 20px;transform:rotate(2deg)}.guide-handwritten{display:block;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--wine)}.guide-hero-art img{width:100%;height:auto}.guide-hero-art figcaption{font-size:.72rem;text-align:center;color:var(--muted)}.guide-contents{display:flex;flex-wrap:wrap;align-items:center;gap:0 28px;padding-block:16px;border-block:1px solid var(--line)}.guide-contents>span{font-family:var(--serif);font-style:italic;font-size:1rem;margin-right:auto}.guide-contents a{font-size:.81rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b89ca5}.guide-start{display:grid;grid-template-columns:.8fr 1.2fr;gap:74px;padding-block:68px}.closet-guide h2{font-size:clamp(2rem,3.7vw,3.15rem);margin-top:11px}.guide-steps{list-style:none;counter-reset:guide-steps;margin:0;padding:0}.guide-steps li{counter-increment:guide-steps;position:relative;padding:0 0 25px 46px}.guide-steps li:last-child{padding-bottom:0}.guide-steps li:before{content:"0" counter(guide-steps);position:absolute;left:0;top:0;font-family:var(--serif);font-style:italic;color:var(--wine);font-size:1.1rem}.guide-steps strong{font-size:.97rem}.guide-steps p{margin-top:7px;color:var(--muted);font-size:.91rem;line-height:1.8}.guide-looks{border-top:1px solid var(--line)}.guide-look{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding-block:68px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.guide-look-art{min-width:0;margin:0;background:#eee8db;border-radius:12px;overflow:hidden;position:sticky;top:28px}.guide-look-art img{width:100%;height:auto}.guide-look-art figcaption{padding:0 22px 24px;color:var(--muted);font-size:.73rem;text-align:center}.guide-art-wine{background:#efe0e2}.guide-art-sage{background:var(--sage)}.guide-look-reverse .guide-look-art{order:2}.guide-look-copy{min-width:0}.guide-look-copy>p:not(.eyebrow){font-size:.94rem;line-height:1.85;color:var(--muted);margin-top:20px}.guide-look-copy h3{font-size:.8rem;letter-spacing:.04em;margin-top:25px}.guide-item-labels{list-style:none;padding:0;margin:12px 0 0;border-block:1px solid var(--line)}.guide-item-labels li{padding:12px 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.guide-item-labels li+li{border-top:1px solid #e5ded3}.guide-item-labels strong{font-size:.86rem}.guide-item-labels span{font-size:.76rem;color:var(--muted)}.guide-rule{padding-left:16px;border-left:3px solid #c8b6bd}.guide-missing{margin-top:22px;padding:20px;border:1px dashed #9b7d48;background:#f3edde;border-radius:8px}.guide-missing>strong{display:block;margin-top:8px;font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.4}.guide-missing>p:last-child{font-size:.88rem;color:var(--muted);line-height:1.75;margin-top:10px}.guide-practice{display:grid;grid-template-columns:.8fr 1.2fr;gap:74px;padding-block:68px}.guide-practice-copy h3{font-size:1rem;margin-bottom:8px}.guide-practice-copy p{font-size:.94rem;line-height:1.85;color:var(--muted);max-width:68ch}.guide-practice-copy p+h3{margin-top:28px}.guide-practice-copy a{text-decoration-color:#b89ca5;text-underline-offset:3px}.guide-finish{background:var(--sage);border-radius:12px;padding:46px 36px;text-align:center;margin-bottom:64px}.guide-finish>p:not(.eyebrow){margin:20px auto 24px;max-width:48ch;color:var(--muted);font-size:.95rem;line-height:1.8}.guide-finish>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.guide-footer-links{display:flex;flex-wrap:wrap;gap:10px 20px}.guide-footer-links a{min-height:44px;display:inline-flex;align-items:center;font-size:.74rem;text-underline-offset:4px}.guide-discovery{display:grid;grid-template-columns:1.1fr .75fr;gap:40px;align-items:center;background:var(--sage);padding:35px 40px;border-radius:12px;margin-top:48px}.guide-discovery h2{font-size:clamp(1.9rem,3.5vw,2.7rem);margin-top:10px}.guide-discovery-copy>p:not(.eyebrow):not(.guide-small){max-width:56ch;color:var(--muted);font-size:.87rem;line-height:1.75;margin-block:15px 19px}.guide-discovery img{width:100%;height:auto;min-width:0}.guide-discovery .guide-small{font-size:.7rem}.guide-discovery .button{gap:10px}
@media(max-width:1000px){.guide-hero{gap:30px}.guide-start,.guide-practice{gap:38px}.guide-look{gap:34px}.guide-item-labels li{display:block}.guide-item-labels span{display:block;margin-top:4px}.guide-contents{gap:0 22px}.guide-contents>span{width:100%;margin-bottom:7px}.guide-discovery{padding:30px;gap:24px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:4px 18px;padding-block:13px;min-height:0}.site-header nav{width:100%;flex-wrap:wrap;gap:0 18px}.site-header nav a,.site-header nav a:last-child{display:flex;min-height:44px;font-size:.78rem}.guide-hero{grid-template-columns:1fr;gap:34px;padding-block:40px}.guide-hero h1{font-size:clamp(2.6rem,8vw,4rem)}.guide-lead{max-width:55ch;font-size:.98rem}.guide-hero-art{max-width:520px;width:100%;justify-self:center;transform:none;padding-top:26px}.guide-contents{gap:0 22px}.guide-contents a,.guide-contents a:last-child{display:flex;min-height:44px}.guide-start,.guide-practice{grid-template-columns:1fr;gap:28px;padding-block:42px}.guide-start h2 br,.guide-practice h2 br{display:none}.guide-look{grid-template-columns:1fr;gap:28px;padding-block:42px}.guide-look-art{position:static;max-width:620px}.guide-look-reverse .guide-look-art{order:0}.guide-look-copy h2{font-size:2.4rem}.guide-item-labels li{display:flex}.guide-item-labels span{margin-top:0}.guide-finish{padding:36px 22px;margin-bottom:42px}.guide-discovery{grid-template-columns:1fr;gap:18px;padding:28px;margin-top:38px}.guide-discovery img{max-width:400px;justify-self:center}.guide-footer-links{gap:4px 20px}}
@media(max-width:420px){.guide-hero h1{font-size:2.65rem}.guide-contents{gap:0 18px}.guide-contents a{font-size:.76rem}.guide-look-copy h2{font-size:2.1rem}.guide-item-labels li{display:block}.guide-item-labels span{margin-top:3px}.guide-discovery{padding:24px 20px}.guide-finish>div{flex-direction:column}.guide-missing{padding:17px}.guide-steps li{padding-left:37px}}
@media print{.guide-discovery,.guide-contents,.guide-finish{display:none!important}.guide-hero,.guide-start,.guide-practice,.guide-look{display:block;padding:18px 0}.guide-hero-art{display:none}.guide-look-art{position:static;max-width:320px;float:right;margin:0 0 18px 24px}.guide-look:after{content:"";display:block;clear:both}.guide-look-copy h2,.closet-guide h2{font-size:25px}.guide-hero h1{font-size:32px}.guide-hero .button,.guide-small{display:none}.guide-item-labels,.guide-missing{break-inside:avoid}.guide-look-copy>p:not(.eyebrow),.guide-practice-copy p,.guide-steps p{font-size:11pt;color:#222}}

/* Related static guides, including discovery from the active wardrobe page. */
.guide-discovery .capsule-discovery-link{display:block;margin-top:18px;font-size:.85rem;line-height:1.7;text-underline-offset:4px;color:var(--wine);font-weight:600}.guide-related{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center;border-top:1px solid var(--line);padding-block:42px 52px}.guide-related h2{font-size:clamp(2rem,3.5vw,2.8rem);margin-top:12px}.guide-related p:not(.eyebrow){font-size:.9rem;line-height:1.85;color:var(--muted);max-width:55ch;margin:20px 0}.guide-related img{width:100%;height:auto;background:var(--cream);border-radius:10px}@media(max-width:760px){.guide-related{grid-template-columns:1fr;gap:24px}.guide-related img{max-width:550px;justify-self:center}}@media print{.guide-related{display:none}}