.ranking-page{--muted:#625c55}.ranking-page .eyebrow{font-size:12px}.ranking-page .footer-top>div:first-child{display:block}.ranking-page section{padding:58px 0}.ranking-page .breadcrumbs{font-size:14px}.ranking-page .ranking-hero{padding:20px 0 35px}.rank-heading{display:flex;justify-content:space-between;align-items:center;gap:32px}.rank-heading h1{font-size:44px;line-height:1.5;letter-spacing:-.035em}.rank-heading h1>span{font-size:36px}.rank-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--muted)}.edition{padding:3px 12px;border:1px solid #c8af99;color:var(--ink)}.rank-edition{width:230px;border-block:1px solid var(--ink);text-align:center;flex-shrink:0;padding:12px}.rank-edition span{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:2px}.rank-edition strong{font:112px/1.18 Georgia,serif;letter-spacing:-8px;color:var(--orange)}.rank-lead{font-size:18px;margin-top:24px;max-width:780px}.rank-start{display:flex;align-items:center;gap:28px;margin:26px 0}.rank-button{background:var(--ink);color:white;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 22px;min-height:50px;font-size:16px;font-weight:600;transition:background .18s,transform .18s}.rank-text-link{text-decoration:underline;text-underline-offset:5px;font-size:14px;display:inline-block;padding-block:10px}.rank-archive{font-size:14px;background:#f8f6f2;padding:14px 18px;border-left:3px solid #cfac78;color:#625c55;margin-bottom:24px}.rank-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rank-pick{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:16px 10px;min-width:0;transition:transform .2s,box-shadow .2s;background:white}.rank-pick img{width:96px;height:120px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.rank-pick>div{min-width:0}.rank-pick span{font-size:13px;color:#a34e0e}.rank-pick h3{font-size:16px;line-height:1.6;margin:5px 0}.rank-pick small{font-size:14px;text-decoration:underline;text-underline-offset:4px}.rank-toc{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;scroll-margin-top:20px}.rank-toc>span{font-weight:bold}.rank-toc a{padding:8px 0}.rank-method{padding:26px 0 0;font-size:14px;max-width:900px}.rank-method p{margin:8px 0}.rank-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.rank-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.rank-section-title>span{font-size:14px;color:var(--muted)}.rank-note{font-size:14px;color:var(--muted);margin:15px 0}.rank-table{font-size:14px}.rank-table thead th{width:auto;padding:15px;background:var(--ink);color:white;font-weight:600}.rank-table th,.rank-table td{vertical-align:middle;padding:17px 14px}.rank-table tbody th{background:white;width:39%}.rank-table tbody th>div{display:inline-block;vertical-align:middle;width:calc(100% - 48px);font-weight:600}.rank-num{font:24px Georgia,serif;display:inline-block;vertical-align:middle;width:42px;color:var(--orange)}.rank-inpage{display:block;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:4px;margin-top:5px;color:var(--muted)}.rank-table td:nth-child(2),.rank-table td:nth-child(3){white-space:nowrap}.table-cta{display:inline-flex;min-height:44px;align-items:center;border:1px solid #a5846b;padding:5px 12px;white-space:nowrap}.rank-cards{display:grid;gap:32px}.rank-card{display:grid;grid-template-columns:30% 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-margin-top:24px}.rank-card-art{background:#f8f6f2;position:relative;display:grid;place-items:center;min-height:340px;padding:36px 20px}.rank-card:nth-child(-n+3) .rank-card-art{background:#f8f6f2}.rank-card-art img{width:100%;height:280px;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.rank-badge{position:absolute;top:16px;left:20px;font:14px Georgia,serif}.rank-badge strong{font-size:34px}.rank-card-info{padding:30px 32px}.rank-en{font:14px/1.5 Georgia,serif;color:var(--muted);margin-bottom:8px}.rank-card-info h3{font-size:25px;line-height:1.5}.rank-tagline{font-size:18px;font-weight:600;margin:12px 0}.rank-spec{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.rank-spec>span{font-size:14px;border:1px solid var(--line);padding:3px 9px}.rank-spec small{font-size:12px;color:var(--muted)}.rank-card-info>p:not(.rank-tagline):not(.rank-en):not(.rank-card-note){color:#292622}.rank-for{margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}.rank-for strong{font-size:14px;display:block;color:var(--ink)}.rank-card-info .rank-button{width:100%;font-size:15px;gap:8px}.rank-card-note{font-size:13px;color:var(--muted);margin-top:8px}.rank-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.rank-guide>div{border-top:2px solid var(--orange);padding-top:20px}.rank-guide span{font-size:14px;color:#a34e0e}.rank-guide h3{font-size:20px;margin:12px 0}.rank-guide a{display:inline-block;margin-top:15px;text-decoration:underline;font-size:14px;text-underline-offset:5px}.rank-faq{margin-top:24px;max-width:950px}.rank-faq details{border-bottom:1px solid var(--line);padding:20px 0}.rank-faq summary{font-weight:600;cursor:pointer;padding-right:20px}.rank-faq p{margin:15px 0 0;color:#292622}.rank-end>p:not(.eyebrow){margin:15px 0 24px}.rank-end .rank-text-link{margin-top:20px}.rank-editor{display:grid;grid-template-columns:34% 1fr;gap:40px}.rank-editor h2{font-size:23px}.rank-editor p{font-size:14px;color:var(--muted);margin-bottom:14px}.rank-editor a{text-decoration:underline}.rank-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}.rank-related a{border-bottom:1px solid var(--line);padding:12px 0;font-size:16px}.rank-enter{animation:rank-enter .22s ease-out both}@keyframes rank-enter{from{transform:translateY(6px);opacity:.65}to{transform:none;opacity:1}}@media(hover:hover){.rank-pick:hover{transform:translateY(-3px);box-shadow:0 8px 18px #61210b12}.rank-button:hover{background:#854020;transform:translateY(-2px)}.rank-card-art:hover img{transform:scale(1.035)}.table-cta:hover{background:#f8f6f2}.rank-card-info h3 a:hover{text-decoration:underline}}.rank-pick:active,.rank-button:active,.table-cta:active{transform:translateY(1px);background:#8a4d2d;color:white}@media(max-width:1000px){.rank-heading h1{font-size:36px}.rank-heading h1>span{font-size:30px}.rank-edition{width:175px}.rank-pick img{width:65px;height:100px}.rank-card{grid-template-columns:27% 1fr}.rank-card-info{padding:24px}.rank-table th,.rank-table td{padding:14px 8px}.rank-table .table-cta{padding:6px}.rank-toc{flex-wrap:wrap}.rank-toc>span{width:100%}}@media(max-width:760px){.ranking-page .container{width:calc(100% - 32px)}.ranking-page section{padding:38px 0}.ranking-page .ranking-hero{padding-top:14px}.rank-heading h1{font-size:29px}.rank-heading h1>span{font-size:26px}.rank-edition{display:none}.rank-meta{gap:10px;font-size:13px}.rank-lead{font-size:16px}.desktop-br{display:none}.rank-start{gap:12px;align-items:flex-start;flex-direction:column}.rank-start .rank-button{width:100%}.rank-picks{grid-template-columns:1fr;gap:10px}.rank-pick{padding:10px 14px;gap:15px}.rank-pick img{width:70px;height:85px}.rank-pick h3{font-size:16px}.rank-toc{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.rank-toc>span{grid-column:1/-1}.rank-toc a{min-height:44px}.rank-section-title{display:block}.ranking-page h2{font-size:24px}.rank-section-title>span{display:block;margin-top:10px}.rank-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.rank-table,.rank-table tbody{display:block}.rank-table tr{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;border-bottom:1px solid var(--line);gap:8px 10px}.rank-table tbody th{width:100%;grid-column:1/-1}.rank-table th,.rank-table td{border:0;padding:0}.rank-table td[data-label]:before{content:attr(data-label) '：';color:var(--muted)}.rank-table td:last-child,.rank-table .table-taste{grid-column:1/-1}.rank-table .table-cta{width:100%;justify-content:center;margin-top:4px}.rank-card{grid-template-columns:1fr}.rank-card-art{min-height:220px;padding:20px}.rank-card-art img{height:200px;width:240px;max-width:100%}.rank-card-info{padding:22px 20px}.rank-card-info h3{font-size:22px}.rank-card-info .rank-button{font-size:15px;padding:12px 15px}.rank-tagline{font-size:17px}.rank-guide{grid-template-columns:1fr;gap:25px}.rank-editor{grid-template-columns:1fr;gap:22px}.rank-related>div{grid-template-columns:1fr;gap:5px}}@media(prefers-reduced-motion:reduce){.rank-enter{animation:none}.rank-pick,.rank-button,.rank-card-art img{transition:none}}

/* Article layout correction: comparison and purchase spacing */
.wb-article .rank-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.wb-article .rank-card-info>.cta-group{margin-top:28px;margin-bottom:0}
@media(max-width:760px){.wb-article .rank-cards{gap:28px}.wb-article .rank-card-info>.cta-group{margin-top:24px}}