/* Theme: Deep Navy / Clean White / Muted Teal / Amber */
:root{
  --ink:#132238;--paper:#ffffff;--paper-2:#f7f8fa;--white:#fff;--line:#d7dee2;
  --acid:#e5ae45;--blue:#2d6f78;--muted:#66706f;--dark-2:#1c2b36;
  --shell:min(1180px,calc(100% - 48px));--radius:4px;--shadow:0 24px 70px rgba(19,34,56,.11);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Helvetica Neue","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Arial,sans-serif;line-height:1.8;letter-spacing:.02em}body.search-open,body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--acid);padding:10px 18px;font-weight:800}.skip-link:focus{top:12px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:11px;font-weight:900;letter-spacing:.17em}.eyebrow span{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 7px;border:1px solid currentColor;border-radius:99px}.meta{display:flex;gap:14px;align-items:center;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.08em}.meta span:first-child{color:var(--ink)}
.ad-disclosure{background:var(--ink);color:#dce3e4;font-size:11px}.ad-disclosure__inner{min-height:32px;display:flex;align-items:center;gap:12px}.ad-disclosure__inner p{margin:0;flex:1}.ad-disclosure__inner a{text-decoration:underline;text-underline-offset:3px}.ad-disclosure__badge{padding:2px 7px;border:1px solid #60717a;border-radius:2px;font-size:9px;letter-spacing:.12em;color:var(--acid)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s}.site-header.is-scrolled,.site-header--solid{border-color:rgba(19,34,56,.12)}.site-header__inner{height:78px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{display:flex;align-items:end;gap:3px;width:25px;height:26px}.brand__mark i{display:block;width:6px;background:var(--ink);transform:skewY(-28deg)}.brand__mark i:nth-child(1){height:11px}.brand__mark i:nth-child(2){height:19px;background:var(--blue)}.brand__mark i:nth-child(3){height:26px;background:var(--acid);border:1px solid var(--ink)}.brand__text{font-size:20px;font-weight:950;letter-spacing:-.055em}.brand__text span{font-weight:400}.global-nav{display:flex;gap:34px;margin-left:auto;margin-right:36px}.global-nav a{position:relative;font-size:12px;font-weight:800}.global-nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--blue);transition:.2s}.global-nav a:hover::after,.global-nav a.is-current::after{width:100%}.header-actions{display:flex;align-items:center;gap:9px}.icon-button,.menu-button{border:0;background:none;cursor:pointer}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.menu-button{display:none;align-items:center;gap:10px;font-size:10px;font-weight:900}.menu-button i{position:relative;width:20px;height:1px;background:var(--ink)}.menu-button i::after{content:"";position:absolute;right:0;top:6px;width:13px;height:1px;background:var(--ink)}.mobile-menu{position:fixed;inset:110px 0 0;background:var(--ink);color:white;padding:24px;z-index:110}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #30404b;font-size:18px;font-weight:800}.mobile-menu a::after{content:"↗";color:var(--acid)}
.search-layer{position:fixed;inset:0;z-index:300;background:rgba(19,34,56,.76);display:grid;place-items:start center;padding-top:13vh;backdrop-filter:blur(8px)}.search-layer[hidden]{display:none}.search-panel{position:relative;width:min(760px,calc(100% - 32px));padding:50px;background:var(--paper);box-shadow:var(--shadow)}.search-panel h2{margin:0 0 28px;font-size:40px;letter-spacing:-.05em}.search-panel__close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:34px;cursor:pointer}.search-form{display:flex;border-bottom:2px solid var(--ink)}.search-form input{flex:1;border:0;background:none;padding:17px 5px;outline:none;font-size:17px}.search-form button{border:0;background:var(--ink);color:white;padding:0 28px;font-weight:800}.search-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:11px}.search-keywords span{width:100%;font-weight:800}.search-keywords a{border:1px solid var(--line);padding:5px 10px;border-radius:99px}
.hero{overflow:hidden;border-bottom:1px solid var(--line)}.hero__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;min-height:690px;padding-block:70px}.hero__content h1{margin:0;font-size:clamp(50px,6.3vw,88px);line-height:1.08;letter-spacing:-.09em;font-weight:900}.hero__content h1 em{font-style:normal;color:var(--blue);position:relative}.hero__content h1 em::after{content:"";position:absolute;left:3%;right:-8%;bottom:3px;height:12px;background:var(--acid);z-index:-1;transform:rotate(-2deg)}.hero__lead{max-width:560px;margin:30px 0;color:#53636a;font-size:15px}.hero__actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 24px;border:1px solid transparent;font-size:12px;font-weight:900;letter-spacing:.03em;transition:.2s}.button span,.button b{font-size:18px;font-weight:400}.button--primary{background:var(--ink);color:white}.button--primary:hover{background:var(--blue);transform:translateY(-2px)}.button--outline{border-color:var(--ink);background:transparent}.button--outline:hover{background:var(--ink);color:white}.button--dark{background:var(--ink);color:white}.button--light{background:white;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:900;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{font-size:17px}.hero__facts{display:flex;gap:30px;margin:54px 0 0}.hero__facts div{min-width:90px;border-left:1px solid var(--line);padding-left:12px}.hero__facts dt{font-size:9px;font-weight:900;letter-spacing:.13em}.hero__facts dd{margin:2px 0 0;font-size:25px;font-weight:900;letter-spacing:-.04em}.hero__facts dd span{font-size:10px;margin-left:4px;color:var(--muted)}
.hero-feature{position:relative;background:var(--ink);color:white;box-shadow:var(--shadow)}.hero-feature__top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #30404b;font-size:9px;letter-spacing:.12em}.status-dot{display:flex;align-items:center;gap:7px;color:var(--acid)}.status-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(229,174,69,.14)}.hero-feature__visual{position:relative;display:block;height:360px;overflow:hidden;background:linear-gradient(145deg,#5f8f97 0%,#2d6f78 50%,#153947 100%)}.hero-feature__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,#000)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb--1{width:250px;height:250px;left:-80px;top:-70px;background:rgba(229,174,69,.92);mix-blend-mode:screen}.orb--2{width:200px;height:200px;right:-60px;bottom:-70px;border:40px solid rgba(255,255,255,.1)}.device{position:absolute;width:116px;height:176px;border-radius:63% 63% 48% 48%;background:linear-gradient(145deg,#f8f9f4,#a6aaa2 45%,#343832 46%,#132238 66%);box-shadow:0 18px 30px rgba(4,7,28,.25);transform:rotate(-12deg)}.device::before{content:"";position:absolute;width:53px;height:53px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#71776c 0 8%,#111 11% 40%,#292d27 42% 58%,#0c0d0b 60%);left:28px;top:42px}.device span{position:absolute;width:27px;height:93px;border-radius:20px;background:linear-gradient(90deg,#0e100d,#555a52,#111);left:44px;top:126px}.device--left{left:14%;top:92px;transform:rotate(19deg) scale(.82);opacity:.7}.device--center{left:41%;top:62px;z-index:2}.device--right{right:10%;top:109px;transform:rotate(-35deg) scale(.73);opacity:.72}.hero-feature__number{position:absolute;right:18px;top:6px;font-size:64px;font-weight:900;color:rgba(255,255,255,.17);letter-spacing:-.08em}.hero-feature__body{display:flex;align-items:center;gap:20px;padding:23px 20px}.article-label{display:block;margin-bottom:5px;font-size:9px;color:var(--acid);letter-spacing:.12em;font-weight:900}.hero-feature__body h2{margin:0;font-size:19px;line-height:1.5;letter-spacing:-.03em}.circle-arrow{flex:0 0 auto;width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px}.hero-feature__metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #30404b}.hero-feature__metrics div{padding:13px 18px;border-right:1px solid #30404b}.hero-feature__metrics span{display:block;font-size:8px;color:#819097}.hero-feature__metrics strong{font-size:22px}.hero__ticker{border-top:1px solid var(--line);background:var(--acid);overflow:hidden;white-space:nowrap}.hero__ticker div{padding:11px 0;font-size:10px;font-weight:900;letter-spacing:.25em;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:110px 0}.section-heading{margin-bottom:50px}.section-heading h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.07em}.section-heading--split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.section-heading--split>p{max-width:510px;margin:0;color:var(--muted);font-size:14px}.section-heading--row{display:flex;justify-content:space-between;align-items:end}.section--categories{background:var(--paper)}.need-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.need-card{position:relative;min-height:350px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;transition:.25s}.need-card:hover{background:white;transform:translateY(-5px);box-shadow:var(--shadow);z-index:2}.need-card--large{grid-column:span 2}.need-card--accent{background:var(--acid)}.need-card--wide{grid-column:span 4;min-height:160px;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;background:var(--blue);color:white}.need-card__index{align-self:flex-start;font-size:10px;font-weight:900;border:1px solid currentColor;border-radius:99px;padding:2px 8px}.need-card__content span{font-size:9px;font-weight:900;letter-spacing:.15em}.need-card__content h3{margin:8px 0 10px;font-size:25px;line-height:1.35;letter-spacing:-.04em}.need-card__content p{margin:0;color:var(--muted);font-size:11px}.need-card--accent .need-card__content p,.need-card--wide .need-card__content p{color:inherit;opacity:.75}.need-card__arrow{position:absolute;right:18px;top:18px;font-size:20px}.need-card__icon{position:relative;height:100px}.icon-sound{display:flex;align-items:center;justify-content:center;gap:10px}.icon-sound i{display:block;width:13px;background:var(--blue);border-radius:99px}.icon-sound i:nth-child(1){height:32px}.icon-sound i:nth-child(2){height:86px;background:var(--ink)}.icon-sound i:nth-child(3){height:54px;background:var(--acid);border:1px solid var(--ink)}.icon-home i{position:absolute;left:50%;top:15px;width:70px;height:70px;border:2px solid var(--ink);transform:translateX(-50%) rotate(45deg)}.icon-home i::after{content:"";position:absolute;width:27px;height:40px;background:var(--blue);right:9px;bottom:-2px}.icon-work i:first-child{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:105px;height:65px;border:2px solid var(--ink)}.icon-work i:last-child{position:absolute;left:50%;top:77px;width:75px;height:5px;transform:translateX(-50%);background:var(--ink)}.icon-money{display:grid;place-items:center}.icon-money i{display:grid;place-items:center;width:80px;height:80px;border:2px solid var(--ink);border-radius:50%;font-size:34px;font-style:normal;font-weight:900;color:var(--blue)}
.section--tests{background:var(--ink);color:white}.section--tests .text-link{border-color:white}.test-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1px;background:#374955}.test-card{background:var(--ink)}.test-card--feature{grid-row:span 2}.test-card__visual{position:relative;display:block;height:245px;overflow:hidden}.test-card--feature .test-card__visual{height:520px}.test-card__tag{position:absolute;left:18px;top:18px;z-index:2;background:var(--acid);color:var(--ink);padding:4px 9px;font-size:9px;font-weight:900}.visual-battery{background:linear-gradient(160deg,#302f2d,#171a16)}.visual-battery::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 25%,rgba(45,111,120,.55),transparent 40%)}.battery-ring{position:absolute;width:240px;height:240px;left:50%;top:48%;transform:translate(-50%,-50%);border:24px solid #33372f;border-top-color:var(--acid);border-right-color:var(--blue);border-radius:50%;display:grid;place-items:center}.battery-ring::after{content:"";position:absolute;inset:18px;border:1px dashed #62665e;border-radius:50%}.battery-ring i{font-size:46px;font-weight:900;font-style:normal}.bar-set{position:absolute;left:28px;bottom:25px;display:flex;align-items:end;gap:4px;height:70px}.bar-set i{width:8px;background:#5d6257}.bar-set i:nth-child(1){height:20%}.bar-set i:nth-child(2){height:48%}.bar-set i:nth-child(3){height:70%;background:var(--acid)}.bar-set i:nth-child(4){height:83%}.bar-set i:nth-child(5){height:100%;background:var(--blue)}.visual-noise{background:var(--blue)}.wave{position:absolute;border:2px solid rgba(255,255,255,.7);border-radius:50%;left:48%;top:50%;transform:translate(-50%,-50%)}.wave--1{width:90px;height:90px}.wave--2{width:160px;height:160px;opacity:.55}.wave--3{width:240px;height:240px;opacity:.25}.visual-noise strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:35px}.visual-noise small{font-size:12px}.visual-weight{background:var(--acid);color:var(--ink)}.scale{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center}.scale i{position:absolute;width:2px;height:60px;background:var(--blue);left:50%;top:22px;transform-origin:bottom;transform:rotate(38deg)}.scale b{font-size:33px}.test-card__body{padding:25px}.section--tests .meta{color:#9da196}.section--tests .meta span:first-child{color:var(--acid)}.test-card__body h3{margin:12px 0 0;font-size:22px;line-height:1.45}.test-card--feature .test-card__body h3{font-size:28px}.test-card__body p{color:#aeb2a8;font-size:13px;margin-bottom:0}
.section--ranking{background:var(--paper-2)}.ranking-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.ranking-head h2{font-size:clamp(40px,5vw,64px);margin:0;letter-spacing:-.06em}.ranking-tabs{display:flex;border-bottom:1px solid var(--line)}.ranking-tabs button{border:0;background:none;padding:12px 18px;font-size:11px;font-weight:800;cursor:pointer;border-bottom:2px solid transparent}.ranking-tabs button.is-active{border-color:var(--blue);color:var(--blue)}.ranking-list{border-top:2px solid var(--ink)}.ranking-item{display:grid;grid-template-columns:90px 190px 1fr 175px;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.ranking-item--first{padding-block:42px}.rank span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em}.rank strong{display:block;font-size:58px;line-height:1;letter-spacing:-.1em;color:var(--blue)}.product-art{position:relative;min-height:140px}.product-art::before,.product-art::after,.review-product::before,.review-product::after{content:"";position:absolute;width:58px;height:82px;border-radius:55% 55% 45% 45%;background:linear-gradient(145deg,#f8f8f5,#b7bbb2 48%,#161814 50%);box-shadow:0 15px 20px rgba(0,0,0,.15)}.product-art::before,.review-product::before{left:36px;top:14px;transform:rotate(18deg)}.product-art::after,.review-product::after{right:35px;top:25px;transform:rotate(-23deg)}.product-art i,.review-product i{position:absolute;width:13px;height:50px;border-radius:10px;background:#111;z-index:2}.product-art i:first-child,.review-product i:first-child{left:64px;top:69px;transform:rotate(18deg)}.product-art i:last-child,.review-product i:last-child{right:63px;top:80px;transform:rotate(-23deg)}.product-art--a{background:radial-gradient(circle,var(--acid) 0 34%,transparent 35%)}.product-art--b{background:radial-gradient(circle,#c8dcda 0 34%,transparent 35%)}.product-art--c{background:radial-gradient(circle,#edc1a6 0 34%,transparent 35%)}.ranking-item__content h3{margin:7px 0;font-size:22px}.ranking-item__content h3 small{font-size:9px;color:var(--muted);letter-spacing:.12em}.ranking-item__content p{margin:0;font-size:12px;color:var(--muted)}.ranking-item__content ul{display:flex;flex-wrap:wrap;gap:5px 14px;padding:0;margin:12px 0 0;list-style:none;font-size:10px}.ranking-item__content li::before{content:"✓";margin-right:5px;color:var(--blue);font-weight:900}.ranking-item__score{text-align:center}.score-ring{width:96px;height:96px;margin:0 auto 14px;border:4px solid #d7dee2;border-top-color:var(--blue);border-radius:50%;display:grid;place-content:center}.score-ring strong{font-size:27px;line-height:1}.score-ring span{font-size:8px}.ranking-item__score .button{width:100%;padding-inline:12px;gap:10px}.ranking-item__score>small{font-size:8px;color:var(--muted)}.ranking-note{margin:18px 0 0;color:var(--muted);font-size:10px}
.section--articles{background:var(--paper)}.article-list{border-top:1px solid var(--ink)}.article-row{display:grid;grid-template-columns:230px 1fr 50px;gap:34px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.article-row__visual{height:135px}.visual-mini{position:relative;display:block;overflow:hidden;background:var(--ink)}.visual-mini span{position:absolute;left:12px;top:10px;color:white;font-size:8px;font-weight:900;letter-spacing:.12em}.visual-mini i{position:absolute}.visual-mini--1{background:var(--acid)}.visual-mini--1 span{color:var(--ink)}.visual-mini--1 i{width:85px;height:85px;border:18px solid var(--blue);border-radius:50%;right:30px;bottom:-24px}.visual-mini--2{background:var(--blue)}.visual-mini--2 i{left:50%;top:50%;width:120px;height:2px;background:white;transform:translate(-50%,-50%) rotate(-25deg);box-shadow:0 -18px 0 rgba(255,255,255,.5),0 18px 0 rgba(255,255,255,.25)}.visual-mini--3{background:#e7a27d}.visual-mini--3 i{width:70px;height:96px;background:var(--ink);border-radius:50px 50px 15px 15px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(18deg)}.article-row__body h3{margin:8px 0 4px;font-size:21px}.article-row__body p{margin:0;color:var(--muted);font-size:12px}
.section--policy{background:var(--blue);color:white}.policy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.policy-title h2{font-size:clamp(43px,5vw,70px);line-height:1.2;letter-spacing:-.07em}.policy-lead{font-size:20px;line-height:1.9;margin-top:0}.policy-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.3);margin:36px 0}.policy-points div{background:var(--blue);padding:22px}.policy-points strong{color:var(--acid);font-size:11px}.policy-points h3{font-size:16px}.policy-points p{font-size:11px;color:#d7e7e5}
.site-footer{background:var(--ink);color:#e9ebe4;padding:75px 0 25px}.brand--footer .brand__mark i:first-child{background:white}.brand--footer .brand__text{color:white}.footer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.footer-grid>div>p{color:#8d9187;font-size:12px;margin-top:22px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-links div{display:flex;flex-direction:column;gap:9px}.footer-links strong{font-size:9px;color:var(--acid);letter-spacing:.13em;margin-bottom:8px}.footer-links a{font-size:11px;color:#b8c2c4}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #31342e;margin-top:55px;padding-top:20px}.footer-bottom small,.footer-bottom a{font-size:9px;color:#7f8379}
/* category */
.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.1em}.category-hero{padding:45px 0 0;border-bottom:1px solid var(--ink)}.category-hero__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:455px}.category-hero h1{margin:10px 0 25px;font-size:clamp(58px,7vw,94px);line-height:1.03;letter-spacing:-.09em}.category-hero__grid>div>p:last-child{max-width:530px;color:var(--muted);font-size:14px}.category-hero__visual{position:relative;height:360px;overflow:hidden}.category-disc{position:absolute;left:50%;top:50%;width:275px;height:275px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,#1c1e1a 0 3px,#132238 4px 8px);box-shadow:0 35px 55px rgba(0,0,0,.2);display:grid;place-items:center}.category-disc::after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:var(--acid);border:13px solid var(--blue)}.category-disc span{z-index:2;color:white;font-size:10px;font-weight:900;letter-spacing:.18em;text-align:center}.category-wave{position:absolute;left:5%;right:5%;top:50%;height:2px;background:var(--blue);box-shadow:0 -25px 0 rgba(45,111,120,.55),0 25px 0 rgba(45,111,120,.3);transform:rotate(-12deg)}.category-subnav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.category-subnav a{display:flex;justify-content:space-between;padding:16px 20px;border-right:1px solid var(--ink);font-size:12px;font-weight:800}.category-subnav span{color:var(--blue)}.pickup-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:35px}.pickup-main{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--ink)}.pickup-main__visual{position:relative;min-height:420px;background:var(--blue);overflow:hidden}.pickup-main__visual>span{position:absolute;left:18px;top:18px;background:var(--acid);padding:4px 9px;font-size:9px;font-weight:900}.product-art--hero{position:absolute;inset:50px 25px 20px;transform:scale(1.7)}.pickup-main__body{padding:40px;display:flex;flex-direction:column;justify-content:center}.pickup-main__body h3{font-size:29px;line-height:1.45;margin:15px 0}.pickup-main__body p{font-size:12px;color:var(--muted)}.pickup-main__body .text-link{align-self:flex-start;margin-top:20px}.pickup-side{border-top:1px solid var(--ink)}.pickup-side a{min-height:140px;display:grid;grid-template-columns:45px 1fr 20px;gap:18px;align-items:center;border-bottom:1px solid var(--ink);padding:18px}.pickup-side a:hover{background:var(--acid)}.pickup-side> a>span{font-size:24px;font-weight:900;color:var(--blue)}.pickup-side small{display:block;font-size:9px;color:var(--muted)}.pickup-side strong{font-size:14px}.category-compare{background:var(--ink);color:white}.category-compare .section-heading--split>p{color:#b3b7ae}.purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4b4f46;border-left:1px solid #4b4f46}.purpose-grid a{position:relative;min-height:260px;padding:22px;border-right:1px solid #4b4f46;border-bottom:1px solid #4b4f46;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.purpose-grid a:hover{background:var(--blue)}.purpose-grid__num{position:absolute;top:18px;left:18px;color:var(--acid);font-size:11px}.purpose-grid h3{font-size:25px;margin:0}.purpose-grid p{margin:5px 0;color:#aeb2a8;font-size:11px}.purpose-grid i{position:absolute;right:18px;top:15px;font-size:18px}.filter-select{display:flex;align-items:center;gap:10px}.filter-select label{font-size:10px;font-weight:800}.filter-select select{background:transparent;border:1px solid var(--line);padding:8px 30px 8px 12px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.content-card__visual{position:relative;display:block;height:230px;overflow:hidden}.content-card__visual>span{position:absolute;left:14px;top:12px;font-size:8px;font-weight:900;letter-spacing:.14em;z-index:2}.content-card__visual i{position:absolute}.visual-card--1{background:var(--blue);color:white}.visual-card--1 i{width:130px;height:130px;border:25px solid var(--acid);border-radius:50%;right:35px;bottom:-28px}.visual-card--2{background:var(--ink);color:white}.visual-card--2 i{inset:50px 50px;background:linear-gradient(90deg,var(--acid) 18%,transparent 18% 30%,var(--blue) 30% 55%,transparent 55% 68%,white 68%)}.visual-card--3{background:#e7a27d}.visual-card--3 i{width:75px;height:130px;border-radius:45px;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg)}.visual-card--4{background:var(--acid)}.visual-card--4 i{width:180px;height:2px;background:var(--blue);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-35deg);box-shadow:0 -25px 0 var(--ink),0 25px 0 rgba(19,34,56,.35)}.visual-card--5{background:#c8dcda}.visual-card--5 i{width:130px;height:90px;border:3px solid var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}.visual-card--5 i::after{content:"";position:absolute;width:80px;height:4px;background:var(--blue);left:22px;bottom:-15px}.visual-card--6{background:#c8dfd7}.visual-card--6 i{width:130px;height:130px;border-radius:50%;border:35px solid var(--blue);left:50%;top:50%;transform:translate(-50%,-50%)}.content-card .meta{margin-top:15px}.content-card h3{margin:7px 0 4px;font-size:19px;line-height:1.45}.content-card p{margin:0;color:var(--muted);font-size:11px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:60px}.pagination a,.pagination span{min-width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;font-weight:800}.pagination .is-current{background:var(--ink);color:white}
/* article */
.article-hero{padding:45px 0 60px;border-bottom:1px solid var(--ink)}.article-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;margin-top:45px}.article-kicker{display:flex;gap:8px}.article-kicker span{padding:5px 9px;background:var(--ink);color:white;font-size:9px;font-weight:900}.article-kicker span:last-child{background:var(--acid);color:var(--ink)}.article-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.15;letter-spacing:-.08em;margin:22px 0}.article-hero h1 em{font-style:normal;color:var(--blue)}.article-hero__content>p{max-width:620px;color:var(--muted);font-size:14px}.article-byline{display:flex;align-items:center;gap:12px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.author-avatar{width:43px;height:43px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:11px;font-weight:900}.article-byline>div:nth-child(2){margin-right:auto}.article-byline span{display:block;font-size:9px;color:var(--muted)}.article-byline strong{font-size:11px}.article-byline dl{display:flex;gap:20px;margin:0}.article-byline dl div{display:flex;gap:8px;font-size:9px}.article-byline dt{color:var(--muted)}.article-hero__visual{position:relative;height:500px;background:var(--blue);overflow:hidden}.article-hero__gridlines{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:45px 45px}.article-product{position:absolute;z-index:2;width:130px;height:170px;border-radius:70px 70px 42px 42px;background:linear-gradient(145deg,#fafaf6,#aeb3aa 47%,#132238 49%);box-shadow:0 30px 50px rgba(12,23,80,.3)}.article-product i{position:absolute;width:35px;height:100px;background:linear-gradient(90deg,#132238,#585e54,#121411);left:47px;bottom:-58px;border-radius:20px}.article-product::before{content:"";position:absolute;width:60px;height:60px;left:35px;top:43px;border-radius:50%;background:radial-gradient(circle,#4a4f47 0 7%,#111 9% 38%,#3d423b 40% 58%,#111 60%)}.article-product--1{left:34%;top:140px;transform:rotate(-8deg)}.article-product--2{left:9%;top:180px;transform:rotate(25deg) scale(.75);opacity:.65}.article-product--3{right:7%;top:115px;transform:rotate(-31deg) scale(.8);opacity:.72}.article-hero__badge{position:absolute;right:18px;bottom:16px;z-index:3;color:white;font-size:50px;font-weight:900;line-height:.7;text-align:right}.article-hero__badge small{font-size:9px;letter-spacing:.17em}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:80px;justify-content:center;padding-top:70px;padding-bottom:120px}.article-sidebar{position:relative}.toc{position:sticky;top:130px;border-top:2px solid var(--ink);padding-top:15px}.toc>span,.sidebar-editor>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--blue)}.toc ol{margin:15px 0 0;padding:0;list-style:none}.toc li{border-bottom:1px solid var(--line)}.toc a{display:block;padding:10px 3px;font-size:11px}.sidebar-editor{margin-top:45px;padding:18px;border:1px solid var(--line)}.sidebar-editor .author-avatar{margin:12px 0}.sidebar-editor strong{display:block;font-size:11px}.sidebar-editor p{font-size:9px;color:var(--muted);line-height:1.7}.article-disclosure{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:18px 22px;background:#f2f6f7;border-left:4px solid var(--blue);font-size:11px}.article-disclosure p{margin:0}.article-intro{font-size:18px;line-height:2.05;margin:45px 0}.article-section{margin-top:85px;scroll-margin-top:120px}.article-section__head{display:flex;align-items:flex-start;gap:20px;border-top:2px solid var(--ink);padding-top:14px;margin-bottom:30px}.article-section__head>span{display:grid;place-items:center;width:34px;height:25px;border-radius:99px;background:var(--blue);color:white;font-size:10px;font-weight:900}.article-section__head h2{margin:0;font-size:34px;line-height:1.4;letter-spacing:-.04em}.article-content>section>p{font-size:14px}.quick-picks{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ink);border-top:1px solid var(--ink);margin-top:28px}.quick-picks a{position:relative;min-height:190px;padding:18px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}.quick-picks a:hover{background:var(--acid)}.quick-picks span{align-self:flex-start;background:var(--ink);color:white;padding:3px 7px;font-size:8px}.quick-picks strong{margin-top:15px;font-size:18px;line-height:1.45}.quick-picks i{margin-top:auto;color:var(--blue);font-style:normal;font-size:11px;font-weight:900}.quick-picks b{position:absolute;right:14px;bottom:12px}.table-scroll{overflow-x:auto}.compare-table{width:100%;min-width:720px;border-collapse:collapse;font-size:11px;background:white}.compare-table th,.compare-table td{border:1px solid var(--line);padding:13px;text-align:center}.compare-table thead th{background:var(--ink);color:white;font-size:9px}.compare-table tbody th{text-align:left}.compare-table td b{font-size:18px;color:var(--blue)}.compare-table td a{display:inline-block;background:var(--ink);color:white;padding:6px 10px;font-size:9px}.table-product{display:flex;align-items:center;gap:8px}.mini-product{width:32px;height:32px;border-radius:50%;display:block}.mini-product--a{background:radial-gradient(circle at 50% 40%,#222 0 21%,var(--acid) 23%)}.mini-product--b{background:radial-gradient(circle at 50% 40%,#222 0 21%,#c8dcda 23%)}.mini-product--c{background:radial-gradient(circle at 50% 40%,#222 0 21%,#edc1a6 23%)}.caption{font-size:9px!important;color:var(--muted)}.choice-list{border-top:1px solid var(--ink)}.choice-list>div{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.choice-list>div>span{font-size:35px;font-weight:900;color:var(--blue);line-height:1}.choice-list h3{margin:0 0 8px;font-size:20px}.choice-list p{margin:0;color:var(--muted);font-size:12px}.review-box{position:relative;margin-top:30px;border:1px solid var(--ink);background:white}.review-box__rank{position:absolute;left:-1px;top:-1px;width:72px;background:var(--ink);color:white;padding:10px;text-align:center;z-index:3}.review-box__rank span{display:block;font-size:7px;color:var(--acid);line-height:1.3}.review-box__rank strong{font-size:28px;line-height:1}.review-box__top{display:grid;grid-template-columns:260px 1fr}.review-product{position:relative;min-height:280px;background:radial-gradient(circle,var(--acid) 0 31%,var(--paper-2) 32%)}.review-product.product-art--b{background:radial-gradient(circle,#c8dcda 0 31%,var(--paper-2) 32%)}.review-product.product-art--c{background:radial-gradient(circle,#edc1a6 0 31%,var(--paper-2) 32%)}.review-product::before{left:64px;top:75px}.review-product::after{right:63px;top:85px}.review-product i:first-child{left:92px;top:130px}.review-product i:last-child{right:91px;top:140px}.review-box__info{padding:38px 35px}.review-box__info .article-label{color:var(--blue)}.review-box__info h3{font-size:24px;margin:8px 0}.review-box__info h3 small{font-size:9px;color:var(--muted)}.review-box__info p{font-size:12px;color:var(--muted)}.review-score{display:flex;align-items:baseline;gap:4px;margin-top:25px}.review-score strong{font-size:35px;color:var(--blue)}.review-score span{font-size:12px}.review-score i{margin-left:8px;font-size:9px;color:var(--muted);font-style:normal}.review-box__proscons{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-box__proscons>div{padding:22px 28px}.review-box__proscons>div+div{border-left:1px solid var(--line)}.review-box__proscons strong{font-size:11px}.review-box__proscons ul{padding-left:18px;margin-bottom:0;font-size:11px}.review-box__cta{display:flex;align-items:center;gap:25px;padding:22px 28px}.review-box__cta>div{margin-right:auto}.review-box__cta span,.review-box__cta small{display:block;font-size:8px;color:var(--muted)}.review-box__cta strong{font-size:22px}.test-method{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.test-method__visual{position:relative;min-height:340px;background:var(--blue);overflow:hidden}.meter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:20px solid rgba(255,255,255,.15);border-top-color:var(--acid);border-radius:50%;display:grid;place-items:center}.meter i{position:absolute;width:2px;height:65px;background:white;bottom:50%;transform-origin:bottom;transform:rotate(42deg)}.meter span{font-size:30px;font-weight:900}.sound-line{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 19px 20px)}.test-method__content{padding:35px}.test-method__content>span{font-size:9px;color:var(--acid)}.test-method__content h3{font-size:24px}.test-method__content p{font-size:11px;color:#b8c2c4}.test-method__content dl{margin:25px 0 0}.test-method__content dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #374955;font-size:9px}.test-method__content dt{color:#86959b}.editorial-policy{padding:30px;background:var(--blue);color:white;display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center}.editorial-policy span{font-size:9px;color:var(--acid);font-weight:900}.editorial-policy h2{margin:4px 0;font-size:25px}.editorial-policy p{font-size:11px!important;color:#e0eeec}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:22px 5px;display:flex;justify-content:space-between;font-size:14px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-style:normal;color:var(--blue);font-size:20px}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{margin:0 0 22px;padding-right:45px;font-size:12px;color:var(--muted)}.related-section{margin-top:100px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related-grid>a{display:grid;grid-template-columns:130px 1fr;gap:17px;align-items:center;border:1px solid var(--line)}.related-grid .visual-mini{height:100px}.related-grid small{font-size:8px;color:var(--blue)}.related-grid strong{display:block;font-size:12px}.mobile-sticky-cta{display:none}
@media(max-width:900px){
  :root{--shell:min(100% - 32px,720px)}.global-nav{display:none}.menu-button{display:flex}.site-header__inner{height:66px}.ad-disclosure__inner{padding-block:5px;line-height:1.4}.ad-disclosure__badge{display:none}.hero__grid{grid-template-columns:1fr;gap:45px;min-height:0;padding-block:55px}.hero__content h1{font-size:62px}.hero-feature__visual{height:330px}.section{padding:80px 0}.section-heading--split{grid-template-columns:1fr;gap:22px}.need-grid{grid-template-columns:repeat(2,1fr)}.need-card--wide{grid-column:span 2}.test-grid{grid-template-columns:1fr}.test-card--feature{grid-row:auto}.test-card--feature .test-card__visual{height:420px}.ranking-item{grid-template-columns:70px 150px 1fr}.ranking-item__score{grid-column:3}.ranking-item__score{display:flex;align-items:center;gap:15px;text-align:left}.score-ring{margin:0}.ranking-item__score .button{max-width:180px}.policy-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr;gap:45px}.category-hero__grid{grid-template-columns:1fr}.category-hero__visual{height:330px}.pickup-grid{grid-template-columns:1fr}.purpose-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.article-hero__grid{grid-template-columns:1fr}.article-hero__visual{height:420px}.article-layout{grid-template-columns:1fr;max-width:760px}.article-sidebar{display:none}.article-content{min-width:0}
}
@media(max-width:600px){
  :root{--shell:calc(100% - 28px)}body{line-height:1.75}.ad-disclosure__inner p{font-size:9px}.ad-disclosure__inner a{white-space:nowrap}.brand__text{font-size:17px}.icon-button{width:36px;height:36px}.menu-button span{display:none}.search-panel{padding:35px 22px}.search-panel h2{font-size:28px}.search-form button{padding:0 16px}.hero__grid{padding-block:42px}.hero__eyebrow{margin-bottom:14px}.hero__content h1{font-size:49px;line-height:1.12}.hero__lead{font-size:13px;margin:23px 0}.hero__actions{align-items:flex-start;flex-direction:column;gap:18px}.hero__facts{gap:12px;margin-top:38px}.hero__facts div{min-width:0;flex:1}.hero-feature__visual{height:270px}.device{transform:scale(.78) rotate(-12deg)}.device--left{left:4%;transform:rotate(19deg) scale(.62)}.device--center{left:34%;top:45px}.device--right{right:1%;transform:rotate(-35deg) scale(.58)}.hero-feature__body{padding:18px}.hero-feature__body h2{font-size:16px}.hero-feature__metrics div{padding:10px}.section{padding:65px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:40px}.section-heading--row{align-items:flex-start;gap:22px}.section-heading--row .text-link{font-size:10px;white-space:nowrap;margin-top:14px}.need-grid{grid-template-columns:1fr}.need-card,.need-card--large,.need-card--accent{grid-column:span 1;min-height:280px}.need-card--wide{grid-column:span 1;display:flex;min-height:260px;align-items:flex-start}.need-card--wide .button{margin-top:auto}.test-card--feature .test-card__visual{height:360px}.test-card__body h3,.test-card--feature .test-card__body h3{font-size:20px}.ranking-head{display:block}.ranking-tabs{overflow-x:auto;margin-top:25px}.ranking-tabs button{white-space:nowrap}.ranking-item,.ranking-item--first{grid-template-columns:52px 1fr;padding-block:26px;gap:16px}.rank strong{font-size:42px}.product-art{min-height:125px}.ranking-item__content,.ranking-item__score{grid-column:1 / -1}.ranking-item__score{justify-content:space-between}.score-ring{width:76px;height:76px}.score-ring strong{font-size:22px}.article-row{grid-template-columns:105px 1fr;gap:15px}.article-row__visual{height:100px}.article-row>.circle-arrow{display:none}.article-row__body h3{font-size:15px}.article-row__body p{display:none}.policy-points{grid-template-columns:1fr}.policy-lead{font-size:16px}.footer-links{grid-template-columns:1fr 1fr}.category-hero{padding-top:25px}.category-hero__grid{min-height:0}.category-hero h1{font-size:55px}.category-hero__visual{height:270px}.category-disc{width:215px;height:215px}.category-subnav{grid-template-columns:1fr 1fr}.pickup-main{grid-template-columns:1fr}.pickup-main__visual{min-height:300px}.pickup-main__body{padding:25px}.purpose-grid{grid-template-columns:1fr 1fr}.purpose-grid a{min-height:190px}.purpose-grid h3{font-size:20px}.card-grid{grid-template-columns:1fr}.content-card__visual{height:220px}.article-hero{padding-top:25px}.article-hero__grid{margin-top:28px;gap:35px}.article-hero h1{font-size:44px}.article-hero__visual{height:330px}.article-product--1{left:30%;top:90px;transform:scale(.82) rotate(-8deg)}.article-product--2{left:0;top:120px;transform:rotate(25deg) scale(.58)}.article-product--3{right:-3%;top:80px;transform:rotate(-31deg) scale(.62)}.article-byline{align-items:flex-start;flex-wrap:wrap}.article-byline dl{width:100%;padding-left:55px}.article-layout{padding-top:45px;padding-bottom:90px}.article-disclosure{grid-template-columns:1fr;gap:4px}.article-intro{font-size:16px;margin:35px 0}.article-section{margin-top:65px}.article-section__head h2{font-size:26px}.quick-picks{grid-template-columns:1fr}.quick-picks a{min-height:135px}.choice-list>div{grid-template-columns:50px 1fr}.review-box__top{grid-template-columns:1fr}.review-product{min-height:230px}.review-box__info{padding:27px 22px}.review-box__proscons{grid-template-columns:1fr}.review-box__proscons>div+div{border-left:0;border-top:1px solid var(--line)}.review-box__cta{align-items:stretch;flex-direction:column}.review-box__cta .button{width:100%}.test-method{grid-template-columns:1fr}.test-method__visual{min-height:260px}.editorial-policy{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.mobile-sticky-cta{position:fixed;z-index:90;left:0;right:0;bottom:0;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px rgba(0,0,0,.2)}.mobile-sticky-cta small{display:block;color:var(--acid);font-size:8px}.mobile-sticky-cta strong{font-size:12px}.mobile-sticky-cta a{background:var(--acid);color:var(--ink);padding:11px 17px;font-size:10px;font-weight:900}.article-page .site-footer{padding-bottom:90px}
}

/* =========================================================
   WordPress integration / scalable editorial components
   ========================================================= */
.admin-bar .site-header{top:32px}.global-nav ul,.mobile-menu ul,.footer-menu{list-style:none;margin:0;padding:0}.global-nav__list{display:flex;align-items:center;gap:34px}.global-nav .menu-item-has-children{position:relative}.global-nav .sub-menu{position:absolute;left:-18px;top:calc(100% + 18px);min-width:210px;padding:10px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.global-nav .menu-item-has-children:hover>.sub-menu,.global-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.global-nav .sub-menu a{display:block;padding:8px 10px}.mobile-menu__list .sub-menu{padding-left:18px}.mobile-menu__list .sub-menu a{font-size:14px;padding:12px 0}.custom-logo-link{display:inline-flex;align-items:center;max-width:240px}.custom-logo{width:auto;max-height:48px}.site-header .brand{flex-shrink:0}.site-footer .brand__mark i:first-child{background:#fff}.site-footer .brand__text{color:#fff}.footer-menu li{margin:0}.footer-links .menu{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;padding:0}.footer-brand .custom-logo{filter:brightness(0) invert(1)}
:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.button:focus-visible,.icon-button:focus-visible,.menu-button:focus-visible{outline-offset:4px}.has-media>img,.content-image{width:100%;height:100%;object-fit:cover}.generated-visual{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--blue),#173d49);color:#fff}.generated-visual>span{position:absolute;left:18px;top:16px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.16em}.generated-visual i{position:absolute;border-radius:50%}.generated-visual i:nth-of-type(1){width:48%;aspect-ratio:1;right:-8%;bottom:-28%;border:28px solid rgba(229,174,69,.88)}.generated-visual i:nth-of-type(2){width:30%;aspect-ratio:1;left:14%;top:28%;background:rgba(255,255,255,.12);box-shadow:0 0 0 20px rgba(255,255,255,.06)}.hero-feature__visual.has-media::before{z-index:2}.hero-feature__image{position:absolute;inset:0}.hero-feature__visual .generated-visual{position:absolute;inset:0}.hero-feature__number{z-index:3}.hero-feature--empty{min-height:360px;display:flex;align-items:flex-end}.hero-feature--empty .hero-feature__body{width:100%}.category-symbol{position:relative;width:78px;height:78px}.category-symbol::before{content:"";position:absolute;inset:9px;border:2px solid currentColor;border-radius:50%}.category-symbol i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acid)}.category-symbol i:nth-child(1){left:8px;top:30px}.category-symbol i:nth-child(2){right:10px;top:15px}.category-symbol i:nth-child(3){right:18px;bottom:5px}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed var(--line);background:rgba(255,255,255,.45);color:var(--muted);text-align:center}.empty-state--large{padding:70px 30px}.empty-state--large h2{font-size:32px;color:var(--ink)}
.ranking-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ranking-article-grid .content-card{padding:18px;background:#fff;border:1px solid var(--line)}.ranking-article-grid .content-card__visual{height:230px}.content-card__body h2,.content-card h2{margin:7px 0 4px;font-size:19px;line-height:1.45}.content-card__body h2 a:hover{color:var(--blue)}.content-card__visual .generated-visual>span{position:absolute}.archive-count{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.archive-hero,.page-hero{padding:55px 0 65px;border-bottom:1px solid var(--ink)}.archive-hero h1,.page-hero h1{max-width:900px;margin:18px 0 12px;font-size:clamp(48px,7vw,82px);line-height:1.12;letter-spacing:-.075em}.archive-hero p:last-child,.page-hero>div>p:last-child,.archive-description{max-width:760px;color:var(--muted)}.nav-links.pagination{display:flex}.nav-links.pagination .page-numbers{min-width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;padding:0 10px;font-size:10px;font-weight:800}.nav-links.pagination .current{background:var(--ink);color:#fff}.page-content{max-width:900px;padding-top:70px;padding-bottom:120px}.search-card-grid{margin-top:55px}.not-found{min-height:70vh;display:grid;align-items:center;padding:80px 0}.not-found h1{font-size:clamp(48px,8vw,96px);line-height:1.08;letter-spacing:-.08em}.not-found p{max-width:650px}.not-found .search-form{max-width:650px;margin:30px 0}.author-hero{padding:60px 0;border-bottom:1px solid var(--ink)}.author-hero__grid{display:grid;grid-template-columns:220px minmax(0,760px);gap:55px;align-items:start}.author-hero__avatar img{width:180px;height:180px;border-radius:50%;object-fit:cover}.author-hero h1{font-size:clamp(48px,7vw,80px);letter-spacing:-.07em;margin:10px 0}.author-hero strong{color:var(--blue)}.author-hero dl{display:grid;grid-template-columns:110px 1fr;gap:15px;margin:18px 0;padding-top:18px;border-top:1px solid var(--line)}.author-hero dt{font-size:10px;font-weight:900;color:var(--muted)}.author-hero dd{margin:0;font-size:13px}
.article-hero__lead{font-size:15px!important;line-height:1.9}.author-chip{display:flex;align-items:center;gap:10px;margin-right:auto}.author-chip img{width:44px;height:44px;border-radius:50%;object-fit:cover}.author-chip small,.author-chip strong{display:block}.article-byline dl{flex-wrap:wrap}.article-hero__visual .generated-visual,.article-hero__visual>img{position:absolute;inset:0}.article-hero__stamp{position:absolute;right:18px;bottom:16px;z-index:3;padding:11px 13px;background:rgba(19,34,56,.86);color:#fff;text-align:right}.article-hero__stamp span,.article-hero__stamp strong{display:block}.article-hero__stamp span{font-size:8px;letter-spacing:.15em;color:var(--acid)}.article-hero__stamp strong{font-size:24px;line-height:1}.toc__label{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--blue)}.toc nav{margin-top:14px}.toc nav>p{font-size:10px;color:var(--muted)}.toc ol{counter-reset:toc}.toc li{position:relative}.toc li.is-h3 a{padding-left:18px;color:var(--muted)}.toc a.is-active{color:var(--blue);font-weight:800}.article-side-meta{margin-top:40px;padding:18px;border:1px solid var(--line)}.article-side-meta span,.article-side-meta strong,.article-side-meta small{display:block}.article-side-meta span{font-size:8px;color:var(--blue);font-weight:900;letter-spacing:.12em}.article-side-meta strong{font-size:13px;margin:4px 0}.article-side-meta small{font-size:8px;color:var(--muted)}.answer-summary{margin:38px 0 55px;padding:30px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);box-shadow:0 12px 30px rgba(19,34,56,.06)}.answer-summary>span{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--blue)}.answer-summary h2{margin:7px 0 14px;font-size:28px}.answer-summary>p{font-size:16px;line-height:1.95}.answer-summary__fit{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;background:var(--line);border:1px solid var(--line)}.answer-summary__fit>div{padding:20px;background:var(--paper)}.answer-summary__fit strong{font-size:11px;color:var(--blue)}.answer-summary__fit p{margin:7px 0 0;font-size:12px}.entry-content{font-size:16px}.entry-content>*:first-child{margin-top:0}.entry-content p{margin:1.5em 0;line-height:2}.entry-content h2{scroll-margin-top:120px;margin:3.2em 0 1.1em;padding:0 0 .5em;border-bottom:2px solid var(--ink);font-size:clamp(27px,4vw,36px);line-height:1.4;letter-spacing:-.045em}.entry-content h3{scroll-margin-top:120px;margin:2.5em 0 1em;padding-left:16px;border-left:4px solid var(--blue);font-size:clamp(21px,3vw,27px);line-height:1.5}.entry-content h4{margin:2em 0 .8em;font-size:19px}.entry-content a:not(.button){color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.entry-content img{height:auto}.entry-content figure{margin-top:2.2em;margin-bottom:2.2em}.entry-content figcaption{font-size:11px;color:var(--muted)}.entry-content blockquote{margin:2.2em 0;padding:24px 28px;background:#fff;border-left:5px solid var(--blue)}.entry-content blockquote p{margin:.6em 0}.entry-content ul,.entry-content ol{padding-left:1.4em}.entry-content li+li{margin-top:.55em}.entry-content table{width:100%;border-collapse:collapse;font-size:13px}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);vertical-align:top}.entry-content th{background:var(--ink);color:#fff}.entry-content .wp-block-details{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:0}.entry-content .wp-block-details+.wp-block-details{border-top:0}.entry-content .wp-block-details summary{cursor:pointer;padding:18px 4px;font-weight:800}.entry-content .wp-block-details>p{padding:0 4px 18px;margin:0}.entry-content .wp-block-button__link{border-radius:0}.entry-content .alignwide{width:min(1180px,calc(100vw - 48px));max-width:none;margin-left:50%;transform:translateX(-50%)}.entry-content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.monochart-answer{padding:28px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue)}.monochart-pros-cons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;padding:1px!important;background:var(--line)}.monochart-pros-cons>.wp-block-group{padding:24px;background:#fff}.monochart-pros-cons h3{margin-top:0}.monochart-source-note{padding:22px;background:var(--paper-2);font-size:14px}.update-note{margin-top:70px;padding:28px;background:var(--paper-2);border-left:5px solid var(--acid)}.update-note>span{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.13em}.update-note h2{margin:5px 0 10px;font-size:24px}.update-note p{margin:0;font-size:13px}.page-links{margin-top:35px;padding:15px;border:1px solid var(--line)}
.auto-comparison{margin-top:60px}.comparison-table-wrap{overflow:auto;margin:25px 0 45px;border:1px solid var(--line);background:#fff}.comparison-table{width:100%;min-width:760px;border-collapse:collapse;font-size:11px}.comparison-table th,.comparison-table td{padding:13px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.comparison-table th{background:var(--ink);color:#fff;font-size:9px;letter-spacing:.06em}.comparison-table td small{display:block;color:var(--muted);font-size:9px}.comparison-table td a{display:inline-flex;padding:8px 10px;background:var(--acid);color:var(--ink);font-weight:900;text-decoration:none}.table-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff}.table-score{font-size:18px;font-weight:900;color:var(--blue)}.table-score small{display:inline!important;font-size:9px!important}.product-review-list{display:grid;gap:35px}.auto-product-card{scroll-margin-top:120px}.auto-product-card__image{overflow:hidden}.auto-product-card__image>img{width:100%;height:100%;object-fit:contain;padding:25px;background:#fff}.product-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,var(--paper-2),#e3eff0);overflow:hidden}.product-placeholder i{position:absolute;border-radius:50%}.product-placeholder i:first-child{width:170px;height:170px;background:var(--acid);right:-40px;bottom:-40px}.product-placeholder i:nth-child(2){width:110px;height:110px;border:20px solid var(--blue);left:-25px;top:-20px}.product-placeholder b{position:relative;z-index:2;font-size:72px;color:var(--ink)}.auto-product-card__rank{position:absolute;left:15px;top:15px;z-index:3;padding:5px 8px;background:var(--ink);color:#fff;font-size:8px;font-weight:900}.product-maker{margin:0!important;font-size:10px!important;color:var(--blue)!important;font-weight:800}.review-box__cta>div strong{display:block;font-size:13px}.source-list__lead{font-size:12px;color:var(--muted)}.source-list ol{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid var(--ink)}.source-list li{padding:16px 5px;border-bottom:1px solid var(--line);font-size:12px}.source-list li a,.source-list li strong{display:block;font-weight:800}.source-list li span{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.author-profile{display:grid;grid-template-columns:112px 1fr;gap:26px;margin-top:80px;padding:30px;border:1px solid var(--line);background:#fff}.author-profile__avatar img{width:112px;height:112px;border-radius:50%;object-fit:cover}.author-profile span{font-size:8px;font-weight:900;color:var(--blue);letter-spacing:.12em}.author-profile h2{margin:4px 0;font-size:25px}.author-profile>div>strong{font-size:11px;color:var(--muted)}.author-profile p{font-size:12px}.related-grid--cards .visual-mini{overflow:hidden}.related-grid--cards .visual-mini img,.related-grid--cards .visual-mini .generated-visual{width:100%;height:100%;object-fit:cover}.article-widget{margin-top:60px;padding:25px;border:1px solid var(--line)}.article-widget__title{font-size:22px}.comments-area{margin-top:80px;padding-top:40px;border-top:2px solid var(--ink)}.comments-title{font-size:26px}.comment-list{padding:0;list-style:none}.comment-body{padding:20px 0;border-bottom:1px solid var(--line)}.comment-meta{font-size:11px}.comment-content{font-size:13px}.comment-form input:not([type="submit"]),.comment-form textarea{width:100%;padding:12px;border:1px solid var(--line);background:#fff}.comment-form .submit{padding:13px 22px;border:0;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:900px){.admin-bar .site-header{top:46px}.global-nav__list{display:none}.ranking-article-grid{grid-template-columns:repeat(2,1fr)}.author-hero__grid{grid-template-columns:160px 1fr}.author-hero__avatar img{width:150px;height:150px}.entry-content .alignwide{width:100%;margin-left:0;transform:none}.review-box__top{grid-template-columns:1fr}.auto-product-card__image{min-height:300px}.article-layout{display:block}.article-sidebar{display:none}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.custom-logo{max-height:36px}.ranking-article-grid{grid-template-columns:1fr}.archive-hero,.page-hero{padding:35px 0 45px}.archive-hero h1,.page-hero h1{font-size:44px}.author-hero__grid{grid-template-columns:1fr}.author-hero__avatar img{width:120px;height:120px}.author-hero h1{font-size:46px}.author-hero dl{grid-template-columns:1fr}.article-byline dl{padding-left:0}.article-byline dl div{flex:1;min-width:100px}.answer-summary{padding:23px 19px}.answer-summary__fit{grid-template-columns:1fr}.entry-content{font-size:15px}.entry-content h2{font-size:27px}.entry-content h3{font-size:21px}.monochart-pros-cons{grid-template-columns:1fr!important}.author-profile{grid-template-columns:1fr;padding:23px}.author-profile__avatar img{width:82px;height:82px}.comparison-table-wrap{margin-inline:-14px}.review-box__cta>div strong{font-size:12px}.related-grid--cards>a{grid-template-columns:105px 1fr}.article-hero__stamp{right:10px;bottom:10px}.not-found h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.site-header,.search-layer,.site-footer,.article-sidebar,.mobile-sticky-cta,.article-disclosure,.review-box__cta,.comments-area{display:none!important}.article-layout{display:block;padding:0}.article-content{max-width:none}.article-hero{padding:20px 0}.article-hero__grid{display:block}.article-hero__visual{display:none}.entry-content a{color:inherit!important;text-decoration:none!important}.entry-content a[href]::after{content:" (" attr(href) ")";font-size:9px}}


/* Affiliate placement controls */
.affiliate-tag{max-width:100%;line-height:1.5}.affiliate-tag a{display:inline-block;max-width:100%}.affiliate-tag img{max-width:100%;height:auto}.affiliate-tag img[width="1"][height="1"]{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.affiliate-inline{margin:42px 0;padding:20px;border:1px solid var(--line);background:#fff;text-align:center}.affiliate-inline__label{margin:0 0 12px!important;font-size:8px!important;font-weight:900;letter-spacing:.12em;color:var(--muted)}.affiliate-cta{display:flex;align-items:center;gap:28px;margin:55px 0;padding:26px 28px;border:1px solid var(--ink);background:linear-gradient(135deg,#fff,var(--paper-2))}.affiliate-cta__content{flex:1;min-width:0}.affiliate-cta__content>span{display:block;margin-bottom:6px;font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.affiliate-cta__content>strong{display:block;font-size:21px;line-height:1.45}.affiliate-cta__content p{margin:8px 0 0!important;font-size:11px!important;color:var(--muted)}.affiliate-cta__content small{display:block;margin-top:8px;color:var(--muted)}.affiliate-cta__action{flex:0 0 auto}.affiliate-cta__action .button{white-space:nowrap}.review-box__cta .affiliate-tag{flex:0 1 340px;text-align:right}.review-box__cta .affiliate-tag a{vertical-align:middle}
@media(max-width:600px){.affiliate-cta{align-items:stretch;flex-direction:column;padding:22px 19px}.affiliate-cta__content>strong{font-size:18px}.affiliate-cta__action .button{width:100%;text-align:center}.review-box__cta .affiliate-tag{flex:auto;width:100%;text-align:center}}


/* Amazon affiliate buttons */
.amazon-button-wrap{margin:30px 0;text-align:center}.amazon-button-wrap .button--amazon{min-width:min(100%,360px);background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 10px 28px rgba(19,34,56,.14)}.amazon-button-wrap .button--amazon:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.amazon-button-wrap .button--amazon::before{content:"Amazon";display:inline-grid;place-items:center;min-height:24px;padding:0 9px;background:var(--acid);color:var(--ink);font-size:9px;font-weight:950;letter-spacing:.05em}.amazon-button-wrap__note{margin:8px 0 0!important;font-size:9px!important;color:var(--muted)}.entry-content .wp-block-button__link[href*="amzn.to"],.entry-content .wp-block-button__link[href*="amazon.co.jp"]{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:0;font-weight:900;box-shadow:0 10px 28px rgba(19,34,56,.12)}.entry-content .wp-block-button__link[href*="amzn.to"]:hover,.entry-content .wp-block-button__link[href*="amazon.co.jp"]:hover{background:var(--blue);border-color:var(--blue)}
@media(max-width:600px){.amazon-button-wrap .button--amazon{width:100%;min-width:0;padding-inline:14px;gap:12px}}


/* v1.1.3: Pure white surface system */
html,body{background:#fff}
.site-main,.article-layout,.article-content,.entry-content,.archive-main,.page-main{background:#fff}
.section,.archive-hero,.page-hero,.article-hero,.category-hub,.ranking-section,.latest-section{background:#fff}
.card,.article-card,.ranking-card,.review-box,.answer-summary,.article-widget,.author-profile,.comparison-table-wrap,.affiliate-inline,.search-panel{background:#fff}
.affiliate-cta{background:#fff}
.entry-content blockquote,.entry-content .wp-block-quote,.monochart-source-note{background:#f7f8fa}

/* Generic external-link buttons */
.monochart-link-button-wrap{margin:30px 0;text-align:center}
.monochart-link-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:min(100%,360px);min-height:56px;padding:12px 26px;border:1px solid var(--ink);background:var(--ink);color:#fff!important;font-size:13px;font-weight:900;line-height:1.5;letter-spacing:.02em;box-shadow:0 10px 28px rgba(19,34,56,.12);transition:.2s}
.monochart-link-button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}
.monochart-link-button--amazon{background:#ff8a00;border-color:#ff8a00;color:#fff!important}
.monochart-link-button--amazon:hover{background:#e87800;border-color:#e87800}
.monochart-link-button--outline{background:#fff;color:var(--ink)!important}
.monochart-link-button--outline:hover{background:var(--ink);color:#fff!important}
.monochart-link-button__icon{font-size:18px;line-height:1}
.monochart-link-button-note{margin:8px 0 0!important;font-size:9px!important;color:var(--muted)}
@media(max-width:600px){.monochart-link-button{width:100%;min-width:0;padding-inline:16px}}