:root{--ink:#17222b;--muted:#66737d;--navy:#102b3f;--blue:#1f5c78;--cyan:#37a7bd;--sky:#dff5f8;--paper:#f7f5ef;--line:#d9e0e2;--white:#fff;--gold:#b98335;--soft:#eef3f4;--shadow:0 16px 45px rgba(16,43,63,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.85;background:#fff}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:fixed;left:-9999px;top:8px;z-index:100;background:#fff;padding:8px 14px}.skip:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(16,43,63,.09)}.header-inner{width:min(1180px,calc(100% - 32px));margin:auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:800;font-size:18px;letter-spacing:.02em}.brand span{color:#d78b2b}.site-header .page-nav{display:flex;gap:6px}.site-header .page-nav a{text-decoration:none;font-size:13px;font-weight:700;color:#41515c;padding:8px 12px;border-radius:999px}.site-header .page-nav a:hover{background:#eef5f6}.hero{background:linear-gradient(125deg,#102b3f 0%,#173e53 68%,#1b5264 100%);color:#fff;padding:88px 0 78px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.eyebrow,.chapter{font-size:12px;font-weight:850;letter-spacing:.19em;text-transform:uppercase;color:#68c6d7;margin:0 0 16px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.12;margin:0 0 28px;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:#9de4ee}.lead{font-size:18px;line-height:1.95;color:#e7f0f3;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:12px 20px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.btn.primary{background:#f2c267;color:#1e2b32;box-shadow:0 8px 24px rgba(0,0,0,.13)}.btn.outline{border-color:#aac6d0;background:transparent;color:inherit}.hero .btn.outline{border-color:rgba(255,255,255,.4);color:#fff}.note{font-size:12px;color:#b8ccd3}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:25px;box-shadow:0 25px 50px rgba(0,0,0,.16)}.hero-card-title{font-size:12px;letter-spacing:.15em;color:#bfd8de;font-weight:800}.hero-kpis{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;gap:1px;background:rgba(255,255,255,.12)}.hero-kpis div{background:#17394d;padding:18px}.hero-kpis strong{display:block;font:800 36px/1 Georgia,serif}.hero-kpis span{font-size:12px;color:#bed2d8}.hero-kpis .accent strong{color:#f2c267}.hero-card p{font-size:13px;color:#cadbe0;margin:0}.story-shell{background:linear-gradient(#fff,#fbfaf6);padding:96px 0 110px}.story{max-width:1000px}.story-intro{max-width:720px;margin:0 auto 90px;text-align:center}.story-intro h2,.lab-head h2,.section-head h2,.bridge-section h2{font-size:clamp(30px,4vw,48px);line-height:1.28;letter-spacing:-.025em;margin:0 0 18px}.story-intro p:last-child,.lab-head>p:last-child,.section-head>p:last-child{color:var(--muted)}.story-block{display:grid;grid-template-columns:70px 1.15fr .85fr;gap:32px;align-items:center;padding:66px 0;border-top:1px solid #e7e4dc}.story-block.reverse{grid-template-columns:70px 1.15fr .85fr}.story-number{font:700 30px/1 Georgia,serif;color:#b4b8b7;align-self:start;padding-top:6px}.story-text h3{font-size:27px;line-height:1.5;margin:0 0 18px;letter-spacing:-.02em}.story-text p{font-size:16px;color:#3f4b52;margin:0 0 16px}.story-text blockquote{border-left:3px solid var(--cyan);margin:28px 0 0;padding:8px 0 8px 22px;font-family:Georgia,"Yu Mincho",serif;font-size:20px;line-height:1.8;color:#17384a}.evidence-card{background:#102b3f;color:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow);min-height:210px;display:flex;flex-direction:column;justify-content:center}.evidence-card>span{font-size:11px;letter-spacing:.16em;color:#7bc8d5;font-weight:850}.evidence-card>strong{font:800 68px/1 Georgia,serif;color:#f0c267;margin:15px 0 8px}.evidence-card strong small{font-size:26px}.evidence-card p{color:#c9dbe0;margin:6px 0 0}.flow-card .flow{display:grid;gap:7px;margin:20px 0}.flow-card .flow b{background:rgba(255,255,255,.08);padding:9px 11px;border-radius:9px}.flow-card .flow i{font-style:normal;color:#f0c267;text-align:center}.three-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px}.three-numbers div{background:rgba(255,255,255,.06);border-radius:12px;padding:15px 8px;text-align:center}.three-numbers div.focus{background:#1c647a}.three-numbers strong{display:block;font:800 29px/1 Georgia,serif;color:#fff}.three-numbers small{font-size:10px;color:#c7dade}.theme-card ol{padding:0;margin:15px 0 0;list-style:none}.theme-card li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.theme-card li b{display:inline-block;width:38px;color:#f0c267}.story-conclusion{background:#edf7f7;border-radius:28px;padding:52px;margin-top:72px;text-align:center}.story-conclusion h3{font-size:34px;margin:0 0 30px}.four-forces{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:left}.four-forces>div{background:#fff;border:1px solid #d6e5e7;border-radius:15px;padding:20px}.four-forces span{font-size:12px;color:#2f8da1;font-weight:900}.four-forces h4{font-size:17px;margin:7px 0}.four-forces p{font-size:13px;color:#5d6971;line-height:1.7;margin:0}.conclusion-copy{max-width:710px;margin:30px auto;color:#42525b}.lab-shell{background:#0f2635;color:#ecf4f6;padding:100px 0}.lab-head{max-width:800px;margin-bottom:44px}.lab-head p{color:#b9ced5}.preset-section{margin-bottom:26px}.preset-label{font-size:12px;letter-spacing:.14em;color:#86adba;font-weight:800;margin-bottom:12px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preset{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.14);background:#17384a;color:#fff;border-radius:14px;padding:15px;cursor:pointer;transition:.18s}.preset:hover{transform:translateY(-2px);border-color:#66bed0}.preset b{display:block;font-size:14px;margin-bottom:5px}.preset span{font-size:11px;color:#9fc3cc}.card{background:#fff;color:var(--ink);border:1px solid #e0e6e8;border-radius:var(--radius);box-shadow:var(--shadow)}.lab-controls{padding:22px;margin-bottom:22px}.control-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.control-title span{font-size:11px;letter-spacing:.14em;font-weight:900;color:#3a8396}.control-title strong{font-size:18px}.control-title button{margin-left:auto;border:0;background:#edf3f4;color:#40525b;padding:7px 12px;border-radius:999px;cursor:pointer}.controls-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.controls-grid label,.filters label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#52616a}.controls-grid select,.filters select,.filters input{width:100%;border:1px solid #cfdadc;border-radius:10px;background:#fff;padding:10px 11px;font:inherit;color:#27343b}.lab-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.summary-metric{background:#16384a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px}.summary-metric strong{font:800 30px/1 Georgia,serif;color:#f0c267}.summary-metric span{display:block;font-size:11px;color:#a7c4cd;margin-top:6px}.summary-text{grid-column:span 4;background:rgba(61,170,190,.12);border-left:3px solid #48b5c8;padding:15px 18px;color:#dcecef;border-radius:0 12px 12px 0}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h3{margin:0;font-size:20px}.panel-head p{margin:4px 0 0;color:#687780;font-size:12px}.panel-head>span{font-size:11px;color:#7c8990;white-space:nowrap}.dynamic-bars{display:grid;gap:12px}.dbar-head{display:flex;justify-content:space-between;font-size:13px}.dbar-track{height:9px;background:#edf1f2;border-radius:999px;overflow:hidden}.dbar-track i{display:block;height:100%;background:linear-gradient(90deg,#236a83,#4bb4c8);border-radius:999px}.dbar small{color:#78868d}.matrix-panel,.year-panel-wrap{padding:24px;margin-top:18px}.matrix-wrap{overflow:auto}.matrix{border-collapse:separate;border-spacing:4px;width:100%;min-width:850px}.matrix th{font-size:10px;color:#617078;font-weight:800;padding:7px}.matrix td{padding:0;text-align:center}.matrix button{width:100%;border:0;border-radius:8px;padding:11px 5px;font-weight:850;color:#153040;cursor:pointer;background:rgba(54,166,187,var(--alpha,.1));min-width:56px}.matrix button:hover{outline:2px solid #2a8fa5}.matrix .zero{color:#aeb8bb;background:#f3f5f5;cursor:default}.year-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end;min-height:220px;padding-top:15px}.year-col{display:grid;grid-template-rows:1fr auto;gap:8px;height:210px;text-align:center}.year-bar-space{display:flex;align-items:end;justify-content:center;border-bottom:1px solid #dce2e3}.year-bar{width:min(58px,70%);background:linear-gradient(#42afc4,#1d617b);border-radius:8px 8px 0 0;position:relative;min-height:2px}.year-bar b{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:12px}.year-col span{font-size:12px;color:#5d6b72}.explorer-shell{background:#f6f5f1;padding:100px 0}.section-head{max-width:820px;margin-bottom:34px}.explorer{padding:24px}.filters{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:10px}.filters .wide{grid-column:auto}.result-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;padding-top:18px;border-top:1px solid #e2e7e8}.result-head>div{display:flex;align-items:baseline;gap:12px}.result-head strong{font-size:24px}.result-head span{font-size:12px;color:#718087}.result-head button{border:0;background:#eef2f3;padding:8px 12px;border-radius:999px;cursor:pointer}.question-list{display:grid;gap:10px}.question-row{background:#fff;border:1px solid #dfe5e7;border-radius:13px;padding:17px}.question-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.qid{font-size:10px;color:#7b8990}.tag{font-size:10px;background:#eef3f4;border-radius:999px;padding:4px 8px}.tag.theme{background:#e7f5f6;color:#246778}.tag.ability{background:#f4efe3;color:#735d2b}.difficulty{margin-left:auto;font-size:10px;color:#77858b}.stars{color:#c38b31}.question-row h3{font-size:15px;margin:9px 0 4px}.question-row p{font-size:13px;line-height:1.65;color:#5c6a72;margin:0}.load-more{margin:20px auto 0;color:#284c5b}.bridge-section{padding:82px 0;background:#17394b;color:#fff}.bridge-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.bridge-section h2{margin:0 0 18px}.bridge-section p{color:#c5d8de}.bridge-section aside{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:24px}.bridge-section aside>span{font-size:11px;letter-spacing:.12em;color:#8dd2de;font-weight:800}.bridge-section ul{padding-left:20px;color:#e2eef1}.muted-btn{background:#315769;color:#d7e7eb;pointer-events:none}.method-section{background:#102b3f;color:#dce9ec;padding:26px 0}.method-section details{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:16px 0}.method-section summary{cursor:pointer;font-weight:800}.method-body{font-size:13px;color:#b9ced5;max-width:900px}.method-body b{color:#fff}footer{padding:25px 0;background:#0b202c;color:#a9c0c7}footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}footer strong{color:#fff;margin-right:12px}footer span,footer small{font-size:12px}@media(max-width:900px){.hero-grid,.bridge-grid{grid-template-columns:1fr}.hero-card{max-width:560px}.story-block,.story-block.reverse{grid-template-columns:50px 1fr}.story-block .evidence-card{grid-column:2}.four-forces{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:1fr 1fr}.controls-grid{grid-template-columns:1fr 1fr}.lab-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr 1fr}.filters .wide{grid-column:span 3}.site-header .page-nav a:nth-child(3){display:none}}@media(max-width:600px){.wrap{width:min(100% - 24px,1120px)}.header-inner{height:56px}.site-header .page-nav a{font-size:11px;padding:6px 8px}.site-header .page-nav a:nth-child(2){display:none}.hero{padding:62px 0 54px}.hero h1{font-size:39px}.lead{font-size:16px}.story-shell,.lab-shell,.explorer-shell{padding:70px 0}.story-block,.story-block.reverse{grid-template-columns:1fr;padding:46px 0}.story-number{font-size:20px}.story-block .evidence-card{grid-column:auto}.story-text h3{font-size:23px}.story-conclusion{padding:28px 18px}.four-forces{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr}.controls-grid{grid-template-columns:1fr}.lab-summary{grid-template-columns:1fr 1fr}.summary-text{grid-column:span 2}.filters{grid-template-columns:1fr 1fr}.filters .wide{grid-column:span 2}.year-chart{gap:5px}.year-bar{width:34px}.bridge-grid{gap:30px}footer .wrap{display:block}footer small{display:block;margin-top:6px}.three-numbers{grid-template-columns:1fr}.evidence-card>strong{font-size:56px}}
/* v3: article-first layout with concrete question examples */
.story-with-examples{grid-template-columns:70px 1.15fr .85fr;align-items:start}
.story-with-examples .examples-band{grid-column:2 / 4;margin-top:8px}
.examples-band{background:#f4f1e8;border:1px solid #e5dfcf;border-radius:20px;padding:22px}
.examples-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:15px}
.examples-title span{font-weight:900;font-size:16px;color:#273942}
.examples-title small{font-size:11px;color:#7b827d}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.problem-example{background:#fff;border:1px solid #dedbd1;border-radius:14px;padding:17px;box-shadow:0 5px 15px rgba(42,53,58,.035)}
.problem-example.featured{border-color:#8ccbd5;background:linear-gradient(180deg,#fff,#f4fbfc)}
.problem-meta{font-size:10px;font-weight:850;letter-spacing:.06em;color:#32788b;margin-bottom:7px}
.problem-example h4{font-size:15px;line-height:1.55;margin:0 0 8px;color:#21323a}
.problem-example p{font-size:12.5px;line-height:1.72;color:#5a676d;margin:0}
.problem-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.problem-tags span{font-size:9.5px;font-weight:750;color:#315663;background:#edf5f5;border-radius:999px;padding:4px 7px}
.problem-process{margin-top:12px;background:#e7f4f5;border-left:3px solid #3ca3b6;border-radius:0 8px 8px 0;padding:9px 11px;font-size:11px;line-height:1.6;color:#38555f}
.problem-process b{display:block;font-size:9px;letter-spacing:.08em;color:#267789;margin-bottom:2px}
.writing-card>strong{font-size:72px}

/* Data lab is intentionally secondary */
.lab-shell.lab-secondary{background:#eff3f2;color:var(--ink);padding:78px 0}
.lab-secondary .chapter{color:#4b8898}
.lab-secondary .lab-head p{color:#65757c}
.compact-head{margin-bottom:30px;max-width:850px}
.compact-head h2{font-size:clamp(28px,3vw,40px)}
.compact-presets .preset-label{color:#58747d}
.lab-secondary .preset{background:#fff;color:#263942;border:1px solid #d6e0e1;box-shadow:0 5px 16px rgba(16,43,63,.035)}
.lab-secondary .preset:hover{border-color:#65aebc;background:#f8fcfc}
.lab-secondary .preset span{color:#687b82}
.lab-secondary .lab-summary{color:#fff}
.lab-problem-panel{padding:24px;margin:18px 0}
.lab-question-list{grid-template-columns:1fr 1fr}
.problem-result{background:#fbfcfc}
.problem-result h3{font-size:16px;margin:10px 0 5px}
.problem-summary{font-size:13px!important;line-height:1.75!important;color:#4f5e65!important}
.result-process{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #e5eaeb;font-size:11px}
.result-process b{color:#28798b}
.result-process span{color:#45575f}
.problem-footer{display:flex;justify-content:space-between;color:#7a888e;font-size:10px;margin-top:9px}
.year-tag{background:#17394b!important;color:#fff!important}
.empty-result{padding:25px;color:#687980}
.deep-data{margin-top:18px;overflow:hidden}
.deep-data>summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:850;background:#fff}
.deep-data>summary::-webkit-details-marker{display:none}
.deep-data>summary:after{content:'＋';font-size:20px;color:#3b8fa0;margin-left:auto}
.deep-data[open]>summary:after{content:'−'}
.deep-data>summary small{font-weight:500;color:#738087;margin-right:10px}
.deep-data-body{border-top:1px solid #e1e7e8;padding:24px;background:#fbfcfc}
.deep-data .panel,.deep-data .matrix-panel,.deep-data .year-panel-wrap{background:#fff;border:1px solid #e2e8e9;border-radius:14px}
.deep-data .matrix-panel,.deep-data .year-panel-wrap{margin-top:18px}

/* Article should visually dominate the utility */
.story-shell{padding-bottom:92px}
.story-conclusion{margin-top:58px}

@media(max-width:900px){
  .story-with-examples,.story-with-examples.reverse{grid-template-columns:50px 1fr}
  .story-with-examples .evidence-card{grid-column:2}
  .story-with-examples .examples-band{grid-column:2}
  .example-grid{grid-template-columns:1fr}
  .lab-question-list{grid-template-columns:1fr}
}
@media(max-width:600px){
  .story-with-examples,.story-with-examples.reverse{grid-template-columns:1fr}
  .story-with-examples .evidence-card,.story-with-examples .examples-band{grid-column:auto}
  .examples-band{padding:15px}
  .examples-title{display:block}
  .examples-title small{display:block;margin-top:4px}
  .deep-data>summary{align-items:flex-start;flex-wrap:wrap}
  .deep-data>summary small{width:100%}
  .lab-shell.lab-secondary{padding:60px 0}
}


/* v4: story -> diagnosis -> personalized data lab */
.diagnosis-shell{padding:96px 0;background:linear-gradient(145deg,#0f2a3b,#153f52 62%,#1d5969);color:#fff}
.diagnosis-wrap{max-width:1040px}.diagnosis-head{max-width:820px;margin-bottom:34px}.diagnosis-head h2{font-size:clamp(31px,4vw,48px);line-height:1.32;margin:0 0 18px;letter-spacing:-.025em}.diagnosis-head>p:last-child{color:#c8dce2;max-width:760px}.diagnosis-principle{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.diagnosis-principle>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:16px;padding:18px}.diagnosis-principle span{display:block;font-size:10px;letter-spacing:.08em;color:#8dd1dc;margin-bottom:7px}.diagnosis-principle strong{display:block;font-size:15px;line-height:1.5}.diagnosis-principle p{font-size:12px;color:#d9e8ec;margin:8px 0 0}.diagnosis-app{overflow:hidden}.diag-start{display:grid;grid-template-columns:1.3fr .7fr;gap:38px;padding:38px}.diag-badge{display:inline-block;background:#e4f4f5;color:#236a7c;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:850}.diag-start h3{font-size:29px;margin:13px 0 12px}.diag-start-copy>p{color:#586870}.diag-start ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 24px;padding-left:22px;color:#31434c}.diag-main-btn{margin-top:12px}.text-btn{border:0;background:transparent;color:#397e8f;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:12px}.diag-start-aside{background:#f0f6f6;border-radius:16px;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:center}.diag-start-aside>div{text-align:center;background:#fff;border:1px solid #dce6e7;border-radius:12px;padding:16px 6px}.diag-start-aside strong{display:block;font:800 29px/1 Georgia,serif;color:#153f52}.diag-start-aside span{font-size:10px;color:#74848b}.diag-start-aside p{grid-column:1/4;font-size:11px;color:#6e7d83;margin:4px 0 0}.diag-quiz{padding:30px 38px 38px}.diag-progress{margin-bottom:26px}.diag-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#65747a}.diag-progress b{color:#297b8d}.diag-progress-track{height:7px;background:#e8eeee;border-radius:99px;overflow:hidden;margin-top:9px}.diag-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#2d8193,#56bdc9);width:8.3%;transition:.25s}.diag-question{min-height:330px}.diag-question-kicker{font-size:10px;font-weight:850;letter-spacing:.1em;color:#348092}.diag-question h3{font-size:23px;line-height:1.55;margin:8px 0 18px}.diag-question-note{font-size:12px;color:#6e7d84;margin:-8px 0 15px}.diag-data{overflow:auto;margin:14px 0}.diag-data table{border-collapse:collapse;min-width:420px;width:100%;font-size:12px}.diag-data th,.diag-data td{border:1px solid #dbe3e4;padding:8px;text-align:center}.diag-data th{background:#eef4f4}.diag-options{display:grid;gap:9px}.diag-option{display:flex;gap:12px;align-items:flex-start;border:1px solid #d9e2e3;border-radius:12px;padding:13px 15px;cursor:pointer;background:#fff;transition:.15s}.diag-option:hover{border-color:#75b5c0;background:#f8fcfc}.diag-option input{margin-top:5px}.diag-option strong{display:block;font-size:13px}.diag-option small{display:block;color:#728086;font-size:11px;margin-top:2px}.diag-textarea{width:100%;min-height:110px;border:1px solid #cfdadb;border-radius:12px;padding:14px;font:inherit;resize:vertical}.diag-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5eaeb;padding-top:20px}.diag-nav .btn.outline{color:#315867;border-color:#b8c9ce}.diag-result{padding:34px}.result-hero{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e8e9;padding-bottom:24px}.result-hero span,.priority-title span,.detail-result-head span,.to-personal-lab span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#2f8293}.result-hero h3{font-size:27px;margin:7px 0}.result-hero p{color:#627179;max-width:680px}.four-domain-result{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 34px}.domain-result-card{border:1px solid #dce4e5;border-radius:14px;padding:17px}.domain-result-card strong{display:block;font-size:15px}.domain-result-card .domain-grade{display:inline-block;margin:9px 0 6px;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:900}.grade-strong{background:#e4f3e8;color:#2e7042}.grade-mid{background:#fff2d7;color:#8b6621}.grade-weak{background:#fde8e1;color:#9a4c35}.domain-result-card p{font-size:11px;line-height:1.6;color:#6c7a80;margin:0}.priority-section{background:#f2f7f7;border-radius:18px;padding:22px}.priority-title h4,.detail-result-head h4,.to-personal-lab h4{font-size:22px;margin:4px 0}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.priority-card{background:#fff;border:1px solid #dce6e7;border-radius:13px;padding:16px}.priority-card.urgent{border-color:#e0a792;background:#fff9f6}.priority-card.strength{border-color:#9fcfb0;background:#f8fcf8}.priority-card.later{border-color:#d7d9d9}.priority-card .p-label{font-size:9px;font-weight:900;letter-spacing:.08em}.priority-card.urgent .p-label{color:#a84f34}.priority-card.strength .p-label{color:#39764b}.priority-card.later .p-label{color:#777}.priority-card h5{font-size:16px;margin:5px 0}.priority-card p{font-size:11px;color:#68767c;margin:0 0 10px}.priority-card button{border:0;background:#eaf3f4;color:#296f7f;padding:7px 9px;border-radius:9px;font-weight:800;font-size:10px;cursor:pointer}.detail-result{margin-top:28px}.detail-result-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.detail-result-head p{max-width:460px;font-size:11px;color:#758288}.ability-table-wrap{overflow:auto;margin-top:14px}.ability-table{width:100%;border-collapse:collapse;min-width:760px;font-size:11px}.ability-table th,.ability-table td{border-bottom:1px solid #e1e7e8;padding:10px 9px;text-align:left}.ability-table th{font-size:9px;letter-spacing:.06em;color:#718087}.ability-table .freq{font-weight:900;color:#173e51}.ability-status{display:inline-block;border-radius:999px;padding:3px 7px;font-weight:850}.status-weak{background:#fde8e1;color:#954b36}.status-mid{background:#fff2d7;color:#83611f}.status-strong{background:#e3f2e7;color:#2f6f43}.to-personal-lab{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:#102b3f;color:#fff;border-radius:17px;padding:24px;margin-top:28px}.to-personal-lab p{color:#c6d9df;margin:4px 0}.personal-lab-shell{padding-top:88px}.personal-lab-banner{padding:24px;margin-bottom:24px;border-left:4px solid #3aa5b9}.personal-lab-banner>div>span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#318195}.personal-lab-banner h3{font-size:22px;margin:5px 0}.personal-lab-banner p{color:#65757c}.personal-lab-banner .btn.outline{color:#315968;border-color:#b6c9ce}.personal-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.personal-mode-card{border:1px solid #dce6e7;border-radius:13px;padding:15px;background:#fafcfc}.personal-mode-card b{display:block;font-size:14px}.personal-mode-card small{display:block;color:#708087;margin:4px 0 9px}.personal-mode-card button{border:0;background:#173e51;color:#fff;border-radius:9px;padding:8px 10px;font-weight:800;font-size:10px;cursor:pointer}.personal-problem-badge{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900}.personal-problem-badge.urgent{background:#fde8e1;color:#98503b}.personal-problem-badge.strength{background:#e3f2e7;color:#2f6f43}.lab-free-mode{margin-top:26px}.purchase-bridge{background:#17394b;color:#fff;padding:80px 0}.purchase-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.purchase-bridge h2{font-size:clamp(29px,4vw,43px);line-height:1.35;margin:0 0 15px}.purchase-bridge p{color:#c5d8de}.purchase-bridge aside{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:17px;padding:22px}.purchase-bridge aside>span{font-size:10px;letter-spacing:.1em;color:#8dd1dc}.purchase-bridge ol{padding-left:21px;color:#e5eef1}.purchase-bridge li{margin:6px 0}.question-row .personal-problem-badge{margin-left:auto}
@media(max-width:900px){.diagnosis-principle,.priority-grid,.personal-mode-grid{grid-template-columns:1fr}.diag-start,.purchase-grid{grid-template-columns:1fr}.four-domain-result{grid-template-columns:1fr 1fr}.detail-result-head{display:block}.to-personal-lab{grid-template-columns:1fr}.diag-start-aside{max-width:520px}}
@media(max-width:600px){.diagnosis-shell{padding:68px 0}.diagnosis-principle{grid-template-columns:1fr}.diag-start,.diag-quiz,.diag-result{padding:22px 16px}.diag-start ul{grid-template-columns:1fr}.diag-start-aside{grid-template-columns:1fr 1fr 1fr}.diag-question h3{font-size:20px}.four-domain-result{grid-template-columns:1fr}.result-hero{display:block}.result-hero .text-btn{padding-left:0}.priority-section{padding:16px}.to-personal-lab{padding:18px}.personal-lab-banner{padding:18px}.purchase-bridge{padding:60px 0}}

/* lab switcher + sibling bridge */
.header-tools{display:flex;align-items:center;gap:18px;flex:1;justify-content:flex-end;min-width:0}
.lab-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--soft);flex-shrink:0}
.lab-switch a{padding:5px 13px;font-size:12px;font-weight:750;text-decoration:none;color:var(--muted);line-height:1.4}
.lab-switch a.is-current{background:var(--navy);color:#fff}
.lab-switch a:not(.is-current):hover{color:var(--navy);background:#fff}
.sibling-section{background:var(--paper)}
.sibling-labs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.sibling-card{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-decoration:none;color:inherit;transition:.15s}
.sibling-card:hover{border-color:var(--cyan);box-shadow:var(--shadow);transform:translateY(-1px)}
.sibling-card.is-here{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(55,167,189,.25)}
.sibling-card>span{display:block;font-size:11px;letter-spacing:.12em;color:var(--cyan);margin-bottom:6px;font-weight:700}
.sibling-card strong{display:block;font-size:17px;color:var(--navy);margin-bottom:6px}
.sibling-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.7}
footer .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
footer .footer-links{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}
footer .footer-links a{color:#c5d8de;text-decoration:none}
footer .footer-links a:hover{color:#fff;text-decoration:underline}
/* lp-kaisei family chrome */
.brand{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 4px;max-width:min(420px,100%)}
.brand-sub{margin-left:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#9a3412;background:#fff7ed;border:1px solid #fdba74;line-height:1.3}
.header-return{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:750;text-decoration:none;color:#9a3412;background:#fffaf5;border:1px solid #fdba74;white-space:nowrap;flex-shrink:0}
.header-return:hover{background:#fff7ed}
.header-diag{display:none;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;text-decoration:none;color:#fff;background:var(--navy);white-space:nowrap;flex-shrink:0}
.header-diag:hover{background:#1a3d56}
.page-nav{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center}
@media(max-width:900px){
  .sibling-labs{grid-template-columns:1fr}
  .header-inner{height:auto;min-height:56px;padding:10px 0;flex-wrap:nowrap;gap:12px}
  .header-tools{width:auto;flex:1;justify-content:flex-end;flex-wrap:nowrap;gap:8px;min-width:0}
  .header-return{display:none}
  .site-header .page-nav{display:none}
  .header-diag{display:inline-flex}
  .brand-sub{display:none}
}
.product-crumb{font-size:12px;font-weight:700;color:rgba(255,255,255,.62);margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.product-crumb a{color:#f2c267;text-decoration:none;border-bottom:1px solid rgba(242,194,103,.45)}
.product-crumb a:hover{color:#fff;border-bottom-color:#fff}
.product-crumb i{font-style:normal;opacity:.45}
.page-hero .product-crumb{color:rgba(255,255,255,.7)}
.sibling-section .chapter{color:var(--cyan)}
.purchase-bridge .btn.primary{box-shadow:0 10px 24px rgba(249,115,22,.18)}
