.dress-page{--dress-accent:#765095;max-width:1180px;margin:auto;padding:42px 24px 64px}.dress-heading{max-width:820px;padding:8px 0 28px}.dress-heading h1{letter-spacing:-.045em;margin:12px 0 20px;font-family:Georgia,serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:500;line-height:1.1}.dress-heading .lead{font-size:1.1rem}.dress-heading-links{flex-wrap:wrap;gap:12px 24px;display:flex}.dress-heading-links a{color:var(--purple);align-items:center;min-height:44px;font-size:.85rem;display:flex}.dress-player{border:1px solid var(--line);background:#fff;border-radius:20px;scroll-margin-top:100px;overflow:hidden}.dress-player-stage{aspect-ratio:16/9;background:#eee8f3;min-width:0;position:relative}.dress-player-stage:fullscreen{aspect-ratio:auto;background:#171220;width:100vw;height:100dvh}.dress-player-stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.dress-start{text-align:center;background:linear-gradient(135deg,#f6f1e9,#eee7f6);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.dress-start h2{margin:8px 0;font-family:Georgia,serif;font-size:clamp(1.5rem,3.5vw,3rem);line-height:1.2}.dress-start p:not(.eyebrow){max-width:440px;color:var(--muted);margin:10px 0 20px}.dress-start small{color:var(--muted);margin-top:14px;font-size:.75rem}.dress-player-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px 0;display:grid}.dress-player-actions .button{padding:10px;font-size:.85rem}.dress-player-actions button:disabled{opacity:.45;cursor:not-allowed}.dress-player-status{color:var(--muted);margin:12px 20px;font-size:.8rem}.dress-player>details{margin:0 20px 18px;font-size:.85rem}.dress-player summary{cursor:pointer;min-height:36px;font-weight:700}.dress-restart{background:#f6eefb;border-radius:12px;margin:16px 20px;padding:16px}.dress-restart>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dress-intro-note{color:var(--muted);padding:18px 4px 28px;font-size:.82rem}.dress-intro-note p{margin:5px 0}.dress-reading{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:42px;display:grid}.dress-toc{border-left:2px solid #e7dcec;gap:4px;padding-left:16px;display:grid;position:sticky;top:104px}.dress-toc strong{margin-bottom:12px;font-size:.82rem}.dress-toc a{color:var(--muted);padding:7px 0;font-size:.75rem;line-height:1.5}.dress-toc a:hover{color:var(--purple)}.dress-article{min-width:0}.dress-article>section{border-bottom:1px solid var(--line);margin-bottom:30px;padding:0 0 35px;scroll-margin-top:110px}.dress-article h2{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.25}.dress-article p{color:var(--muted);font-size:.96rem;line-height:1.85}.dress-steps{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.dress-steps li{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:15px;padding:14px 16px;font-size:.9rem;display:flex}.dress-steps span{color:var(--purple);flex-shrink:0;font-weight:800}.dress-table-scroll{margin-top:22px;overflow-x:auto}.dress-table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8rem}.dress-table-scroll th,.dress-table-scroll td{border:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere;padding:12px}.dress-table-scroll thead{background:#eee7f5}.dress-table-scroll caption{text-align:left;color:var(--muted);margin-bottom:10px}.dress-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dress-videos figure{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0;overflow:hidden}.dress-videos figure>div{aspect-ratio:16/9;background:#24202d;position:relative}.dress-videos iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.dress-videos figcaption{gap:4px;padding:14px;font-size:.8rem;display:grid}.dress-videos a{color:var(--purple);align-items:center;min-height:44px;display:flex}.dress-article .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dress-article .guide-grid p{font-size:.85rem}.dress-faq details{border-bottom:1px solid var(--line);background:#fff;padding:16px}.dress-faq summary{cursor:pointer;min-height:32px;font-size:.93rem;font-weight:700}.dress-sources a{color:var(--purple);text-underline-offset:3px;text-decoration:underline}.dress-sources li{margin:10px 0;font-size:.86rem}@media (max-width:800px){.dress-reading{grid-template-columns:1fr;gap:28px}.dress-toc{flex-wrap:wrap;gap:4px 16px;display:flex;position:static}.dress-toc strong{width:100%;margin:0}.dress-page{padding:28px 18px 40px}}@media (max-width:550px){.dress-start{padding:12px}.dress-start .eyebrow{margin:0;font-size:.6rem}.dress-start p:not(.eyebrow){margin:6px 0 12px;font-size:.75rem;line-height:1.5}.dress-start small{display:none}.dress-start .button{min-height:44px;padding:8px 16px;font-size:.85rem}.dress-player-actions{gap:8px;padding:12px 12px 0}.dress-player-actions .button{padding:9px 4px;font-size:.72rem}.dress-player-status{margin:12px}.dress-videos,.dress-article .guide-grid{grid-template-columns:1fr}.dress-heading-links{gap:6px 16px}.dress-table-scroll th,.dress-table-scroll td{padding:8px;font-size:.73rem}.dress-start .eyebrow,.dress-start p:not(.eyebrow){display:none}.dress-start h2{max-width:260px;margin:0 0 16px;font-size:1.4rem}}.dress-reading{display:block}.dress-toc{border:0;flex-wrap:wrap;gap:8px;padding:12px 0 26px;display:flex;position:static}.dress-toc a{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:44px;padding:9px 16px;font-size:.84rem}.dress-article>section{margin-bottom:32px;padding-bottom:32px}.dress-article>section>p{max-width:72ch}.dress-about{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.dress-about p{max-width:52ch}.dress-inline-link{color:var(--purple);text-underline-offset:4px;align-items:center;min-height:44px;font-size:.85rem;font-weight:650;text-decoration:underline;display:inline-flex}.dress-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.dress-topic{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-width:0;padding:24px;display:flex}.dress-topic>.eyebrow{margin-bottom:10px}.dress-topic h3{min-height:2.8em;margin:0;font-size:1.22rem;line-height:1.4}.dress-topic>p{min-height:5.55em;margin:12px 0 20px}.dress-topic>.dress-inline-link{margin-top:auto;padding-top:12px}.dress-shot-slot{min-width:0;margin:0}.dress-shot-slot>div{aspect-ratio:16/9;text-align:center;color:#675277;background:linear-gradient(140deg,#f3eef8,#f6f1e9);border:1px dashed #c7b8d4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.dress-shot-slot>div>span{font-size:2rem;line-height:1}.dress-shot-slot small{font-size:.75rem}.dress-shot-slot figcaption{color:var(--muted);min-height:4.5em;padding:10px 0;font-size:.78rem;line-height:1.6}.dress-topic details{margin:12px 0}.dress-topic summary,.dress-help-detail summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.9rem;font-weight:650}.dress-topic details p,.dress-help-detail p{max-width:72ch;font-size:.88rem}.dress-help-detail{border:1px solid var(--line);background:#fff;border-radius:12px;margin:10px 0;padding:8px 20px;scroll-margin-top:110px}.dress-topic{scroll-margin-top:110px}.dress-checklist{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:820px;padding:24px}.dress-checklist-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dress-checklist h3{margin:0;font-size:1.1rem}.dress-checklist-heading span{color:var(--purple);font-size:.85rem;font-weight:700}.dress-checklist>p{font-size:.82rem}.dress-checklist label{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:10px 0;font-size:.9rem;display:flex}.dress-checklist input{width:18px;height:18px;accent-color:var(--purple);flex-shrink:0}.dress-checklist label:has(input:checked) span{color:#28765d;text-decoration:line-through}.dress-checklist-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.dress-checklist-actions .button{text-align:center;font-size:.85rem}.dress-checklist button:disabled{opacity:.45;cursor:default}.dress-article summary:focus-visible,.dress-toc a:focus-visible{outline-offset:3px;outline:3px solid #b9a0d8}@media (max-width:700px){.dress-about,.dress-topic-grid{grid-template-columns:1fr}.dress-topic h3,.dress-topic>p,.dress-shot-slot figcaption{min-height:0}.dress-topic,.dress-checklist{padding:18px}.dress-toc a{padding:9px 12px;font-size:.78rem}}@media (max-width:400px){.dress-checklist-actions{grid-template-columns:1fr}}.dress-screenshots{place-items:stretch center;gap:16px;display:grid}.dress-screenshots figure{flex-direction:column;width:100%;min-width:0;max-width:347px;margin:0;display:flex}.dress-screenshots a{aspect-ratio:16/9;background:#eee9e3;border:1px solid #dfd8e3;border-radius:14px;display:block;position:relative;overflow:hidden}.dress-screenshots img{object-fit:contain;width:100%;height:100%;display:block}.dress-screenshots a>span{color:#fff;background:#231e2be6;border-radius:6px;padding:3px 7px;font-size:.65rem;position:absolute;bottom:6px;right:6px}.dress-screenshots a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.dress-screenshots figcaption{color:var(--muted);padding:10px 0 0;font-size:.78rem;line-height:1.6}.dress-screenshots-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.dress-topic .dress-screenshots{align-content:start;min-height:252px}.dress-screenshots-portraits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:850px;margin:24px auto 0}.dress-screenshots-portraits figure{max-width:230px}.dress-screenshots-portraits a{aspect-ratio:3/4;height:300px;max-height:300px}.dress-screenshots-portraits img{padding:8px}.dress-screenshots-portraits figcaption{min-height:4.8em}@media (max-width:700px){.dress-topic .dress-screenshots{min-height:0}.dress-screenshots-portraits{grid-template-columns:1fr;gap:22px}.dress-screenshots-portraits figure{max-width:250px}.dress-screenshots-portraits a{aspect-ratio:auto;height:300px}.dress-screenshots-portraits figcaption{min-height:0}}@media (max-width:400px){.dress-screenshots-multiple:not(.dress-screenshots-portraits){grid-template-columns:1fr}}