:root{--bg: #f6f5f1;--surface: #ffffff;--surface-alt: #edece6;--ink: #1a2230;--ink-sub: #5a6478;--ink-muted: #8b93a5;--line: #e5e3db;--line-soft: #eeece5;--navy: #101c33;--navy-deep: #081020;--navy-2: #1d2c4d;--navy-link: #c5cddc;--navy-sub: #7d8aa3;--navy-text: #aab3c5;--gold: #c9a353;--gold-light: #e2bf74;--gold-dark: #8a6d2f;--gold-tint: #faf6ec;--gold-marker: #f3e3b8;--accent: #e8552f;--good: #1b7d46;--good-bg: #e9f4ed;--bad: #c23636;--bad-bg: #faecec;--star: #e0a63c;--star-bg: #ddd9cd;--medal-gold: #d9a419;--medal-gold-light: #f0c649;--medal-silver: #8d99a6;--medal-silver-light: #b9c2cc;--medal-bronze: #9a6b40;--medal-bronze-light: #c69368;--font-body: "Noto Sans JP", -apple-system, "Hiragino Sans", sans-serif;--container: 1080px;--radius: 14px;--shadow-card: 0 1px 2px rgba(16, 28, 51, .06), 0 4px 16px rgba(16, 28, 51, .08);--shadow-cta: 0 4px 14px rgba(232, 85, 47, .35);--shadow-gold: 0 6px 24px rgba(201, 163, 83, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}@view-transition{navigation:auto}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-load-cue{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;pointer-events:none;opacity:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold));box-shadow:0 1px 9px #e2bf74a6}img{max-width:100%;height:auto}a{color:var(--gold-dark);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4{line-height:1.5;font-weight:900}h1{font-size:clamp(24px,5vw,34px);margin:.4em 0 .6em}h2{font-size:clamp(20px,3.6vw,26px);margin:2.2em 0 .8em;padding-left:14px;border-left:5px solid var(--gold)}h3{font-size:1.1rem;font-weight:700;margin:1.8em 0 .6em}.container{max-width:var(--container);margin:0 auto;padding:0 20px 4rem}.h2c{border:none;padding:0;text-align:center;font-size:clamp(22px,4vw,30px);margin:2.6em 0 1em}.h2c .h2c-sub{display:block;font-size:13px;font-weight:700;color:var(--gold-dark);letter-spacing:.14em;margin-top:6px}.site-header{background:var(--navy);position:sticky;top:0;z-index:50;view-transition-name:site-header}.site-header .inner{max-width:var(--container);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:20px;color:#fff;text-decoration:none;letter-spacing:.03em}.brand:hover{color:#fff}.brand-tagline{color:var(--navy-sub);font-size:11px;font-weight:500;margin-top:3px}.global-nav{margin-left:auto}.global-nav ul{display:flex;gap:4px;margin:0;padding:0;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.global-nav a{display:block;padding:8px 12px;color:var(--navy-link);text-decoration:none;font-size:13px;font-weight:500;border-radius:8px;white-space:nowrap;transition:background .18s ease,color .18s ease}.global-nav a:hover{background:var(--navy-2);color:#fff}.global-nav a[aria-current=page]{background:var(--navy-2);color:var(--gold-light);font-weight:700}.pr-notice{margin:0;background:var(--surface-alt);color:var(--ink-sub);font-size:11px;text-align:center;padding:6px 12px;view-transition-name:pr-notice}.hero{position:relative;overflow:hidden;background:repeating-linear-gradient(125deg,rgba(255,255,255,.014) 0 1px,transparent 1px 12px),linear-gradient(112deg,var(--navy) 0%,var(--navy-deep) 48%,#0d1930 100%);margin:0 calc(50% - 50vw) 2rem;padding:clamp(52px,7vw,84px) 20px clamp(48px,7vw,76px)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 24%,rgba(226,191,116,.42) 0 1px,transparent 2px),radial-gradient(circle at 34% 77%,rgba(255,255,255,.2) 0 1px,transparent 2px),radial-gradient(circle at 91% 18%,rgba(226,191,116,.38) 0 1px,transparent 2px),repeating-radial-gradient(circle at 88% 52%,transparent 0 110px,rgba(226,191,116,.055) 111px 112px,transparent 113px 172px),radial-gradient(ellipse 64% 90% at 8% 50%,rgba(29,44,77,.5),transparent 68%),radial-gradient(ellipse 48% 68% at 92% 48%,rgba(201,163,83,.1),transparent 72%);pointer-events:none}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,163,83,.7),transparent)}.hero>*{position:relative}.hero-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:clamp(34px,5vw,68px);width:min(100%,var(--container));margin:0 auto}.hero-copy{min-width:0;text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(201,163,83,.45);color:var(--gold-light);font-size:12px;font-weight:700;border-radius:999px;padding:6px 16px;letter-spacing:.08em}.hero h1{color:#fff;font-size:clamp(28px,5.6vw,46px);font-weight:900;line-height:1.45;margin:22px 0 0;max-width:640px;letter-spacing:.01em;text-wrap:balance}.hero-lead{color:var(--navy-text);font-size:clamp(14px,2vw,16px);line-height:2;margin:18px 0 0;max-width:560px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}.hero-sub-link{color:var(--navy-link);font-size:13px;font-weight:500;text-decoration:none;border-bottom:1px solid #3a4a6d;padding-bottom:2px}.hero-sub-link:hover{color:#fff}.hero .hero-note{color:var(--navy-sub);font-size:11px;margin:26px 0 0}.hero-visual{position:relative;overflow:hidden;aspect-ratio:16 / 9;margin:0;border:1px solid rgba(226,191,116,.34);border-radius:22px;background:var(--navy);box-shadow:0 24px 56px #00000047,0 0 0 8px #c9a3530f}.hero-visual picture,.hero-visual img{display:block;width:100%;height:100%}.hero-visual img{object-fit:cover}@media(prefers-reduced-motion:no-preference){@keyframes heroAccentIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-badge,.hero-actions{animation:heroAccentIn .55s cubic-bezier(.22,.9,.3,1) both}.hero-actions{animation-delay:.08s}}@media(max-width:820px){.site-header .inner{gap:8px}.global-nav{width:100%;min-width:0;margin-left:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.global-nav::-webkit-scrollbar{display:none}.global-nav ul{width:max-content;overflow:visible}.hero-inner{grid-template-columns:1fr;gap:28px;max-width:680px}.hero-copy{text-align:center}.hero h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{align-items:center}.hero-visual{width:min(100%,600px);margin:0 auto}}@media(max-width:640px){.hero{padding-top:40px;padding-bottom:42px}.hero-inner{gap:22px}.hero h1{margin-top:18px;line-height:1.4}.hero-lead{margin-top:14px;line-height:1.85}.hero-actions{margin-top:24px}.hero .hero-note{margin-top:18px}.hero-visual{border-radius:16px}}.cta-gold{display:inline-block;text-decoration:none;background:linear-gradient(160deg,var(--gold-light),var(--gold));color:var(--navy);border:none;border-radius:12px;padding:17px 36px;box-shadow:var(--shadow-gold);transition:transform .18s ease,box-shadow .18s ease;max-width:460px;width:min(100%,460px);cursor:pointer;font-family:inherit;text-align:center}.cta-gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a35380;color:var(--navy)}.cta-gold .cta-main{display:block;font-size:17px;font-weight:900}.cta-gold .cta-sub{display:block;font-size:12px;font-weight:700;opacity:.8;margin-top:3px}.promo-navy{position:relative;overflow:hidden;background:var(--navy);border-radius:var(--radius);padding:clamp(28px,5vw,44px);text-align:center;margin:3rem 0}.promo-navy:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 90% at 50% -20%,rgba(201,163,83,.2),transparent 65%)}.promo-navy>*{position:relative}.promo-navy h2{color:#fff;border:none;padding:0;font-size:clamp(20px,3.6vw,27px);margin:14px 0 0;line-height:1.6}.promo-navy p{color:var(--navy-text);font-size:14px;line-height:1.9;margin:12px auto 0;max-width:440px}.promo-navy .cta-gold{margin-top:22px;width:auto}.rank-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;margin:20px 0}.rank-card[data-medal=gold]{border:2px solid var(--medal-gold)}.rank-card[data-medal=silver]{border:2px solid var(--medal-silver)}.rank-card[data-medal=bronze]{border:2px solid var(--medal-bronze)}.rank-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px 0;border:none;margin:0}.rank-badge{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:900;line-height:1;color:#fff;background:var(--surface-alt)}.rank-badge small{font-size:8px;font-weight:700;display:block}.rank-badge.gold{background:linear-gradient(160deg,var(--medal-gold-light),var(--medal-gold));box-shadow:0 2px 8px #d9a41973}.rank-badge.silver{background:linear-gradient(160deg,var(--medal-silver-light),var(--medal-silver));box-shadow:0 2px 8px #8d99a673}.rank-badge.bronze{background:linear-gradient(160deg,var(--medal-bronze-light),var(--medal-bronze));box-shadow:0 2px 8px #9a6b4073}.rank-badge.plain{background:var(--surface-alt);color:var(--ink-sub)}.rank-title{flex:1;min-width:200px}.rank-title h3{margin:0;font-size:clamp(19px,3vw,23px);font-weight:900;line-height:1.3}.rank-catch,.rank-comment{margin:14px 20px 0;font-size:15px;font-weight:700;background:var(--gold-tint);border-radius:8px;padding:11px 15px;line-height:1.7}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0 0}.spec-grid>div{background:var(--surface);padding:12px 10px;text-align:center}.spec-grid dt{font-size:11px;color:var(--ink-muted);font-weight:500}.spec-grid dd{margin:2px 0 0;font-weight:900;font-size:clamp(12px,1.25vw,14px);letter-spacing:-.02em;line-height:1.55}.spec-grid .spec-tax{display:block;white-space:nowrap;font-size:.78em;font-weight:700;letter-spacing:0}.spec-grid dd.good{color:var(--good)}.rank-cta-row{padding:16px 20px 18px;display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.rank-cta-row .cta-wrap{flex:2;min-width:240px;margin:0}.rank-cta-row .cta-btn{width:100%}.btn-outline{flex:1;min-width:130px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:13px;font-weight:700;color:var(--ink-sub);border:1.5px solid #d5d2c8;border-radius:10px;padding:12px;transition:border-color .18s ease,color .18s ease}.btn-outline:hover{border-color:var(--navy);color:var(--navy)}.rank-rows{list-style:none;margin:20px 0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rank-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft);margin:0;background:none;box-shadow:none;border-radius:0}.rank-row:last-child{border-bottom:none}.rank-row-num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:var(--ink-sub);background:var(--surface-alt);font-size:14px}.rank-row-body{flex:1;min-width:0;display:flex;flex-direction:column}.rank-row-name{font-weight:700;font-size:15px;color:var(--ink);line-height:1.4;text-decoration:none}.rank-row-name:hover{color:var(--gold-dark)}.rank-row-catch,.rank-row-spec{font-size:12px;color:var(--ink-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .table-cta{background:none;color:var(--accent);border:1.5px solid var(--accent);transition:background .18s ease,color .18s ease}.rank-row .table-cta:hover{background:var(--accent);color:#fff}.review-link{text-align:center;font-size:.9rem;margin:0 0 16px}.stars{display:inline-flex;align-items:center;gap:8px}.stars-bg{position:relative;color:var(--star-bg);font-size:15px;letter-spacing:1px;line-height:1}.stars.lg .stars-bg{font-size:17px}.stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--star)}.stars-value{color:var(--ink);font-size:1.25em;font-weight:900;line-height:1}.cta-wrap{text-align:center;margin:1.2rem 0 .4rem}.cta-btn{display:inline-block;width:min(100%,420px);background:var(--cta-color, var(--accent));color:#fff;font-weight:900;text-decoration:none;text-align:center;padding:15px 20px;border-radius:10px;box-shadow:var(--shadow-cta);transition:transform .18s ease,filter .18s ease}.cta-btn:hover{transform:translateY(-2px);filter:brightness(1.07);color:#fff}.cta-btn .cta-main{display:block;font-size:16px}.cta-btn .cta-main:after{content:" ›"}.cta-btn .cta-sub{display:block;font-size:12px;font-weight:500;opacity:.92;margin-top:3px}.cta-btn.secondary{filter:saturate(.85)}.table-scroll{overflow-x:auto;margin:16px 0 1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-overflow-scrolling:touch}.compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;background:var(--surface);font-size:13px}.compare-table th,.compare-table td{border:none;border-bottom:1px solid var(--line-soft);padding:11px 10px;text-align:center;vertical-align:middle}.compare-table thead th{background:var(--navy);color:#fff;font-size:12px;font-weight:900;padding:12px 10px;min-width:106px;border-bottom:1px solid var(--line)}.compare-table thead th a{color:#fff;text-decoration:none}.compare-table thead th a:hover{color:var(--gold-light)}.compare-table .brand-bar{display:inline-block;width:26px;height:3px;border-radius:2px;margin-top:6px}.compare-table .sticky-col{position:sticky;left:0;z-index:1;background:var(--bg);color:var(--ink-sub);font-weight:700;font-size:12px;text-align:left;white-space:nowrap}.compare-table thead .sticky-col{background:var(--navy);color:#fff;z-index:2}.compare-table td.good{color:var(--good);font-weight:900;background:var(--good-bg)}.compare-table td.bad{color:var(--bad);background:var(--bad-bg)}.table-cta{display:inline-block;background:var(--cta-color, var(--accent));color:#fff;font-weight:900;font-size:11px;text-decoration:none;padding:8px 12px;border-radius:999px;white-space:nowrap;transition:filter .18s ease}.table-cta:hover{filter:brightness(1.15);color:#fff}.table-note{text-align:center;font-size:12px;color:var(--ink-muted);margin:10px 0 0}.vs-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:1.5rem 0}.vs-head .vs-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px 14px;text-align:center}.vs-head .vs-side h2{border:none;padding:0;margin:0 0 4px;font-size:clamp(16px,2.6vw,20px)}.vs-head .vs-side p{margin:0 0 6px;font-size:12px;color:var(--ink-sub)}.vs-mark{font-weight:900;font-size:1.4rem;color:var(--gold);text-align:center}.choose-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:1.2rem 0}.choose-cols .card{margin:0}.choose-cols .card h3{margin-top:0}.verdict{background:var(--surface);border:2px solid var(--gold);border-radius:var(--radius);box-shadow:0 8px 28px #101c3329;overflow:hidden;padding:0;margin:1.6rem 0}.verdict-head{background:linear-gradient(160deg,var(--gold-light),var(--gold));padding:10px 20px;display:flex;align-items:center;gap:8px;color:var(--navy);font-size:13px;font-weight:900;letter-spacing:.08em}.verdict-body{padding:20px 22px 22px}.verdict-body p{font-size:16px;font-weight:700;line-height:2;margin:0 0 .8em}.verdict-body p:last-child{margin-bottom:0}.verdict h2{border:none;padding:0;margin:0;font-size:inherit;color:inherit;display:inline}mark,.marker{background:linear-gradient(transparent 62%,var(--gold-marker) 62%);color:inherit}.md-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:18px 0}.merit-card,.demerit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:0}.merit-card{border-top:4px solid var(--good)}.demerit-card{border-top:4px solid var(--bad)}.merit-card>.md-title{font-size:15px;font-weight:900;color:var(--good);margin-bottom:14px}.demerit-card>.md-title{font-size:15px;font-weight:900;color:var(--bad);margin-bottom:14px}.merit-list,.demerit-list{margin:.6em 0 1em;padding:0;list-style:none}.merit-list li,.demerit-list li{padding-left:32px;position:relative;font-size:.95rem;margin:.6em 0}.merit-list li:before,.demerit-list li:before{position:absolute;left:0;top:.22em;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.merit-list li:before{content:"✓";background:var(--good-bg);color:var(--good)}.demerit-list li:before{content:"△";background:var(--bad-bg);color:var(--bad)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 22px;margin:1rem 0}.editor-note{margin-top:2.4rem;border-color:var(--gold);background:var(--gold-tint)}.editor-note h2{border:none;padding:0;margin:0 0 .5rem;color:var(--gold-dark);font-size:1rem}.editor-note p{margin:0}.sec{margin:2.4rem 0 1rem}.sec .label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}.sec h1,.sec h2{margin-top:.1em}.note{font-size:12px;color:var(--ink-muted)}.page-intro-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(24px,4vw,46px);align-items:center;margin:2rem 0 2.4rem}.page-intro-grid .sec{margin:0 0 .8rem}.page-intro-grid .page-intro-copy>:last-child{margin-bottom:0}.page-intro-grid.detail-intro{align-items:start}.editorial-visual{position:relative;overflow:hidden;margin:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card);isolation:isolate}.editorial-visual:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff6}.editorial-visual img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;margin:1.4rem 0;list-style:none}.link-grid a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;text-decoration:none;color:var(--ink);font-weight:900;font-size:15px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.link-grid a:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 20px #101c331a;color:var(--ink)}.link-grid .sub{display:block;font-size:12px;font-weight:400;color:var(--ink-sub);line-height:1.6}.feature-link-grid a{position:relative;overflow:hidden;padding-right:52px;border-top:3px solid rgba(201,163,83,.55)}.feature-link-grid a:after{content:"›";position:absolute;top:15px;right:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--gold-tint);color:var(--gold-dark);font-size:18px;font-weight:900;transition:background .18s ease,color .18s ease}.feature-link-grid a:hover:after{background:var(--navy);color:var(--gold-light)}.faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:1.4rem 0}.faq details{border-bottom:1px solid var(--line-soft)}.faq details:last-child{border-bottom:none}.faq summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:flex-start;padding:16px 20px;font-size:15px;font-weight:700;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";color:var(--gold-dark);font-weight:900;flex-shrink:0}.faq summary:after{content:"＋";color:var(--ink-muted);flex-shrink:0;margin-left:auto}.faq details[open] summary:after{content:"－"}.faq .faq-a{padding:0 20px 18px 44px;font-size:14px;color:var(--ink-sub);line-height:1.9}.breadcrumbs{font-size:12px;color:var(--ink-muted);margin:14px 0 .4rem}.breadcrumbs a{color:var(--ink-muted)}.breadcrumbs a:hover{color:var(--gold-dark)}.breadcrumbs .sep{margin:0 .4em}.prose{max-width:760px}.prose img{border-radius:12px;border:1px solid var(--line);height:auto;margin:.6em 0}.prose .eyecatch{margin:0 0 1.4em;box-shadow:var(--shadow-card)}.prose ul,.prose ol{padding-left:1.4em}.prose table{border-collapse:collapse;width:100%;background:var(--surface);border-radius:10px;overflow:hidden}.prose th,.prose td{border:1px solid var(--line);padding:.5rem .7rem;font-size:.92rem}.prose th{background:var(--bg)}.prose blockquote{border-left:4px solid var(--line);margin:1em 0;padding:.2em 1em;color:var(--ink-sub)}.article-list{list-style:none;padding:0}.article-list li{border-bottom:1px solid var(--line);padding:1rem 0}.article-list li.has-thumb{display:flex;gap:16px;align-items:flex-start}.article-list .thumb{flex:none}.article-list .thumb img{width:200px;height:auto;border-radius:10px;border:1px solid var(--line);display:block}.article-list .article-body{flex:1;min-width:0}@media(max-width:520px){.article-list li.has-thumb{flex-direction:column}.article-list .thumb img{width:100%}}.article-list .meta{font-size:12px;color:var(--ink-muted)}.article-list .title{font-weight:700;font-size:1.05rem}.article-list .desc{margin:.3em 0 0;font-size:.9rem;color:var(--ink-sub)}.cta-links{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0}.cta-links a{display:inline-block;background:var(--surface);border:1.5px solid #d5d2c8;border-radius:999px;padding:.5rem 1.1rem;text-decoration:none;font-size:13px;font-weight:700;color:var(--ink-sub);transition:border-color .18s ease,color .18s ease}.cta-links a:hover{border-color:var(--navy);color:var(--navy)}.ad-slot{margin:1.6rem 0;text-align:center}.ad-placeholder{border:2px dashed var(--line);border-radius:10px;padding:2rem;color:var(--ink-muted);font-size:12px;letter-spacing:.2em;background:repeating-linear-gradient(45deg,#efeee8 0 12px,var(--bg) 12px 24px)}.shindan-q{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);padding:18px 20px 20px;margin:16px 0}.shindan-q legend{font-weight:900;font-size:16px;padding:0 .4em}.q-num{display:inline-block;background:var(--gold);color:var(--navy);font-size:12px;font-weight:900;border-radius:6px;padding:.1em .55em;margin-right:.5em}.pill-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill-group label{cursor:pointer}.pill-group input{position:absolute;opacity:0;pointer-events:none}.pill-group span{display:inline-flex;align-items:center;min-height:44px;border:1.5px solid var(--line);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;background:var(--bg);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.pill-group label:hover span{border-color:var(--gold)}.pill-group label:has(input:checked) span{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:700;transform:translateY(-1px);box-shadow:0 5px 14px #101c3329}.pill-group label:has(input:checked) span:before{content:"✓ ";color:var(--gold-light);margin-right:4px}.pill-group label:has(input:focus-visible) span{outline:2px solid var(--gold);outline-offset:2px}.shindan-submit{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:inherit}.shindan-submit:active{transform:translateY(1px) scale(.995)}.shindan-submit:disabled{cursor:progress;opacity:1}.shindan-submit:disabled:hover{transform:none}.shindan-submit .cta-main,.shindan-submit .cta-sub{position:relative;z-index:1}.shindan-submit:after{content:"";position:absolute;z-index:0;top:-45%;bottom:-45%;left:0;width:32%;opacity:0;transform:translate(-160%) skew(-16deg);background:linear-gradient(90deg,transparent,rgba(226,191,116,.34),rgba(255,255,255,.48),transparent);pointer-events:none}.shindan-submit.is-loading{background:var(--navy);color:#fff;box-shadow:0 0 0 3px #c9a35338,0 12px 28px #101c333d}.cta-gold.shindan-submit.is-loading .cta-main{color:#fff}.cta-gold.shindan-submit.is-loading .cta-sub{color:var(--gold-light)}.shindan-submit.is-loading .cta-main{display:inline-flex;align-items:center;justify-content:center;gap:9px}.shindan-submit.is-loading .cta-main:before{content:"";width:15px;height:15px;flex:0 0 auto;border:2px solid rgba(255,255,255,.28);border-top-color:var(--gold-light);border-radius:50%}.shindan-submit.is-ready{color:var(--navy);box-shadow:0 0 0 4px #c9a35333,var(--shadow-gold)}.cta-gold.shindan-submit.is-ready .cta-main,.cta-gold.shindan-submit.is-ready .cta-sub{color:var(--navy)}.shindan-submit.is-ready .cta-main{transform:scale(1.02)}.shindan.is-analyzing .shindan-q{opacity:.58;filter:saturate(.72);transition:opacity .24s ease,filter .24s ease}.shindan-result{position:relative;margin-top:2rem;scroll-margin-top:92px}.shindan-result:before{content:"";display:block;width:100%;height:3px;margin-bottom:14px;border-radius:999px;opacity:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),transparent)}.shindan-result.is-visible:before{opacity:1;transform:scaleX(1);transition:opacity .18s ease,transform .58s cubic-bezier(.22,.9,.3,1)}.js .shindan-result:not([hidden]){opacity:0;transform:translateY(24px) scale(.992)}.js .shindan-result.is-visible{opacity:1;transform:none;transition:opacity .52s ease,transform .68s cubic-bezier(.22,.9,.3,1)}#result-heading:before{content:"RESULT";display:block;margin-bottom:7px;color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:.16em}.step-list{counter-reset:step;list-style:none;margin:20px 0;padding:0}.step-list li{counter-increment:step;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 18px 76px;margin:0 0 22px;font-size:15px;font-weight:500;line-height:1.8}.step-list li:before{content:counter(step);position:absolute;left:18px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold-light);font-weight:900;font-size:18px;box-shadow:0 2px 8px #101c3340}.step-list li:not(:last-child):after{content:"";position:absolute;left:38px;bottom:-22px;width:2px;height:22px;background:linear-gradient(var(--gold),var(--line))}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;backdrop-filter:blur(6px);border-top:1px solid var(--line);box-shadow:0 -4px 16px #101c331f}.sticky-cta-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.sticky-cta-info strong{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-cta-info span{font-size:11px;color:var(--ink-sub)}.sticky-cta-btn{flex:none;background:var(--cta-color, var(--accent));color:#fff;font-weight:900;font-size:14px;text-decoration:none;padding:11px 20px;border-radius:999px;white-space:nowrap;box-shadow:var(--shadow-cta)}.sticky-cta-btn:after{content:" ›"}@media(max-width:760px){.sticky-cta{display:flex}body:has(.sticky-cta) .site-footer{padding-bottom:4.5rem}}.site-footer{background:var(--navy);margin:3rem calc(50% - 50vw) 0}.site-footer .inner{max-width:var(--container);margin:0 auto;padding:44px 20px 28px}.site-footer .cols{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between;padding:0}.footer-brand{max-width:300px}.footer-brand .brand{font-size:16px}.footer-brand p{color:var(--navy-sub);font-size:12px;line-height:1.9;margin:12px 0 0}.site-footer h4{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.site-footer li{margin:0}.site-footer .cols a{color:var(--navy-text);font-size:13px;text-decoration:none}.site-footer .cols a:hover{color:#fff}.site-footer .copy{border-top:1px solid var(--navy-2);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--navy-sub);font-size:11px}.site-footer .copy p{margin:0}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){@keyframes pageLoadCue{0%{opacity:0;transform:scaleX(0)}12%{opacity:1}74%{opacity:1;transform:scaleX(.86)}to{opacity:0;transform:scaleX(1)}}@keyframes pageTransitionOut{to{opacity:0;transform:scale(.996)}}@keyframes pageTransitionIn{0%{opacity:0;transform:translateY(12px) scale(.997)}to{opacity:1;transform:none}}@keyframes introCopyIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes introVisualIn{0%{opacity:.72;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes quizCardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes resultCardIn{0%{opacity:0;transform:translateY(24px) scale(.988)}to{opacity:1;transform:none}}@keyframes diagnosisSpin{to{transform:rotate(360deg)}}@keyframes diagnosisSweep{0%{opacity:0;transform:translate(-160%) skew(-16deg)}18%,72%{opacity:1}to{opacity:0;transform:translate(410%) skew(-16deg)}}@keyframes diagnosisReady{0%{transform:scale(.985)}70%{transform:scale(1.012)}to{transform:none}}@keyframes resultHeadingIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-load-cue{animation:pageLoadCue .82s .04s cubic-bezier(.2,.75,.25,1) both}::view-transition-group(site-header),::view-transition-group(pr-notice){animation-duration:.22s}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:pageTransitionOut .18s ease-in both}::view-transition-new(root){animation:pageTransitionIn .48s .04s cubic-bezier(.22,.9,.3,1) both}.js .page-intro-copy .sec{animation:introCopyIn .62s cubic-bezier(.22,.9,.3,1) both}.js .page-intro-copy>p{animation:introCopyIn .62s .12s cubic-bezier(.22,.9,.3,1) both}.js .page-intro-grid .editorial-visual{animation:introVisualIn .72s .08s cubic-bezier(.22,.9,.3,1) both}.js .shindan-q{animation:quizCardIn .62s cubic-bezier(.22,.9,.3,1) both}.js .shindan-q:nth-of-type(1){animation-delay:.32s}.js .shindan-q:nth-of-type(2){animation-delay:.44s}.js .shindan-q:nth-of-type(3){animation-delay:.56s}.js .shindan>.cta-wrap{animation:quizCardIn .62s .68s cubic-bezier(.22,.9,.3,1) both}.shindan-submit.is-loading .cta-main:before{animation:diagnosisSpin .9s linear infinite}.shindan-submit.is-loading:after{animation:diagnosisSweep .82s ease-in-out infinite}.shindan-submit.is-ready{animation:diagnosisReady .22s cubic-bezier(.22,.9,.3,1) both}.js .shindan-result.is-visible #result-heading{animation:resultHeadingIn .5s cubic-bezier(.22,.9,.3,1) both}.js .shindan-result.is-visible #result-cards .rank-card{animation:resultCardIn .62s cubic-bezier(.22,.9,.3,1) both}.js .shindan-result.is-visible #result-cards .rank-card:nth-child(2){animation-delay:.12s}.js .shindan-result.is-visible #result-cards .rank-card:nth-child(3){animation-delay:.24s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.page-load-cue{display:none}.js .reveal{opacity:1;transform:none}.js .shindan-result:not([hidden]){opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media(max-width:640px){body{font-size:15px}.page-intro-grid{grid-template-columns:1fr;gap:16px;margin:1.5rem 0 2rem}.page-intro-grid .editorial-visual{border-radius:14px}.rank-head{gap:10px}.rank-badge{width:42px;height:42px;font-size:13px}.vs-head{grid-template-columns:1fr}.rank-cta-row{flex-direction:column}}