.directory-header{max-width:1400px;margin:auto;padding:38px 5.4%;display:flex;align-items:center;justify-content:space-between;gap:25px}.directory-header>a:last-child{font-size:13px;color:#8c7e6b}.directory-main{max-width:1400px;margin:auto;padding:58px 5.4% 85px}.directory-main .eyebrow{color:#9a886e;margin-bottom:22px}.directory-main h1{font-size:46px;letter-spacing:-2px}.directory-intro{font-size:15px;color:#8d8274;line-height:1.9;margin:24px 0 48px}.directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.directory-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;min-height:155px;padding:28px 16px;border:1px solid #ece5dc;border-radius:22px;background:#faf7f2;transition:transform .2s,background .2s,border-color .2s}.directory-grid button:hover{transform:translateY(-3px);background:#f5edda;border-color:#dac08a}.directory-grid button:focus-visible{outline:2px solid #b68e2d;outline-offset:4px}.directory-grid img{width:132px;max-width:90%;height:34px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.72}.directory-grid span{font-size:13px;font-weight:600;color:#897b68}.directory-grid .directory-fallback{font-size:20px;color:#39342d;font-weight:800}.directory-products{margin-top:28px;padding-top:18px;border-top:1px solid #eee5d9}.directory-products summary{cursor:pointer;font-size:14px;font-weight:700}.directory-products .result-row{align-items:flex-start}.directory-products .result-row b{overflow-wrap:anywhere}.directory-products .result-row a{flex-shrink:0}.directory-models{line-height:1.9}#brandDialog .directory-logo{width:145px;height:38px;object-fit:contain;object-position:left;filter:grayscale(1) brightness(0);opacity:.7;margin-bottom:10px}@media(max-width:1000px){.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.directory-main h1{font-size:40px}}@media(max-width:700px){.directory-header{padding:28px 23px}.directory-header .wordmark{font-size:20px}.directory-header>a:last-child{font-size:11px}.directory-main{padding:35px 23px 55px}.directory-main h1{font-size:34px}.directory-intro{font-size:13px;margin-bottom:32px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.directory-grid button{min-height:135px;gap:20px;padding:23px 12px;border-radius:18px}.directory-grid img{width:116px;height:29px}.directory-grid span{font-size:12px}}

/* Display original brand colors without monochrome or opacity treatments. */
.directory-grid img,#brandDialog .directory-logo{filter:none;opacity:1;mix-blend-mode:normal}
.directory-grid button{background:#fff}
.directory-grid button[data-brand="time"] img,.directory-grid button[data-brand="derosa"] img,#brandDialog .directory-logo[data-brand="time"],#brandDialog .directory-logo[data-brand="derosa"]{background:#252525;padding:8px;border-radius:5px;height:42px}
.directory-grid button[data-brand="look"] img,.directory-grid button[data-brand="liv"] img{height:42px}
.directory-grid button[data-brand="lapierre"] img{height:38px}
.ranking-note{font-size:12px;color:#958773;line-height:1.8;margin:0 0 24px}.ranking-note b{color:#6d604a;margin-right:12px}.directory-grid button{position:relative;padding-top:43px}.directory-grid .brand-rank{position:absolute;top:13px;left:16px;font:700 12px/1 Arial,sans-serif;color:#9b855a;letter-spacing:.6px}.directory-grid button:nth-child(-n+3) .brand-rank{color:#846624}
.directory-grid button{padding-top:28px}
.ranking-method{margin:0 0 38px;padding:28px 30px;background:#faf7f2;border:1px solid #ece5dc;border-radius:22px;color:#524b41}
.ranking-method-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ranking-method .eyebrow{font-size:11px;margin:0 0 10px}.ranking-method h2{font-size:24px;letter-spacing:-.7px;margin:0;color:#28251f}.method-status{padding:9px 14px;border-radius:20px;background:#eee3c7;font-size:12px;font-weight:700}
.ranking-method p{font-size:14px;line-height:1.9;margin:16px 0}.ranking-method summary{font-size:14px;font-weight:700;cursor:pointer;padding:10px 0;color:#5f4d29}.ranking-method summary:focus-visible{outline:2px solid #b68e2d;outline-offset:4px}
.criteria-table-wrap{overflow-x:auto;margin-top:16px}.criteria-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.7}.criteria-table caption{text-align:left;font-size:12px;color:#75664f;padding:0 0 12px}.criteria-table th,.criteria-table td{padding:16px 14px;border-bottom:1px solid #e3dacb;vertical-align:top}.criteria-table thead{background:#f0e8da}.criteria-table tbody th{width:23%;min-width:125px}.criteria-table td:nth-child(2){white-space:nowrap;font-weight:700;color:#836224}.criteria-table td:last-child{min-width:220px}
.ranking-principles,.ranking-evidence{margin-top:26px}.ranking-method h3{font-size:17px}.ranking-evidence{padding-top:22px;border-top:1px solid #e3dacb}.ranking-evidence a{color:#745c2c;text-decoration:underline;text-underline-offset:3px}.ranking-evidence small{font-size:12px;line-height:1.7;display:block;color:#7d715e}
@media(max-width:700px){.ranking-method{padding:22px 18px}.ranking-method h2{font-size:21px}.criteria-table th,.criteria-table td{padding:12px 9px}.ranking-method p{font-size:14px}.directory-grid button{padding-top:23px}}

.directory-grid button{min-height:210px;padding:48px 14px 22px;gap:20px}.directory-grid .brand-rank{font-size:14px;top:18px}.directory-grid .brand-score{font-size:23px;color:#55452b}.brand-score small{font-size:13px;font-weight:600;color:#8a7b67}.score-details{margin:24px 0;padding:24px;border:1px solid #e6ddce;border-radius:18px;background:#faf7f2}.score-details h3{font-size:22px}.score-details dl>div{padding:14px 0;border-bottom:1px solid #e6ddce}.score-details dt{font-weight:700;display:flex;justify-content:space-between;gap:15px}.score-details dd{margin:8px 0 0;font-size:14px;line-height:1.8;color:#766b5e}.score-details summary{cursor:pointer;font-weight:700}.score-details .source-link{display:block;overflow-wrap:anywhere;margin-top:12px}.score-details p{font-size:13px;line-height:1.8}@media(max-width:700px){.directory-grid button{min-height:195px;padding-top:45px}.directory-grid .brand-score{font-size:20px}.score-details{padding:16px}.directory-grid button[data-brand="pinarello"] .brand-score,.directory-grid button[data-brand="bh"] .brand-score,.directory-grid button[data-brand="time"] .brand-score{font-size:14px}}

/* v2 랭킹: 국내/레이스 분할 막대 */
.directory-grid .score-split{display:flex;width:78%;height:6px;border-radius:4px;background:#efe8dc;overflow:hidden;margin-top:-8px}
.score-split i{display:block;height:100%}.score-split .dom,.legend-dom::before,.score-details dd.bar i{background:#c9a13b}.score-split .race,.legend-race::before{background:#3d3a34}
.directory-grid .score-split-label{font-size:11px;font-weight:600;color:#9a8c77;margin-top:-12px}
.legend-dom,.legend-race{display:inline-flex;align-items:center;gap:6px;margin-left:12px}.legend-dom::before,.legend-race::before{content:"";width:10px;height:10px;border-radius:3px}
.crit-group{display:block;font-size:11px;font-weight:600;color:#9a886e;margin-top:2px}
.score-details h4{display:flex;justify-content:space-between;font-size:15px;margin:22px 0 4px;padding-bottom:8px;border-bottom:2px solid #2d2a25}.score-details h4 span{color:#846624}
.score-details dt small{font-weight:500;color:#9a8c77}
.score-details dd.bar{height:6px;border-radius:4px;background:#ece4d6;margin:10px 0 0;overflow:hidden}.score-details dd.bar i{display:block;height:100%;border-radius:4px}
.score-details dl>div:has(+h4),.score-details dl>div:last-child{border-bottom:0}