@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}:root{--primary:#ff4438;--primary-aa:#cc2418;--primary-strong:#cc2418;--primary-ink:#0e1117;--accent:#ff4438;--spark:#f59e0b;--coral:#ff7a5c;--manapick-blue:#1f4aa8;--manapick-teal:#18a6a0;--ink:#0e1117;--muted:#5b6675;--line:#e6e9ef;--surface:#fff;--bg:#f6f8fb;--bg-soft:#fff1ef;--amber:#f59e0b;--radius-1:8px;--radius-2:12px;--radius-3:16px;--radius-4:24px;--fs-hero:clamp(2.2rem, 1.1rem + 3.6vw, 4rem);--fs-h2:clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem);--fs-h3:1.12rem;--fs-body:1rem;--fs-sm:.86rem;--fs-xs:.76rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--shadow-1:0 1px 2px #0e11170d;--shadow-2:0 6px 18px #0e111714, 0 2px 4px #0e11170d;--shadow-3:0 22px 48px #ff443824, 0 8px 16px #0e111714;--shadow-card:var(--shadow-2);--shadow-card-hover:var(--shadow-3);--shadow-button:0 12px 22px #ff443833;--shadow-line:0 1px 0 #0e11170a, 0 8px 22px #0e11170f;--ease:cubic-bezier(.2, 0, 0, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--dur-1:.16s;--dur-2:.28s;--step-h1:clamp(1.9rem, 1.1rem + 2.7vw, 2.9rem);--step-h2:clamp(1.3rem, 1rem + 1.3vw, 1.85rem)}*{box-sizing:border-box;scroll-margin-top:84px}html{color:var(--ink);background:var(--bg);letter-spacing:0;font-feature-settings:"palt";scroll-behavior:smooth;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}@supports not (overflow:clip){html{overflow-x:hidden}}body{letter-spacing:0;background:radial-gradient(60rem 30rem at 85% -10%, #ff44380f, transparent 60%), linear-gradient(180deg, #ffffffe6 0, #fff1ef80 28rem, var(--bg) 100%);min-width:0;margin:0;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-aa)}button,input{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 80%, white);outline-offset:3px}:where(a,button,[role=button]):focus-visible{border-radius:6px}h1,h2,h3{line-break:strict;overflow-wrap:break-word;text-wrap:pretty;word-break:auto-phrase}p,li,span,strong{overflow-wrap:anywhere}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;line-break:strict;text-wrap:balance}p{max-width:70ch}.font-latin,.metric strong,.price-badge,.ct-price{font-family:Inter,Noto Sans JP,system-ui,sans-serif}.site-shell{min-height:100vh}.site-header{z-index:200;border-bottom:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-line);position:sticky;top:0;overflow-x:clip}@supports not (overflow:clip){.site-header{overflow-x:hidden}}.header-inner{flex-wrap:nowrap;align-items:center;gap:12px;max-width:1320px;margin:0 auto;padding:8px 20px;display:flex}.brand-logo{flex:none;align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{border-radius:var(--radius-1);width:38px;height:38px;box-shadow:var(--shadow-button);flex:none;place-items:center;display:grid;overflow:hidden}.brand-mark svg{width:100%;height:100%;display:block}.brand-word{color:var(--ink);white-space:nowrap;gap:1px;font-weight:950;line-height:1;display:grid}.brand-word strong{color:var(--primary)}.brand-word small{color:var(--muted);white-space:normal;font-size:.72rem;font-weight:800;line-height:1.3}.site-header .brand-word{align-items:baseline;gap:4px;font-size:1.04rem;display:flex}.site-header .brand-word small{display:none}.quick-search{z-index:30;min-width:0;position:relative}.quick-search-form{min-width:0}.quick-search.is-header{flex:0 280px;width:min(280px,100%)}.quick-search.is-hero{max-width:650px;margin-top:18px}.quick-search-box{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-1);background:#fffffff0;align-items:center;gap:9px;min-height:44px;padding:0 11px;display:flex;box-shadow:0 10px 28px #0e111714}.quick-search.is-hero .quick-search-box{border-color:color-mix(in srgb, var(--primary) 26%, var(--line));min-height:52px;box-shadow:0 16px 38px #ff44381f}.quick-search-box svg{color:var(--primary-aa);flex:none}.quick-search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.92rem;font-weight:850}.quick-search.is-hero input{font-size:1rem}.quick-search-box input::placeholder{color:color-mix(in srgb, var(--muted) 78%, white)}.quick-command{border:1px solid var(--line);color:var(--muted);border-radius:6px;flex:none;padding:3px 5px;font-size:.72rem;font-weight:950;line-height:1}.quick-results{inset-inline:0;border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-2);box-shadow:var(--shadow-card-hover);background:#fff;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px)}.quick-result{border-radius:var(--radius-1);justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 9px;display:flex}.quick-result:hover{background:var(--bg-soft)}.quick-result span{gap:2px;min-width:0;display:grid}.quick-result b,.quick-result small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-result b{color:var(--ink);font-size:.88rem}.quick-result small{color:var(--muted);font-size:.72rem;font-weight:850}.quick-results p{color:var(--muted);margin:0;padding:10px;font-size:.86rem;font-weight:850}.quick-suggestions{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.quick-suggestions a{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));background:color-mix(in srgb, var(--primary) 7%, white);min-height:34px;color:var(--primary-aa);border-radius:999px;padding:7px 10px;font-size:.84rem;font-weight:950}.brand-favicon{box-shadow:inset 0 0 0 1px var(--line);background:#fff;flex:none;place-items:center;display:inline-grid;overflow:hidden}.brand-favicon img{-o-object-fit:contain;object-fit:contain;width:72%;height:72%;display:block}.brand-favicon-fallback{color:var(--primary-strong);font-family:Inter,Noto Sans JP,sans-serif;font-size:.95rem;font-weight:900;line-height:1}.main-nav,.category-strip{align-items:center;gap:8px;display:flex}.main-nav{scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}.main-nav::-webkit-scrollbar{display:none}.main-nav{gap:6px}.main-nav a,.category-strip a,.pill-link{min-height:40px;color:var(--muted);white-space:nowrap;transition:border-color .18s var(--ease-standard), background .18s var(--ease-standard), color .18s var(--ease-standard);border:1px solid #0000;border-radius:999px;flex:none;padding:10px 11px;font-size:.9rem;font-weight:900}.main-nav a{align-items:center;gap:6px;padding-inline:8px;font-size:.84rem;display:inline-flex}.main-nav a svg{color:color-mix(in srgb, var(--primary) 72%, var(--muted))}.main-nav a.manapick-nav-link{border-color:color-mix(in srgb, #1f4aa8 24%, var(--line));color:#1f4aa8;background:linear-gradient(135deg,#1f4aa814,#19a6a014)}.main-nav a.manapick-nav-link small{color:#0f766e;background:#19a6a01a;border-radius:999px;padding:2px 5px;font-size:.68rem;font-weight:950;line-height:1}.main-nav a.manapick-nav-link svg{color:#18a6a0}.main-nav a:hover,.category-strip a:hover,.pill-link:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--primary) 10%, white);color:var(--primary-aa)}.main-nav a.manapick-nav-link:hover{color:#163a86;background:linear-gradient(135deg,#1f4aa821,#19a6a021);border-color:#1c71a5}.category-strip{box-sizing:border-box;contain:layout paint;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-color:color-mix(in srgb, var(--primary) 30%, var(--line)) transparent;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;min-width:0;max-width:min(1320px,100vw);margin:0 auto;padding:2px 20px 6px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 30px),#0000 100%)}.category-strip::-webkit-scrollbar{height:6px}.category-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 30%, var(--line));border-radius:999px}.category-strip a{scroll-snap-align:start;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:.84rem;display:inline-flex}.category-strip .category-icon.is-nav{color:var(--primary-aa)}.page{max-width:1180px;margin:0 auto;padding:22px 20px 44px}.crumbs{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin:0 0 12px;font-size:.78rem;font-weight:850;display:flex}.crumbs span{align-items:center;gap:8px;min-width:0;display:inline-flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--primary-aa)}.crumbs b{max-width:min(72vw,56ch);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.crumbs i{color:color-mix(in srgb, var(--muted) 38%, white);font-style:normal}.hero{border-radius:var(--radius-4);border:1px solid color-mix(in srgb, var(--primary) 12%, var(--line));color:var(--ink);background:radial-gradient(circle at 86% 15%,#ff44381f,#0000 26rem),linear-gradient(#ffffffe6,#fff1ef94);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:26px;margin-inline:-20px;padding:24px 20px 28px;display:grid;box-shadow:0 18px 52px #ff443817}.hl{color:var(--primary);background-image:linear-gradient(#0000 62%,#f59e0b6b 0);background-repeat:no-repeat;padding:0 .04em}.hero-copy{min-width:0}.eyebrow,.section-eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:950}h1{max-width:760px;color:var(--ink);font-size:var(--fs-hero);letter-spacing:0;margin:0;font-weight:950;line-height:1.16}.hero p,.lead{max-width:34em;color:var(--muted);line-break:strict;text-wrap:pretty;word-break:auto-phrase;font-size:1.05rem;font-weight:700;line-height:1.86}.hero h1{color:var(--ink);font-size:var(--fs-hero);letter-spacing:0;text-wrap:balance;word-break:auto-phrase;line-height:1.05}.section-header h2{font-size:var(--fs-h2)}.hero p{color:var(--muted)}.hero .eyebrow,.hero .section-eyebrow{color:var(--primary-aa)}.value-chips,.hero-actions,.tag-list,.card-actions{flex-wrap:wrap;gap:10px;display:flex}.value-chips{margin-top:20px}.value-chips span,.tag-list li,.badge,.price-badge,.tool-chip,.status-badge{border-radius:999px;justify-self:start;align-items:center;width:fit-content;max-width:100%;min-height:28px;padding:5px 10px;font-size:.78rem;font-weight:950;line-height:1;display:inline-flex}.value-chips span,.badge{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));background:color-mix(in srgb, var(--accent) 9%, white);color:var(--primary-ink)}.hero .value-chips span{border-color:color-mix(in srgb, var(--primary) 18%, var(--line));color:var(--primary-ink);background:#ffffffb8}.hero-actions{margin-top:22px}.btn{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);min-height:42px;color:var(--ink);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background var(--dur-1) var(--ease), filter var(--dur-1) var(--ease);justify-content:center;align-items:center;padding:10px 14px;font-weight:950;display:inline-flex}.btn.primary{border-color:var(--primary-aa);background:var(--primary-aa);color:#fff;box-shadow:0 0 0 1px #ff443847, var(--shadow-button)}.btn:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.btn.primary:hover{filter:saturate(1.05)brightness(1.03)}.text-link{color:var(--primary-aa);align-items:center;font-size:.9rem;font-weight:950;display:inline-flex}.hero-visual{align-content:start;gap:12px;min-width:0;display:grid}.hero-kv-media{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--ink) 18%, var(--line));border-radius:var(--radius-3);background:var(--ink);display:block;position:relative;overflow:hidden;box-shadow:0 20px 54px #0e11172e}.hero-kv-media picture{z-index:0;height:100%;display:block;position:relative}.hero-kv-image{-o-object-fit:cover;object-fit:cover;-o-object-position:72% 18%;object-position:72% 18%;width:100%;height:100%;display:block}.hero-kv-media:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(100deg,#0e1117e0 0%,#0e11179e 34%,#0e11172e 60%,#0e111700 82%);position:absolute;inset:0}.hero-kv-overlay{z-index:2;gap:10px;max-width:60%;display:grid;position:absolute;top:30px;left:30px;transform:none}.hero-kv-overlay .wm{color:#fff;letter-spacing:0;text-shadow:0 2px 12px #00000080;font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem);font-weight:800;line-height:1}.hero-kv-overlay .wm strong{color:var(--coral)}.hero-kv-overlay .tl{color:#cdd3e0;text-shadow:0 1px 8px #0000008c;max-width:22em;font-size:clamp(.8rem,.7rem + .4vw,.95rem);font-weight:850;line-height:1.5}.hero-carousel{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--ink) 18%, var(--line));border-radius:var(--radius-3);background:var(--ink);position:relative;overflow:hidden;box-shadow:0 20px 54px #0e11172e}.hc-track{height:100%;transition:transform .6s var(--ease);will-change:transform;display:flex}.hc-slide{flex:0 0 100%;width:100%;min-width:0;height:100%;position:relative}.hc-brand{width:100%;height:100%;position:relative}.hc-brand picture{z-index:0;height:100%;display:block;position:relative}.hc-brand .hero-kv-image{-o-object-fit:cover;object-fit:cover;-o-object-position:72% 18%;object-position:72% 18%;width:100%;height:100%;display:block}.hc-brand:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(100deg,#0e1117e0 0%,#0e11178c 38%,#0e11170d 64%,#0e111700 88%);position:absolute;inset:0}.hc-brand .hero-kv-overlay{z-index:2}.hc-card{color:#fff;flex-direction:column;gap:8px;height:100%;padding:26px 30px 40px;text-decoration:none;display:flex}.hc-card.is-news{background:linear-gradient(140deg, var(--ink) 0%, #2a1411 58%, var(--primary) 150%)}.hc-card.is-guide{background:linear-gradient(140deg, var(--ink) 0%, #10241f 55%, var(--accent) 160%)}.hc-card:hover{color:#fff}.hc-eyebrow{background:var(--spark);color:#3a2a00;letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.72rem;font-weight:900}.hc-title{color:#fff;text-wrap:pretty;word-break:auto-phrase;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;margin-top:6px;font-size:clamp(1.1rem,.9rem + 1vw,1.5rem);font-weight:950;line-height:1.45;display:-webkit-box;overflow:hidden}.hc-meta{color:#cdd3e0;flex:none;font-size:.85rem;font-weight:800;line-height:1.55}.hc-cta{margin-top:auto;font-weight:900}.hc-dots{z-index:3;justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.hc-dots button{cursor:pointer;width:8px;height:8px;transition:width .18s var(--ease-standard), background .18s var(--ease-standard);background:#ffffff73;border:0;border-radius:999px}.hc-dots button.is-on{background:#fff;width:20px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric,.card,.tool-card,.resource-card,.news-card,.use-card{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);box-shadow:var(--shadow-card)}.metric{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .18s var(--ease-standard), box-shadow .18s var(--ease-standard), border-color .18s var(--ease-standard);will-change:transform;gap:2px;padding:12px 12px 12px 18px;display:grid;position:relative;overflow:hidden}.metric:before{background:linear-gradient(var(--primary), var(--coral));content:"";width:5px;position:absolute;inset:0 auto 0 0}.metric:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line));box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.metric strong{color:var(--primary-strong);font-family:Inter,Noto Sans JP,sans-serif;font-size:clamp(1.55rem,1.15rem + .9vw,1.95rem);line-height:1;display:block}.metric strong small{color:var(--muted);margin-left:2px;font-size:.5em;font-weight:800}.metric span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.8rem;font-weight:850;line-height:1.35;display:block;overflow:hidden}.hero-visual .card{border-color:color-mix(in srgb, var(--primary) 12%, var(--line));box-shadow:var(--shadow-card);background:#ffffffc7}.hero-visual .card h2{color:var(--ink)}.hero-visual .card p{color:var(--muted)}.fx-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;padding:14px 16px;display:grid}.fx-card .section-eyebrow{grid-column:1/-1;margin-bottom:0}.fx-rate{align-items:baseline;gap:8px;display:flex}.fx-rate .fx-pair,.fx-rate .fx-eq{color:var(--muted);font-family:Inter,Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:900}.fx-rate .fx-yen{color:var(--primary-strong);letter-spacing:0;font-family:Inter,Noto Sans JP,sans-serif;font-size:clamp(1.85rem,1.35rem + 1.4vw,2.35rem);font-weight:900;line-height:1}.fx-meta{border-left:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0 0 0 12px;display:grid}.fx-meta dt{color:var(--muted);letter-spacing:0;margin:0;font-size:.72rem;font-weight:850}.fx-meta dd{color:var(--ink);margin:2px 0 0;font-size:.95rem;font-weight:900}.fx-note{color:var(--muted);grid-column:1/-1;margin:0;font-size:.76rem;line-height:1.55}.section{margin-top:0;padding-block:clamp(1.5rem,2.6vw,2.6rem)}.section-band{border-block:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:linear-gradient(#ffffffb8,#fff1ef94);margin-inline:-20px;padding-inline:20px}.section-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px;display:flex}.section-header h2,.page-title h1{color:var(--ink);margin:0;font-size:clamp(1.65rem,4vw,2.55rem);font-weight:950;line-height:1.12}.section-header p,.page-title p{max-width:760px;color:var(--muted);margin:8px 0 0;font-weight:700;line-height:1.8}.grid{gap:12px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-2,.grid.cols-3,.grid.cols-4{align-items:stretch}.grid>.card,.grid>.tool-card,.grid>.resource-card,.grid>.news-card,.grid>.use-card{height:100%}.grid>.card{align-content:start;gap:8px;display:grid}.card,.tool-card,.resource-card,.news-card,.use-card{min-width:0;padding:16px}.card:hover,.tool-card:hover,.resource-card:hover,.news-card:hover,.use-card:hover,.category-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card,.tool-card,.resource-card,.news-card,.use-card,.category-card{transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease)}.weekly-pick{border-radius:var(--radius-3);color:#fff;background:linear-gradient(120deg, #0e1117 0%, #3a1413 55%, var(--primary) 120%);box-shadow:var(--shadow-card);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 20px;display:flex}.weekly-pick:hover{color:#fff;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.fslider{position:relative}.fslider-window{min-height:86px;position:relative}.fslide{border-radius:var(--radius-3);color:#fff;background:linear-gradient(120deg, #0e1117 0%, #3a1413 55%, var(--primary) 120%);min-height:86px;box-shadow:var(--shadow-card);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 20px;display:none}.fslide.is-active{display:flex}.fslide:hover{color:#fff;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.fslide-badge{background:var(--spark);color:#3a2a00;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:850}.fslide-logo{border-radius:10px;width:40px;height:40px}.fslide-main{gap:2px;min-width:min(100%,260px);display:grid}.fslide-main strong{font-size:1.15rem;line-height:1.25}.fslide-main em{color:#cdd3e0;font-size:.85rem;font-style:normal;font-weight:800}.fslide-score{color:#cdd3e0;margin-left:auto;font-size:.85rem;font-weight:850}.fslide-score b{color:var(--coral);font-family:Inter,sans-serif;font-size:1.3rem}.fslide-score i{font-size:.72rem;font-style:normal}.fslide-cta{font-weight:900}.fslider-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.fslider-dots button{background:color-mix(in srgb, var(--primary) 30%, var(--line));cursor:pointer;width:8px;height:8px;transition:width .18s var(--ease-standard), background .18s var(--ease-standard);border:0;border-radius:999px}.fslider-dots button.is-on{background:var(--primary-strong);width:20px}.wp-eyebrow{background:var(--spark);color:#3a2a00;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:850}.wp-logo{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:72%;border-radius:10px;flex:none;width:40px;height:40px}.wp-main{gap:2px;min-width:min(100%,260px);display:grid}.wp-main strong{font-size:1.15rem;line-height:1.25;display:block}.wp-main em{color:#cdd3e0;font-size:.85rem;font-style:normal;font-weight:800}.wp-score{color:#cdd3e0;margin-left:auto;font-size:.85rem;font-weight:850}.wp-score b{color:var(--coral);font-family:Inter,sans-serif;font-size:1.3rem}.wp-score i{font-size:.72rem;font-style:normal}.wp-cta{font-weight:900}.latest-tools-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.latest-tool{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--line));border-radius:var(--radius-2);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.latest-tool:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--line));color:var(--ink);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.latest-tool-logo{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-1);width:34px;height:34px}.latest-tool-main{gap:1px;min-width:0;display:grid}.latest-tool-main strong,.latest-tool-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.latest-tool-main strong{color:var(--ink);font-size:.93rem;font-weight:950;line-height:1.3}.latest-tool-main small{color:var(--muted);font-size:.74rem;font-weight:850}.latest-tool-score{background:color-mix(in srgb, var(--primary) 10%, white);min-width:34px;height:30px;color:var(--primary-aa);border-radius:999px;place-items:center;font-family:Inter,Noto Sans JP,sans-serif;font-size:.86rem;font-weight:950;display:inline-grid}.guide-card{border:1px solid color-mix(in srgb, var(--primary) 15%, var(--line));border-radius:var(--radius-2);background:var(--surface);min-height:170px;box-shadow:var(--shadow-card);color:var(--ink);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;display:grid}.guide-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));color:var(--ink);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.guide-card.is-compact{min-height:158px}.guide-card-icon{border-radius:var(--radius-1);background:linear-gradient(135deg, var(--primary), var(--spark));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-button);place-items:center;display:inline-grid}.guide-card-main{align-content:start;gap:8px;min-width:0;display:grid}.guide-card .card-topline{margin:0}.guide-card strong{color:var(--ink);word-break:auto-phrase;font-size:1rem;font-weight:950;line-height:1.45}.guide-card em{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.86rem;font-style:normal;font-weight:760;line-height:1.65;display:-webkit-box;overflow:hidden}.guide-card-target{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));background:color-mix(in srgb, var(--primary) 6%, white);width:fit-content;max-width:100%;color:var(--primary-aa);border-radius:999px;align-items:center;padding:4px 9px;font-size:.74rem;font-weight:900;line-height:1.25;display:inline-flex}.mp-band{border:1px solid color-mix(in srgb, var(--manapick-blue) 24%, var(--line));border-radius:var(--radius-3);color:var(--ink);box-shadow:0 14px 32px #1f4aa81a, var(--shadow-1);background:linear-gradient(135deg,#1f4aa814,#19a6a01f),#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.mp-band:hover{border-color:color-mix(in srgb, var(--manapick-teal) 45%, var(--manapick-blue));color:var(--ink);box-shadow:0 18px 42px #1f4aa826, var(--shadow-2)}.mp-band-icon{border-radius:var(--radius-2);background:linear-gradient(135deg, var(--manapick-blue), var(--manapick-teal));color:#fff;place-items:center;width:44px;height:44px;display:inline-grid}.mp-band-main{gap:3px;min-width:0;display:grid}.mp-band-role,.brand-role-copy{color:var(--manapick-teal);font-size:.78rem;font-weight:950;line-height:1.4}.mp-band-main strong{color:var(--manapick-blue);font-weight:950;line-height:1.35}.mp-band-main em{color:var(--muted);font-size:.9rem;font-style:normal;font-weight:760;line-height:1.55}.mp-band-cta{border:1px solid color-mix(in srgb, var(--manapick-blue) 24%, var(--line));color:var(--manapick-blue);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.88rem;font-weight:950;display:inline-flex}.category-grid{align-items:stretch}.category-card{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--line));border-radius:var(--radius-2);background:linear-gradient(180deg, white, color-mix(in srgb, var(--bg-soft) 48%, white));min-width:0;min-height:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:6px;padding:14px;display:flex}.category-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-card h3,.tool-card h3,.resource-card h3,.news-card h3,.use-card h3{color:var(--ink);margin:0;font-size:1.08rem;font-weight:950;line-height:1.35}.category-card p,.tool-card p,.resource-card p,.news-card p,.use-card p,.card p{color:var(--muted);font-size:.92rem;font-weight:700;line-height:1.72}.category-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.category-cta{color:var(--primary-aa);margin-top:auto;font-size:.85rem;font-weight:900}.category-card:hover .category-cta{text-decoration:underline}.category-icon{border-radius:var(--radius-2);border:1px solid color-mix(in srgb, var(--primary) 24%, var(--line));background:color-mix(in srgb, var(--primary) 10%, white);width:38px;height:38px;color:var(--primary);box-shadow:none;place-items:center;display:inline-grid}.tool-card{flex-direction:column;gap:9px;height:100%;padding:14px;display:flex}.tool-card.is-featured{border-color:color-mix(in srgb, var(--accent) 26%, var(--line))}.tool-head,.card-topline,.card-meta,.tool-card-meta{align-items:center;gap:8px;display:flex}.tool-head{justify-content:space-between;gap:10px}.tool-title-row{align-items:center;gap:10px;min-width:0;display:flex}.tool-logo{border:1px solid color-mix(in srgb, var(--line) 80%, var(--primary));border-radius:var(--radius-2);width:38px;height:38px}.tool-maker{color:var(--muted);font-size:.76rem;font-weight:900;display:block}.tool-summary{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:1.72em;display:-webkit-box;overflow:hidden}.tool-brief{gap:5px;margin:0;display:grid}.tool-brief div{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px;min-width:0;display:grid}.tool-brief dt{color:var(--primary-aa);font-size:.76rem;font-weight:950}.tool-brief dd{color:var(--ink);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.82rem;font-weight:760;line-height:1.42;display:-webkit-box;overflow:hidden}.price-badge.is-free{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 12%, white);color:var(--primary-ink)}.price-badge.is-freemium{border:1px solid color-mix(in srgb, var(--spark) 30%, var(--line));background:color-mix(in srgb, var(--spark) 14%, white);color:#8a4b08}.price-badge.is-paid{border:1px solid color-mix(in srgb, var(--coral) 30%, var(--line));background:color-mix(in srgb, var(--coral) 10%, white);color:#8f2f22}.tool-card-meta,.card-meta,.card-topline{color:var(--muted);flex-wrap:wrap;font-size:.78rem;font-weight:850}.category-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.category-dot.is-chat,.tool-chip.is-chat{background:color-mix(in srgb, var(--primary) 12%, white);color:var(--primary-aa)}.category-dot.is-image,.tool-chip.is-image{background:color-mix(in srgb, var(--coral) 13%, white);color:#8f2f22}.category-dot.is-video,.tool-chip.is-video,.category-dot.is-code,.tool-chip.is-code,.category-dot.is-local,.tool-chip.is-local{background:color-mix(in srgb, var(--primary) 12%, white);color:var(--primary-aa)}.category-dot.is-audio,.tool-chip.is-audio{background:color-mix(in srgb, var(--spark) 16%, white);color:#8a4b08}.category-dot.is-search,.category-dot.is-work,.tool-chip.is-search,.tool-chip.is-work{background:color-mix(in srgb, var(--accent) 13%, white);color:var(--primary-ink)}.category-dot{color:#0000}.category-dot.is-chat,.category-dot.is-video,.category-dot.is-code,.category-dot.is-local{background:var(--primary)}.category-dot.is-image{background:var(--coral)}.category-dot.is-audio{background:var(--spark)}.category-dot.is-search,.category-dot.is-work{background:var(--accent)}.facts{gap:10px;display:grid}.facts.compact{gap:8px}.fact{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);border-radius:var(--radius-1);background:color-mix(in srgb, var(--bg) 62%, white);gap:3px;padding:10px;display:grid}.fact strong{color:var(--primary-aa);font-size:.76rem;font-weight:950}.fact span,.fact p{color:var(--ink);margin:0;font-size:.88rem;font-weight:760;line-height:1.55}.price-table .fact{padding:12px}.fx-note,.checked-note{color:var(--muted);margin:0;font-size:.76rem;font-weight:850}.checked-note{margin-top:-2px}.news-card{grid-template-columns:84px 1fr;align-items:start;gap:14px;padding:14px;display:grid;overflow:hidden}.news-card.is-compact{min-height:100%}.news-eyecatch{border-radius:var(--radius-2);color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--coral) 100%);place-items:center;height:96px;display:grid;position:relative;overflow:hidden}.news-eyecatch.is-image{background:linear-gradient(135deg,#7c3aed,#ec4899)}.news-eyecatch.is-video{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.news-eyecatch.is-chat{background:linear-gradient(135deg, var(--primary), #ff8a5c)}.news-eyecatch.is-search{background:linear-gradient(135deg,#0fa98b,#22d3ee)}.news-eyecatch.is-audio{background:linear-gradient(135deg, var(--spark) 0%, var(--primary) 100%)}.news-eyecatch.is-work,.news-eyecatch.is-local{background:linear-gradient(135deg, var(--primary-ink) 0%, var(--primary) 100%)}.news-ec-logo{width:54px;height:54px;box-shadow:var(--shadow-2);border-radius:14px}.news-eyecatch .category-icon{color:#fff;background:#ffffff29;border-color:#ffffff61;width:44px;height:44px}.news-card-body{gap:6px;min-width:0;display:grid}.news-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.news-tool{background:var(--bg-soft);color:var(--primary-ink);border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:850}.news-cat{color:var(--muted);font-size:.74rem;font-weight:850}.news-card h3{font-size:.98rem;line-height:1.4}.news-sum{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.84rem;line-height:1.6;display:-webkit-box;overflow:hidden}.news-date{color:var(--muted);font-size:.72rem;font-weight:850}.news-explorer{gap:14px;display:grid}.news-filter-head{justify-content:space-between;align-items:center;gap:12px;max-width:100%;display:flex}.news-filter-head p{color:var(--muted);text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.news-filter-head span{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--line));background:color-mix(in srgb, var(--bg-soft) 70%, white);color:var(--primary-aa);border-radius:999px;flex:none;padding:6px 10px;font-size:.82rem;font-weight:950}.news-filter-row{flex-wrap:wrap;gap:8px;display:flex}.news-filter-row button{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--line));min-height:40px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease-standard), border-color .18s var(--ease-standard), background .18s var(--ease-standard), color .18s var(--ease-standard);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:.88rem;font-weight:950;line-height:1.2;display:inline-flex}.news-filter-row button:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));color:var(--primary-aa);transform:translateY(-1px)}.news-filter-row button.is-active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:var(--shadow-button)}.news-filter-row button.is-active small{color:#fff;background:#ffffff2e}.news-filter-row small{background:color-mix(in srgb, currentColor 9%, white);min-width:22px;height:22px;color:inherit;border-radius:999px;place-items:center;font-size:.72rem;font-weight:950;display:inline-grid}.news-list-grid{align-items:stretch}.news-list-grid .news-card{min-height:280px}.news-article{gap:4px;max-width:46em;display:grid}.news-lead{color:var(--ink);margin:0 0 6px;font-size:1.05rem;font-weight:850;line-height:1.9}.news-h2{color:var(--ink);margin:22px 0 4px;font-size:clamp(1.2rem,1rem + .8vw,1.4rem);font-weight:950;line-height:1.35}.news-h3{color:var(--primary-strong);margin:14px 0 2px;font-size:1.05rem;font-weight:900;line-height:1.45}.news-body{color:var(--ink);margin:0;font-size:1rem;font-weight:600;line-height:1.95}.news-fig{border:1px solid var(--line);border-radius:var(--radius-2);background:color-mix(in srgb, var(--primary) 4%, white);margin:16px 0;padding:14px 16px}.news-fig-title{color:var(--primary-strong);margin:0 0 10px;font-size:.95rem;font-weight:950}.news-fig-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.nf-point{border:1px solid var(--line);border-radius:var(--radius-1);background:var(--surface);gap:4px;padding:10px 12px;display:grid}.nf-k{color:var(--primary-aa);font-size:.72rem;font-weight:900}.nf-v{color:var(--ink);font-size:.9rem;font-weight:700;line-height:1.6}.news-fig-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.nf-col{border:1px solid var(--line);border-radius:var(--radius-1);background:var(--surface);gap:4px;padding:12px;display:grid}.nf-head{color:var(--primary-strong);font-size:.9rem;font-weight:900}.nf-body{color:var(--ink);font-size:.9rem;font-weight:700;line-height:1.6}.news-fig-steps{gap:6px;margin:0;padding-left:1.2em;display:grid}.news-fig-steps li{color:var(--ink);font-weight:700;line-height:1.6}.news-caution{border-radius:var(--radius-2);background:var(--bg-soft);color:var(--primary-strong);padding:8px 12px;font-size:.85rem;font-weight:850}.guide-article{max-width:760px;margin:0 auto}.guide-title{padding-bottom:clamp(1.2rem,2.6vw,2rem)}.guide-title .card-topline a{color:var(--primary-aa);font-weight:900}.guide-answer{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-left:4px solid var(--accent);border-radius:var(--radius-2);background:color-mix(in srgb, var(--accent) 8%, white);margin:6px 0 14px;padding:14px 16px}.guide-answer .ga-label{color:var(--accent);letter-spacing:.04em;margin-bottom:4px;font-size:.75rem;font-weight:950;display:block}.guide-answer p{color:var(--ink);margin:0;font-weight:800;line-height:1.9}.toc{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--line));border-radius:var(--radius-2);background:color-mix(in srgb, var(--primary) 4%, white);margin:4px 0 16px;padding:14px 16px;box-shadow:0 10px 28px #1018280d}.toc-title{color:var(--primary-strong);margin:0 0 8px;font-size:.9rem;font-weight:950}.toc ol{gap:5px;margin:0;padding-left:1.35em;display:grid}.toc li{color:var(--primary-aa);padding-left:2px;font-weight:900}.toc a{color:var(--ink);font-weight:850;line-height:1.6;text-decoration:none}.toc a:hover{color:var(--primary-aa)}.guide-body{gap:4px;display:grid}.guide-h2{border-bottom:2px solid color-mix(in srgb, var(--primary) 24%, var(--line));color:var(--ink);margin:26px 0 8px;padding-bottom:7px;scroll-margin-top:200px;font-size:clamp(1.25rem,1rem + .9vw,1.5rem);font-weight:950;line-height:1.38}.guide-h3{color:var(--primary-strong);margin:16px 0 4px;font-size:1.08rem;font-weight:900;line-height:1.48}.guide-p{color:var(--ink);margin:0;font-size:1rem;font-weight:600;line-height:2}.callout{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);border-left-width:4px;align-items:flex-start;gap:10px;margin:14px 0;padding:12px 14px;display:flex;box-shadow:0 10px 28px #1018280d}.callout-icon{border-radius:999px;flex:none;place-items:center;width:26px;height:26px;display:inline-grid}.callout-body{min-width:0}.callout-body strong{color:var(--ink);margin-bottom:2px;font-size:.94rem;font-weight:950;line-height:1.45;display:block}.callout-body p{color:var(--muted);margin:0;font-size:.94rem;font-weight:700;line-height:1.85}.callout.is-tip{border-left-color:var(--accent)}.callout.is-tip .callout-icon{background:color-mix(in srgb, var(--accent) 16%, white);color:var(--accent)}.callout.is-warn{border-left-color:var(--primary-strong)}.callout.is-warn .callout-icon{background:color-mix(in srgb, var(--primary) 14%, white);color:var(--primary-strong)}.callout.is-note{border-left-color:var(--muted)}.callout.is-note .callout-icon{background:color-mix(in srgb, var(--ink) 8%, white);color:var(--ink)}.guide-next{padding-bottom:clamp(1rem,2vw,1.6rem)}.guide-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-link-card{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--line));border-radius:var(--radius-2);background:var(--surface);min-height:142px;box-shadow:var(--shadow-card);color:var(--ink);gap:7px;padding:15px;display:grid}.guide-link-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));color:var(--ink);transform:translateY(-1px)}.guide-link-card span{color:var(--primary-aa);font-size:.76rem;font-weight:950}.guide-link-card strong{color:var(--ink);font-size:1.05rem;font-weight:950;line-height:1.45}.guide-link-card em{color:var(--muted);font-size:.86rem;font-style:normal;font-weight:720;line-height:1.65}.tool-chip{background:var(--bg-soft)}.status-badge{border:1px solid var(--line);background:var(--bg);color:var(--muted)}.status-badge.is-provisional,.status-badge.is-rumored{border-color:color-mix(in srgb, var(--spark) 32%, var(--line));background:color-mix(in srgb, var(--spark) 13%, white);color:#8a4b08}.status-badge.is-confirmed{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent) 12%, white);color:var(--primary-ink)}.status-badge.is-rumored{min-height:26px}.mini-score{color:#fff;border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:950}.mini-score.is-high,.score-total.is-high{background:color-mix(in srgb, var(--primary) 68%, var(--ink))}.mini-score.is-good,.score-total.is-good{background:color-mix(in srgb, var(--accent) 68%, var(--ink))}.mini-score.is-watch,.score-total.is-watch{background:var(--spark)}.mini-score.is-low,.score-total.is-low{background:color-mix(in srgb, var(--coral) 64%, var(--ink))}.resource-card{isolation:isolate;align-self:start;gap:11px;display:grid;position:relative}.axis-trigger{border:0;border-top:1px solid var(--line);width:100%;color:var(--primary-aa);cursor:pointer;text-align:left;background:0 0;justify-self:start;padding:10px 0 0;font-size:.82rem;font-weight:950}.axis-trigger:before{content:"▸";margin-right:2px}.score-dialog-wrap{z-index:500;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.score-dialog-backdrop{cursor:pointer;background:#0e11177a;border:0;position:absolute;inset:0}.score-dialog{z-index:1;border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface);width:min(620px,100%);max-height:min(82vh,720px);box-shadow:var(--shadow-card-hover);gap:14px;padding:18px;display:grid;position:relative;overflow-y:auto}.score-dialog-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.score-dialog-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.score-dialog-x{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.score-dialog h2{margin:2px 0 0;font-size:1.18rem;line-height:1.35}.axis-list.compact{gap:8px;display:grid}.axis-list.compact .axis-row{border:1px solid var(--line);border-radius:var(--radius-1);align-items:center;padding:10px 12px}.axis-list.compact dd{color:var(--primary-strong);white-space:nowrap;margin:0;font-weight:950}.score-dialog-close{justify-self:end}.whatitdoes{flex-direction:column;gap:12px;display:flex}.card-lead{color:var(--ink);margin:0;font-weight:780}.card-subhead{color:var(--muted);margin:6px 0 0;font-size:.95rem;font-weight:950}.chip-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip-list li{background:var(--bg-soft);color:var(--primary-ink);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:900}.bullet-list{gap:6px;margin:0;padding-left:1.1em;display:grid}.bullet-list li{color:var(--ink);font-weight:760;line-height:1.6;list-style:outside}.muted{color:var(--muted);margin:6px 0 0;font-size:.85rem;font-weight:800;line-height:1.65}.use-card{gap:8px;display:grid}.use-case-rail{scroll-snap-type:x proximity;scrollbar-color:color-mix(in srgb, var(--primary) 30%, var(--line)) transparent;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(232px,1fr);grid-auto-flow:column;gap:12px;margin-inline:-20px;padding:2px 20px 8px;scroll-padding-inline:20px;display:grid;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 30px),#0000 100%)}.use-card.is-compact{scroll-snap-align:start;grid-template-columns:auto 1fr;align-content:start;min-width:232px;min-height:104px;padding:12px}.use-card.is-compact .badge{grid-area:1/2;justify-self:end}.use-card.is-compact h3,.use-pills{grid-column:1/-1}.use-explorer{gap:14px;display:grid}.use-explorer-toolbar{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:12px;display:grid}.use-explorer-search{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-2);background:var(--surface);min-width:0;min-height:48px;box-shadow:var(--shadow-line);align-items:center;gap:8px;padding:0 13px;display:flex}.use-explorer-search svg{color:var(--primary);flex:none}.use-explorer-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.95rem;font-weight:850}.use-explorer-search input::placeholder{color:color-mix(in srgb, var(--muted) 72%, white)}.use-filter-row{flex-wrap:wrap;gap:8px;display:flex}.use-filter-row button{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--line));background:color-mix(in srgb, white 88%, var(--bg-soft));min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease-standard), border-color .18s var(--ease-standard), background .18s var(--ease-standard), color .18s var(--ease-standard);border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:950;line-height:1.2}.use-filter-row button:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));color:var(--primary-aa);transform:translateY(-1px)}.use-filter-row button.is-active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:var(--shadow-button)}.use-explorer-meta{border:1px solid color-mix(in srgb, var(--primary) 13%, var(--line));background:color-mix(in srgb, var(--bg-soft) 70%, white);width:fit-content;color:var(--muted);border-radius:999px;align-items:baseline;gap:5px;padding:6px 10px;font-size:.83rem;font-weight:900;display:inline-flex}.use-explorer-meta strong{color:var(--primary-aa);font-size:1rem}.use-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.use-card.is-explorer{min-width:0;min-height:178px;transition:transform .18s var(--ease-standard), box-shadow .18s var(--ease-standard), border-color .18s var(--ease-standard);grid-template-columns:auto 1fr;align-content:start;padding:14px}.use-card.is-explorer:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--line));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.use-card.is-explorer .badge{grid-area:1/2;justify-self:end}.use-card.is-explorer h3,.use-card.is-explorer p,.use-card.is-explorer .use-pills{grid-column:1/-1}.use-card.is-explorer h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;display:-webkit-box;overflow:hidden}.use-card.is-explorer p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.24em;margin:0;font-size:.88rem;line-height:1.62;display:-webkit-box;overflow:hidden}.use-explorer-more{justify-content:center;padding-top:2px;display:flex}.use-explorer-empty{border:1px dashed color-mix(in srgb, var(--primary) 24%, var(--line));border-radius:var(--radius-2);background:color-mix(in srgb, var(--bg-soft) 60%, white);color:var(--muted);text-align:center;margin:0;padding:18px;font-weight:850}.use-icon{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-1);background:color-mix(in srgb, var(--primary) 9%, white);width:32px;height:32px;color:var(--primary-aa);place-items:center;font-size:.8rem;font-weight:950;display:inline-grid}.use-pills{flex-wrap:wrap;gap:6px;display:flex}.use-pills span{background:var(--bg-soft);color:var(--primary-aa);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:950}.tag-list{margin:16px 0 0;padding:0;list-style:none}.tag-list li{border:1px solid var(--line);color:var(--muted);background:#fff}.page-title,.detail-hero,.news-detail{min-width:0}.page-title{padding-top:18px}.page-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.page-title-row .section-eyebrow{margin:0}.detail-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:24px;padding-top:18px;display:grid}.detail-panel{gap:12px;display:grid}.detail-panel h2,.card h2{color:var(--ink);margin:0;font-size:1.2rem;font-weight:950}.source-list{gap:8px;display:grid}.source-list a{border:1px solid var(--line);border-radius:var(--radius-1);color:var(--primary-aa);padding:10px 12px;font-weight:950}.source-list a:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--bg-soft)}.manapick-learn-section{max-width:820px}.section-header .manapick-learn-title{color:var(--manapick-blue)}.section-header .manapick-learn-title:after{background:linear-gradient(90deg, var(--manapick-blue), var(--manapick-teal));content:"";border-radius:999px;width:72px;height:5px;margin-top:8px;display:block}.manapick-link-grid{gap:12px;max-width:760px;display:grid}.manapick-site-card{border:1px solid color-mix(in srgb, var(--manapick-blue) 22%, var(--line));border-radius:var(--radius-2);min-width:0;min-height:116px;box-shadow:0 12px 30px #1f4aa81a, var(--shadow-1);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);background:linear-gradient(135deg,#1f4aa814,#19a6a01c),#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.manapick-site-card:hover{border-color:color-mix(in srgb, var(--manapick-teal) 45%, var(--manapick-blue));color:var(--manapick-blue);box-shadow:0 18px 40px #1f4aa829, var(--shadow-2);transform:translateY(-3px)}.manapick-site-icon{border-radius:var(--radius-2);background:linear-gradient(135deg, var(--manapick-blue), var(--manapick-teal));color:#fff;place-items:center;width:50px;height:50px;display:inline-grid;box-shadow:0 14px 24px #1f4aa838}.manapick-site-main{gap:3px;min-width:0;display:grid}.manapick-site-main strong{color:var(--ink);font-size:1.04rem;font-weight:950;line-height:1.38}.manapick-site-main small{color:var(--muted);font-size:.84rem;font-weight:850;line-height:1.45}.manapick-site-main em{color:var(--manapick-blue);font-size:.82rem;font-style:normal;font-weight:950;line-height:1.35}.manapick-site-cta{border:1px solid color-mix(in srgb, var(--manapick-blue) 24%, var(--line));color:var(--manapick-blue);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:8px 11px;font-size:.84rem;font-weight:950;display:inline-flex}.related-nav-section{border-top:1px solid color-mix(in srgb, var(--primary) 12%, var(--line));padding-top:22px}.related-link-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.related-link-card,.search-use-card{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-2);background:var(--surface);min-width:0;min-height:122px;box-shadow:var(--shadow-card);color:var(--ink);transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);align-content:start;gap:6px;padding:14px;display:grid}.related-link-card:hover,.search-use-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));color:var(--ink);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.related-link-card span,.search-use-card span{color:var(--primary-aa);text-transform:uppercase;font-size:.74rem;font-weight:950}.related-link-card strong,.search-use-card strong{color:var(--ink);word-break:auto-phrase;font-size:1.02rem;font-weight:950;line-height:1.42}.related-link-card small,.search-use-card small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;font-weight:780;line-height:1.55;display:-webkit-box;overflow:hidden}.search-page{gap:18px;display:grid}.search-title{gap:12px;display:grid}.search-page-form{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line));border-radius:var(--radius-2);background:var(--surface);max-width:720px;box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.search-page-form svg{color:var(--primary-aa)}.search-page-form input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-weight:850}.search-page-form button{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:8px 13px;font-size:.86rem;font-weight:950}.search-summary{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--line));border-radius:var(--radius-2);background:color-mix(in srgb, var(--primary) 5%, white);color:var(--muted);padding:12px 14px;font-weight:850}.search-summary b{color:var(--ink)}.search-group{margin-top:6px}.search-use-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.search-empty-panel{border:1px dashed color-mix(in srgb, var(--primary) 24%, var(--line));border-radius:var(--radius-3);background:color-mix(in srgb, var(--bg-soft) 70%, white);gap:16px;padding:18px;display:grid}.search-empty-panel h2,.search-empty-panel p{margin:0}.tool-detail-title{align-items:center;gap:14px;display:flex}.tool-detail-title h1{letter-spacing:0;word-break:auto-phrase;font-size:clamp(1.7rem,1rem + 2.2vw,2.5rem);line-height:1.16}.tool-logo.is-large{width:56px;height:56px}.score-block{gap:18px;display:grid}.ranking-top-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ranking-category-card{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-2);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);gap:10px;padding:14px;display:grid}.ranking-category-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ranking-category-head h3{color:var(--ink);margin:0;font-size:1rem;font-weight:950}.ranking-category-head a{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));color:var(--primary-aa);border-radius:999px;flex:none;padding:4px 9px;font-size:.78rem;font-weight:950}.ranking-category-card ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ranking-category-card li{margin:0}.ranking-category-card li a{border-radius:var(--radius-1);background:color-mix(in srgb, var(--bg-soft) 58%, white);color:var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-weight:850;display:grid}.ranking-category-card li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-category-card li b{color:var(--primary-aa);font-family:Inter,Noto Sans JP,sans-serif}.ranking-table .ct-good{max-width:22em}.next-actions{flex-wrap:wrap;gap:10px;display:flex}.ad-slot{border-radius:var(--radius-2);margin:16px 0;overflow:hidden}.score-card-grid{align-items:stretch}.score-card-grid>.card{min-height:140px;padding:18px}.score-status-grid>.card{min-height:166px}.score-axis-card{min-height:132px}.axis-card{position:relative;overflow:hidden}.axis-card:before{content:"";border-radius:var(--radius-2) 0 0 var(--radius-2);background:linear-gradient(var(--primary), var(--coral));width:4px;position:absolute;top:0;bottom:0;left:0}.axis-num{color:var(--primary-aa);margin-bottom:6px;font-family:Inter,Noto Sans JP,sans-serif;font-size:.8rem;font-weight:900;display:inline-block}.score-axis-card h2,.score-axis-card p,.score-band-grid .card h2,.score-band-grid .card p{margin:0}.score-axis-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.score-rule-grid>.card{min-height:156px}.score-reco-lead,.score-reco-note{max-width:none}.score-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.score-breakdown li{border:1px solid var(--line);border-radius:var(--radius-1);background:color-mix(in srgb, var(--primary) 5%, white);justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.score-breakdown li span{color:var(--ink);white-space:nowrap;font-size:.9rem;font-weight:850}.score-breakdown li b{color:var(--primary-strong);white-space:nowrap;font-family:Inter,Noto Sans JP,sans-serif;font-size:1.1rem}.score-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.score-total{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line));border-radius:var(--radius-2);background:color-mix(in srgb, var(--primary) 6%, white);color:var(--primary-strong);box-shadow:var(--shadow-card);align-items:center;gap:7px;padding:12px 14px;display:inline-flex}.score-block .score-total.is-high,.score-block .score-total.is-good,.score-block .score-total.is-watch,.score-block .score-total.is-low{background:color-mix(in srgb, var(--primary) 6%, white);color:var(--primary-strong)}.score-total span{font-size:2.2rem;font-weight:950;line-height:1}.score-total small{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:950;line-height:1.2}.score-total i{color:var(--muted);font-size:1rem;font-style:normal;font-weight:950}.score-status{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--line));border-radius:var(--radius-2);background:var(--surface);align-content:center;gap:4px;min-height:58px;padding:9px 12px;display:inline-grid}.score-status .status-badge{width:fit-content}.score-status small{color:var(--muted);font-size:.82rem;font-weight:850;line-height:1.35}.axis-list{gap:10px;display:grid}.axis-row{border:1px solid var(--line);border-radius:var(--radius-2);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.axis-row strong,.axis-row b{color:var(--ink);font-weight:950}.axis-row span{color:var(--muted);margin-top:3px;font-size:.85rem;font-weight:760;line-height:1.6;display:block}.empty-state{border:1px dashed color-mix(in srgb, var(--primary) 26%, var(--line));border-radius:var(--radius-2);background:color-mix(in srgb, var(--bg-soft) 58%, white);color:var(--muted);padding:16px;font-weight:850;line-height:1.7}.paginated-grid{scroll-margin-top:140px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pager-btn,.pager-num{border:1px solid var(--line);background:var(--surface);min-width:40px;height:40px;color:var(--ink);cursor:pointer;transition:border-color .18s var(--ease-standard), background .18s var(--ease-standard), color .18s var(--ease-standard), transform .18s var(--ease-standard);border-radius:10px;place-items:center;font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-size:.92rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 1px #0e11170a}.pager-btn:hover,.pager-num:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));color:var(--primary-aa);transform:translateY(-1px)}.pager-num.is-active{border-color:var(--primary-aa);background:var(--primary-aa);color:#fff;box-shadow:var(--shadow-button)}.pager-btn:disabled{opacity:.42;cursor:default;transform:none}.table-scroll{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);width:100%;max-width:100%;box-shadow:var(--shadow-card);overflow-x:auto}.compare-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1080px;font-size:.86rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px}.compare-table thead th{z-index:1;background:var(--bg-soft);color:var(--primary-ink);white-space:nowrap;font-weight:950;position:sticky;top:0}.compare-table tbody th[scope=row] a{color:var(--primary-ink);font-weight:950}.compare-table .cell-price{white-space:normal}.compare-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--primary) 3%, var(--surface))}.rank-badge{background:var(--bg-soft);width:26px;height:26px;color:var(--primary-ink);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:850;line-height:1;display:inline-flex}.rank-1{color:#8a5a00;background:#feefc7}.rank-2{color:#56616f;background:#eceff4}.rank-3{color:#8a4b1d;background:#f7e2d3}.reco-score{white-space:nowrap;align-items:baseline;display:inline-flex}.reco-score b{color:var(--primary-strong);font-size:1.05rem}.reco-score i{color:var(--muted);margin-left:1px;font-size:.75rem;font-style:normal}.ct-name{align-items:center;gap:8px;min-width:150px;display:flex}.ct-logo{border:1px solid var(--line);border-radius:6px;width:22px;height:22px}.ct-price{max-width:320px;color:var(--muted);font-size:.82rem;line-height:1.45;display:block}.ct-good{color:var(--ink)}.jp-badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:850;line-height:1.45;display:inline-block}.jp-badge.is-good{color:#0f6e56;background:#e7f7f1}.jp-badge.is-ok{background:var(--bg-soft);color:var(--primary-ink)}.jp-badge.is-weak{color:#993c1d;background:#fdecea}.compare-note{color:var(--muted);white-space:nowrap;scrollbar-width:none;align-items:center;gap:4px;margin-top:10px;font-size:.78rem;font-weight:850;line-height:1.6;display:flex;overflow-x:auto}.compare-note::-webkit-scrollbar{display:none}.compare-note .nowrap-link{color:var(--primary-strong);white-space:nowrap;font-weight:850}.compare-table th:first-child,.compare-table td:first-child{width:7%}.compare-table th:nth-child(2),.compare-table td:nth-child(2){width:16%}.compare-table th:nth-child(3),.compare-table td:nth-child(3),.compare-table th:nth-child(4),.compare-table td:nth-child(4){width:11%}.compare-table th:nth-child(5),.compare-table td:nth-child(5){width:25%}.compare-table th:nth-child(6),.compare-table td:nth-child(6){width:10%}.compare-table th:nth-child(7),.compare-table td:nth-child(7){width:15%}.compare-table th:nth-child(8),.compare-table td:nth-child(8){width:5%}.compare-table tbody tr:hover{background:color-mix(in srgb, var(--primary) 5%, var(--surface))}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.policy-page{max-width:860px;margin:0 auto;padding:28px 20px 48px}.policy-page>article>.section-eyebrow{margin-bottom:6px}.policy-page h1{margin:0 0 10px;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.6rem);line-height:1.14}.policy-page .lead{margin:0 0 8px}.policy-page section{margin-top:22px}.policy-page section h2{color:var(--ink);margin:0 0 6px;font-size:1.2rem;font-weight:950}.policy-page section p{color:var(--muted);margin:0;font-weight:700;line-height:1.9}.faq-list,.glossary-list{gap:10px;margin-top:14px;display:grid}.faq-item,.glossary-item{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);box-shadow:var(--shadow-card);padding:16px}.faq-item{padding:0;overflow:hidden}.faq-item>summary{cursor:pointer;color:var(--ink);align-items:center;gap:12px;padding:14px 16px;font-weight:900;list-style:none;display:flex}.faq-item>summary::-webkit-details-marker{display:none}.faq-num{background:var(--primary-strong);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:36px;height:26px;font-family:Inter,Noto Sans JP,sans-serif;font-size:.8rem;font-weight:900;display:inline-grid}.faq-q{flex:1;min-width:0;line-height:1.55}.faq-mark{flex:none;width:14px;height:14px;position:relative}.faq-mark:before,.faq-mark:after{content:"";background:var(--primary-strong);margin:auto;position:absolute;inset:0}.faq-mark:before{width:14px;height:2px}.faq-mark:after{width:2px;height:14px;transition:transform .18s var(--ease-standard), opacity .18s var(--ease-standard)}.faq-item[open] .faq-mark:after{opacity:0;transform:rotate(90deg)}.faq-a{color:var(--muted);padding:0 16px 14px 64px;font-weight:700;line-height:1.9}.faq-a p{margin:0}.glossary-item{grid-template-columns:150px minmax(0,1fr);gap:14px;padding-left:64px;display:grid;position:relative}.gl-badge{background:linear-gradient(150deg, var(--coral), var(--primary));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-family:Inter,Noto Sans JP,sans-serif;font-weight:900;display:inline-grid;position:absolute;top:16px;left:16px}.glossary-item dt{color:var(--primary-aa);font-size:1.02rem;font-weight:950}.glossary-item dd{gap:8px;min-width:0;margin:0;display:grid}.glossary-links{flex-wrap:wrap;gap:8px;display:flex}.glossary-links a{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));background:color-mix(in srgb, var(--bg-soft) 68%, white);color:var(--primary-aa);border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:950}.spec-guide{gap:12px;display:grid}.spec-tier{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:156px minmax(0,1fr);display:grid;overflow:hidden}.spec-ram{color:#fff;background:linear-gradient(150deg,#ff8a5c,#ff4438);align-content:center;gap:4px;padding:16px;display:grid}.spec-tier.t-1 .spec-ram{background:linear-gradient(150deg,#ff4438,#e0301f)}.spec-tier.t-2 .spec-ram{background:linear-gradient(150deg,#cc2418,#8f1810)}.spec-tier.t-3 .spec-ram{background:linear-gradient(150deg,#7a1410,#0e1117)}.spec-ram-num{font-family:Inter,Noto Sans JP,sans-serif;font-size:1.6rem;font-weight:900;line-height:1}.spec-ram-label{opacity:.96;font-size:.82rem;font-weight:900}.spec-body{min-width:0;padding:14px 16px}.spec-title{color:var(--primary-strong);margin:0 0 8px;font-weight:950}.spec-rows{gap:6px;margin:0;display:grid}.spec-rows>div{grid-template-columns:140px minmax(0,1fr);gap:10px;display:grid}.spec-rows dt{color:var(--muted);margin:0;font-size:.78rem;font-weight:850}.spec-rows dd{color:var(--ink);margin:0;font-weight:700;line-height:1.7}.menu-toggle{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);width:42px;height:42px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.menu-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px}.menu-overlay{z-index:290;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease);background:#0e111775;position:fixed;inset:0}.menu-overlay.is-open{opacity:1;pointer-events:auto}.menu-drawer{z-index:300;border-left:1px solid var(--line);background:var(--surface);width:min(90vw,372px);transition:transform var(--dur-2) var(--ease);align-content:start;gap:8px;padding:18px 18px 28px;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-16px 0 48px #0e111738}.menu-drawer.is-open{transform:translate(0)}.menu-panel{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:var(--radius-2);background:linear-gradient(135deg, #ff443814, #ff7a5c0d), var(--surface);box-shadow:var(--shadow-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.menu-close{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--line));border-radius:var(--radius-1);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.menu-close:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--line));background:color-mix(in srgb, var(--primary) 8%, white);color:var(--primary-aa)}.menu-panel-icon{border-radius:var(--radius-1);background:linear-gradient(135deg, var(--primary), var(--spark));color:#fff;width:38px;height:38px;box-shadow:var(--shadow-button);place-items:center;display:inline-grid}.menu-panel strong,.menu-panel span{display:block}.menu-panel strong{color:var(--ink);font-size:1rem;font-weight:950;line-height:1.3}.menu-panel div>span{color:var(--muted);font-size:.8rem;font-weight:850;line-height:1.45}.menu-heading{color:var(--muted);text-transform:uppercase;margin:10px 0 4px;font-size:.74rem;font-weight:950}.menu-links,.menu-cats{margin:0;padding:0;list-style:none}.menu-links a,.menu-cats a{border-radius:var(--radius-1);color:var(--ink);padding:10px 6px;font-weight:900;display:block}.menu-links.is-rich{gap:8px;display:grid}.menu-links.is-rich a{border:1px solid color-mix(in srgb, var(--primary) 12%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--bg-soft));grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.menu-link-icon{border-radius:var(--radius-1);background:color-mix(in srgb, var(--primary) 9%, white);width:34px;height:34px;color:var(--primary-aa);place-items:center;display:inline-grid}.menu-link-copy{gap:1px;min-width:0;display:grid}.menu-link-copy strong,.menu-link-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-link-copy strong{color:var(--ink);font-size:.92rem;line-height:1.35}.menu-link-copy small{color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.35}.menu-links.is-rich a.menu-manapick{border-color:color-mix(in srgb, #1f4aa8 24%, var(--line));background:linear-gradient(135deg,#1f4aa817,#19a6a01a)}.menu-links.is-rich a.menu-manapick .menu-link-icon{color:#fff;background:linear-gradient(135deg,#1f4aa8,#18a6a0)}.menu-links.is-rich a.menu-manapick .menu-link-copy strong{color:#1f4aa8}.menu-links a:hover,.menu-cats a:hover{background:color-mix(in srgb, var(--primary) 8%, white)}.menu-links.is-rich a:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--line))}.menu-links.is-rich a.menu-manapick:hover{background:linear-gradient(135deg,#1f4aa824,#19a6a024);border-color:#1c71a5}.menu-cats{grid-template-columns:1fr;gap:2px;display:grid}.category-icon.is-nav{width:auto;height:auto;box-shadow:none;color:currentColor;background:0 0;border:0;padding:0}.menu-cats a{align-items:center;gap:6px;width:100%;display:inline-flex}.menu-cats .category-icon.is-nav{color:var(--primary-aa)}ol{margin:12px 0 0;padding-left:1.4rem}ol li{color:var(--muted);margin:7px 0;font-weight:760;line-height:1.7}@media (max-width:1120px){.main-nav a svg{display:none}}.site-footer{border-top:1px solid var(--line);background:var(--ink);color:#fff;padding:26px 20px 20px}.reveal{opacity:0;transform:translateY(14px)}.reveal.is-in{opacity:1;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:none}.footer-grid{grid-template-columns:1.5fr 1.4fr 1.4fr 1fr;gap:16px 24px;max-width:1180px;margin:0 auto;display:grid}.site-footer .brand-word,.site-footer .brand-word strong,.site-footer a{color:#fff}.site-footer .brand-word small,.site-footer p,.footer-disclosure,.footer-note{color:#ffffffc2}.site-footer h2{margin:0 0 6px;font-size:.82rem;font-weight:950}.site-footer nav{align-content:start;gap:0;display:grid}.site-footer .footer-cats{-moz-column-gap:14px;grid-template-columns:1fr 1fr;column-gap:14px}.site-footer .footer-cats h2{grid-column:1/-1}.site-footer nav a{color:#ffffffc7;padding:3px 0;font-size:.86rem;font-weight:800;line-height:1.5;display:block}.footer-note{max-width:1180px;margin:14px auto 0;font-size:.82rem;font-weight:800}.footer-disclosure{max-width:1180px;margin:18px auto 0;font-size:.75rem;font-weight:760}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.metric,.metric:hover{transition:none;transform:none}.hc-track{transition:none}.reveal,.reveal.is-in{opacity:1;transform:none}}@media (max-width:980px){.header-inner{flex-wrap:wrap;align-items:start}.quick-search.is-header{flex-basis:100%;order:3;max-width:none}.main-nav{width:100%;padding-bottom:2px;overflow-x:auto}.hero,.detail-hero{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.grid.cols-3,.grid.cols-4,.latest-tools-strip,.ranking-top-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-explorer-toolbar{grid-template-columns:1fr}.use-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){*{scroll-margin-top:180px}.header-inner{justify-content:space-between;align-items:center;gap:8px;padding-block:8px}.quick-search.is-header,.main-nav{display:none}.category-strip{display:flex}.menu-toggle{display:inline-flex}.quick-command{display:none}.hero{min-height:auto;padding-top:12px}.hero-kv-overlay{max-width:68%;top:18px;left:18px}.pager{gap:6px;margin-top:20px}.pager-btn,.pager-num{border-radius:9px;min-width:36px;height:36px;font-size:.86rem}.hc-card{gap:7px;padding:18px 20px 34px}.hc-title{-webkit-line-clamp:2;font-size:clamp(1.05rem,5vw,1.25rem);line-height:1.45}h1{font-size:clamp(2.05rem,12vw,3.1rem)}.detail-hero h1{overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2rem,9.2vw,2.65rem);line-height:1.12}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.use-case-rail{scroll-snap-type:x mandatory;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.use-card.is-compact{scroll-snap-align:start;min-width:min(82vw,280px)}.use-filter-row,.news-filter-row{scrollbar-width:thin;flex-wrap:nowrap;margin-inline:-20px;padding:2px 20px 4px;scroll-padding-inline:20px;overflow-x:auto}.use-explorer-grid{grid-template-columns:1fr}.use-card.is-explorer{min-height:0}.section-header{flex-direction:column;align-items:flex-start}.latest-tools-strip,.ranking-top-grid{grid-template-columns:1fr}.mp-band{grid-template-columns:auto minmax(0,1fr)}.mp-band-cta{grid-column:1/-1;justify-self:start}}@media (max-width:640px){.news-fig-points,.news-fig-compare,.guide-link-grid{grid-template-columns:1fr}.guide-link-card{min-height:0}.toc{padding:12px 14px}.guide-p{line-height:1.92}.callout{gap:9px;padding:12px}.score-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-tier{grid-template-columns:1fr}.glossary-item{grid-template-columns:1fr;gap:8px}.spec-ram{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:10px;padding:10px 14px}.spec-rows>div{grid-template-columns:1fr;gap:2px}}@media (max-width:520px){.score-dialog-wrap{align-items:end;padding:0}.score-dialog{border-radius:var(--radius-3) var(--radius-3) 0 0;width:100%;max-height:82vh;padding:16px 14px 18px}.score-dialog-head{align-items:flex-start}.score-dialog-close{justify-self:stretch}.manapick-site-card{grid-template-columns:auto minmax(0,1fr);align-items:start;min-height:0}.manapick-site-cta{grid-column:1/-1;justify-self:start}.score-card-grid>.card,.score-status-grid>.card,.score-rule-grid>.card{min-height:0}.score-axis-grid>.score-axis-card{min-height:130px}.score-breakdown{grid-template-columns:1fr}.menu-cats a{min-height:38px;padding-block:7px}.news-card{grid-template-columns:64px minmax(0,1fr);gap:12px}.news-eyecatch{height:72px}.news-eyecatch .category-icon,.news-ec-logo{border-radius:12px;width:42px;height:42px;display:inline-grid}.weekly-pick{gap:10px}.wp-score{margin-left:0}}@media (max-width:420px){.page{padding-inline:14px}.hc-card{gap:5px;padding:14px 18px 28px}.hc-eyebrow{padding:2px 9px;font-size:.68rem}.hc-meta{font-size:.78rem;line-height:1.45}.hc-cta{font-size:.86rem}.section-band{margin-inline:-14px;padding-inline:14px}.use-case-rail,.use-filter-row,.news-filter-row{margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}.brand-word small{display:none}.tool-head,.score-head{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.hero{border-radius:0;margin-inline:-14px}}