.style-page{font-size:17px;font-weight:500}.style-main{max-width:1080px;margin:auto;padding:42px 32px 0}.back-home{margin-left:auto;font-size:17px;white-space:nowrap}.style-intro{padding-bottom:30px;border-bottom:1px solid var(--line)}.style-intro p{max-width:39em}.review-label{font-size:14px;color:#805b13;background:#fff5d4;border-radius:5px;padding:5px 10px;display:inline-block;margin-top:0}.style-intro h1{font-size:36px;margin:8px 0}.style-lead{font-size:25px;font-weight:600;color:#1456f0}.style-promise{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;color:#515965;font-size:17px}.style-promise span:before{content:'✓';color:#1456f0;margin-right:8px}.style-filter-panel{border:1px solid #dbe4f1;border-radius:10px;background:#f8faff;padding:24px;margin-top:30px}.filter-section{margin:0 0 24px}.filter-section h2{font-size:19px;margin:0 0 12px}.style-filters{display:flex;flex-wrap:wrap;gap:8px}.style-filters button{background:white;border:1px solid #d8dfe9;border-radius:6px;padding:7px 13px;min-height:44px;font-size:17px}.style-filters button:hover{border-color:#3370ff}.style-filters button[aria-pressed=true]{background:#1456f0;color:#fff;border-color:#1456f0}.style-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe4f1;padding-top:14px}.style-filter-summary p{margin:0;font-size:17px}.style-filter-summary button{font-size:17px;min-height:44px;white-space:nowrap}.filter-help{margin-bottom:0}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.outfit-card{border:1px solid #e0e5ee;border-radius:10px;overflow:hidden;background:white;display:flex;flex-direction:column}.outfit-visual{background:#f5f7fb;padding:10px 20px}.outfit-visual svg{width:100%;height:160px;display:block}.outfit-copy{padding:20px;display:flex;flex-direction:column;flex:1}.outfit-copy h2{font-size:21px;margin:8px 0}.outfit-copy p{margin:0 0 18px;font-size:17px;line-height:1.7}.example-label{font-size:14px;color:#646a73}.outfit-tags{font-size:14px;color:#51627b;margin-bottom:14px}.open-outfit{margin-top:auto;text-align:left;color:#1456f0;border-top:1px solid var(--line);padding:13px 0 0;min-height:44px;font-size:17px}.open-outfit:hover{text-decoration:underline}.style-empty{grid-column:1/-1;padding:24px;border:1px dashed #bdcbe2;border-radius:8px}.style-boundary{border-top:1px solid var(--line);padding-top:30px}.style-boundary p{max-width:44em}.style-detail-block{margin:24px 0}.style-detail-block h3{font-size:20px}.style-detail-block p,.style-detail-block li{font-size:17px}.style-detail-block ul{padding-left:24px}.style-detail-block li{margin:8px 0}.style-detail-top{margin-top:8px}.detail-related{background:#f0f5ff;border:1px solid #d6e2ff;border-radius:6px;padding:14px;margin-top:24px;font-size:17px;color:#1456f0;text-align:left;width:100%}#style-dialog{max-width:780px}#style-detail .outfit-visual{border-radius:8px}.detail-note{background:#faf8f0;padding:14px;border-radius:6px;font-size:17px}#style-dialog .dialog-close{width:44px;height:44px}.style-page .muted{font-size:17px}
@media(max-width:980px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.style-main{padding:28px 20px 0}.style-intro h1{font-size:29px}.style-lead{font-size:22px}.style-filter-panel{padding:18px}.style-grid{grid-template-columns:1fr}.style-filters button{padding:8px 11px}.style-page .brand{font-size:14px}.back-home{font-size:15px}.style-page .site-header{padding:0 16px;gap:8px}.style-promise{gap:10px}.outfit-visual svg{height:165px}.outfit-copy{padding:20px}.style-filter-summary{gap:10px}.style-page dialog{padding:48px 20px 24px}}