:root{
  --ink:#17202a;--muted:#68727d;--line:#dfe4e8;--bg:#f7f7f5;
  --paper:#fff;--accent:#245b50;--accent2:#dfece8;--max:960px;
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;background:var(--paper);line-height:1.8}
a{color:var(--accent)}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.narrow{max-width:760px}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;letter-spacing:.08em;font-size:18px}.brand span{font-weight:500}
.header-note{font-size:13px;color:var(--muted)}
.hero{background:var(--bg);padding:90px 0 80px}
.hero-inner{max-width:820px}
.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:14px}
h1{font-size:clamp(30px,5vw,52px);line-height:1.35;letter-spacing:-.03em;margin:0 0 22px}
.hero h1 strong{font-weight:800}
.lead{font-size:17px;color:#4e5862;max-width:700px}
.price-box{margin-top:36px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.price-box small{display:block;color:var(--muted)}.price-box strong{font-size:34px;margin-right:7px}.price-box span{font-size:13px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:14px 24px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.button.primary{background:var(--accent);color:#fff}.button.wide{width:100%}
.notice{margin-top:20px;color:#8a4b2a;font-size:14px}
.section{padding:72px 0}.section.muted{background:var(--bg)}
.section h2,.result-section h2{font-size:24px;margin:0 0 26px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff}.cards b{color:var(--accent);font-size:13px}.cards h3{margin:10px 0}.cards p{margin:0;color:var(--muted);font-size:14px}
.steps{padding:0;list-style:none;display:grid;gap:12px}.steps li{background:#fff;border:1px solid var(--line);padding:16px;border-radius:8px}.steps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent2);color:var(--accent);font-weight:700;margin-right:10px}
.small{font-size:12px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:25px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}nav{display:flex;gap:16px}
.center-page{min-height:70vh;display:grid;place-items:center;padding:40px 20px;background:var(--bg)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px}
.success-mark{width:56px;height:56px;border-radius:50%;background:var(--accent2);color:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:800;margin-bottom:20px}
.diagnosis-page{background:var(--bg);min-height:calc(100vh - 64px);padding:48px 0}
.progress-wrap{margin-bottom:24px}.progress-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}.progress{height:5px;background:#e5e8e8;border-radius:99px;overflow:hidden}.progress div{height:100%;background:var(--accent);transition:width .2s}
.question-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:44px 42px;min-height:470px}.question-number{font-size:13px;color:var(--accent);font-weight:800;margin-bottom:16px}.question-card h1{font-size:28px;max-width:650px}
.options{display:grid;gap:10px;margin-top:32px}.option{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:15px 17px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:15px;cursor:pointer;transition:.15s}.option:hover,.option.selected{border-color:var(--accent);background:#f2f8f6}.option-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0f2f2;font-size:12px;font-weight:700}.option.selected .option-num{background:var(--accent);color:#fff}
.diagnosis-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;color:var(--muted)}.text-button{border:0;background:none;padding:5px;color:var(--accent);cursor:pointer}
.result-page{background:var(--bg);padding:55px 0 80px}.result-hero{background:#fff;border:1px solid var(--line);border-radius:14px;padding:42px;margin-bottom:18px}.result-hero h1{font-size:34px}.result-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;margin-bottom:18px}
.score-list{display:grid;gap:15px}.score-row{display:grid;grid-template-columns:125px 1fr 48px;gap:12px;align-items:center;font-size:13px}.score-bar{height:8px;background:#edf0ef;border-radius:99px;overflow:hidden}.score-bar span{display:block;height:100%;background:var(--accent)}.score-value{text-align:right;color:var(--muted)}
.job-list{display:grid;gap:9px}.job{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.job>span{color:var(--accent);font-weight:800}.job small{color:var(--muted)}
.next-step{background:#f2f7f5}.next-step li{margin:7px 0}.result-note{font-size:12px;color:var(--muted);padding:10px}
.legal-page{background:var(--bg);padding:50px 0 80px}.legal-page h1{font-size:34px}.legal-page h2{font-size:20px;margin-top:30px}.legal-table{width:100%;border-collapse:collapse}.legal-table th,.legal-table td{border-bottom:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}.legal-table th{width:30%;background:#fafafa}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 28px))}.hero{padding:55px 0}.cards{grid-template-columns:1fr}.price-box{gap:16px}.question-card{padding:30px 20px;min-height:0}.question-card h1{font-size:22px}.score-row{grid-template-columns:105px 1fr 42px}.footer-inner{display:block}.footer-inner nav{margin-top:10px}.panel{padding:24px}.legal-table th{width:34%}}

/* WORK FIT 50 result Ver.2 */
.result-hero-v2{position:relative;overflow:hidden}
.result-hero-v2:after{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border:34px solid #edf3f1;border-radius:50%;pointer-events:none}
.type-tagline{font-size:19px;font-weight:700;color:var(--accent);margin-top:-8px}
.type-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;position:relative;z-index:1}
.type-meta>div{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fff}
.type-meta span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.type-meta strong{font-size:16px}
.micro-note{font-size:12px;color:var(--muted);margin-top:14px}
.section-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--accent)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2{margin-top:4px}
.core-axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.core-axis-card{border:1px solid var(--line);border-radius:12px;padding:18px;position:relative;background:#fafbfa}
.rank-badge{position:absolute;right:12px;top:10px;font-size:11px;font-weight:800;color:var(--accent)}
.core-axis-name{font-weight:700;font-size:14px}.core-axis-score{font-size:34px;line-height:1.2;font-weight:800;margin-top:10px}.core-axis-band{font-size:11px;color:var(--muted)}
.score-row-v2{grid-template-columns:145px 1fr 42px}.score-label small{display:block;color:var(--muted);font-size:10px;font-weight:400}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:34px}.split-section h2{font-size:20px;margin-top:4px}
.clean-list,.insight-list{margin:0;padding-left:20px}.clean-list li,.insight-list li{margin:10px 0}
.insight-block{border-left:3px solid var(--accent);padding:2px 0 2px 18px;margin-top:22px}.insight-block h3{font-size:16px;margin:0 0 8px}.muted-insight{border-left-color:#c8cecb}
.section-intro{color:var(--muted);font-size:13px;margin-top:-12px}
.job-cards{display:grid;gap:13px;margin-top:22px}.job-card-v2{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff}
.job-head{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center}.job-rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent2);color:var(--accent);font-weight:800}.job-title-wrap h3{font-size:17px;margin:0}.job-title-wrap span{font-size:11px;color:var(--muted)}
.fit-score{text-align:right;min-width:72px}.fit-score strong{font-size:26px;display:block;line-height:1.1}.fit-score span{font-size:9px;color:var(--muted)}
.job-reason{font-size:13px;color:#4e5862;margin:15px 0}
.fit-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.fit-mini-grid div{background:var(--bg);padding:9px;border-radius:7px;text-align:center}.fit-mini-grid span{display:block;font-size:9px;color:var(--muted)}.fit-mini-grid b{font-size:13px}
.job-card-v2 details{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.job-card-v2 summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:700}.job-detail{font-size:11px;color:var(--muted);padding-top:6px}.evidence-chip{display:inline-block;padding:2px 6px;background:#eef2f0;border-radius:5px}
.action-steps{padding-left:22px}.action-steps li{margin:18px 0;padding-left:7px}.action-steps span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.result-note-v2{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:18px}
@media(max-width:700px){.type-meta{grid-template-columns:1fr}.core-axis-grid{grid-template-columns:1fr 1fr 1fr}.core-axis-card{padding:13px 10px}.core-axis-name{font-size:11px}.core-axis-score{font-size:27px}.split-section{grid-template-columns:1fr;gap:28px}.score-row-v2{grid-template-columns:112px 1fr 38px}.fit-mini-grid{grid-template-columns:1fr 1fr}.job-card-v2{padding:16px}.job-head{grid-template-columns:32px 1fr auto}.job-rank{width:30px;height:30px}.job-title-wrap h3{font-size:15px}.fit-score strong{font-size:22px}}

/* WORK FIT 50 UI polish Ver.3 */
:root{--accent:#2764c7;--accent2:#eaf2ff;--accent-warm:#ff8a5b;--accent-green:#36a77b;--accent-purple:#8067d4;--soft-blue:#f4f8ff;--soft-warm:#fff5ef;--soft-green:#effaf6}
.result-hero-v2{border-top:5px solid var(--accent);background:linear-gradient(135deg,#fff 0%,#f7faff 100%)}
.section-kicker,.eyebrow,.question-number{color:var(--accent)}
.core-axis-grid{gap:16px}
.core-axis-card{min-height:168px;padding:22px;border:0;box-shadow:0 6px 20px rgba(29,54,86,.08);display:flex;flex-direction:column;justify-content:center}
.core-axis-card:nth-child(1){background:linear-gradient(145deg,#edf4ff,#fff);border-top:4px solid var(--accent)}
.core-axis-card:nth-child(2){background:linear-gradient(145deg,#fff3ed,#fff);border-top:4px solid var(--accent-warm)}
.core-axis-card:nth-child(3){background:linear-gradient(145deg,#effaf6,#fff);border-top:4px solid var(--accent-green)}
.rank-badge{position:static;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:13px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.core-axis-name{font-size:15px}.core-axis-score{font-size:38px;margin-top:5px}.core-axis-band{font-size:12px}
.score-bar span{background:linear-gradient(90deg,var(--accent),var(--accent-purple))}
.job-rank{background:var(--accent2);color:var(--accent)}
.job-card-v2 details{border-radius:8px}.job-card-v2 summary{display:flex;align-items:center;gap:7px;width:100%;padding:8px 4px;cursor:pointer;user-select:none}.job-card-v2 summary span{display:inline-block;padding:3px 0}.job-card-v2 summary:hover span{text-decoration:underline}.job-card-v2 summary::marker{color:var(--accent)}
.next-step{background:linear-gradient(145deg,#f3f8ff,#fff)}
.action-cards{list-style:none;counter-reset:steps;padding:0;display:grid;gap:12px}.action-cards li{counter-increment:steps;position:relative;margin:0;padding:18px 18px 18px 58px;background:#fff;border:1px solid #dbe7f8;border-radius:12px}.action-cards li::before{content:counter(steps);position:absolute;left:17px;top:17px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}.action-cards b{display:block;font-size:15px}.action-cards span{font-size:13px;line-height:1.75;margin-top:5px}
.feedback-section{border-top:4px solid var(--accent-warm)}.feedback-form{margin-top:22px}.feedback-form textarea{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:16px;font:inherit;line-height:1.7;background:#fff}.feedback-form textarea:focus{outline:3px solid #e9f1ff;border-color:var(--accent)}.feedback-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px}.feedback-bottom span{font-size:12px;color:var(--muted)}
/* 5 choices side-by-side on desktop */
.options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.option{min-height:104px;padding:13px 8px;flex-direction:column;justify-content:center;text-align:center;line-height:1.45;border:2px solid #e2e7ee;border-radius:12px;background:#fff;font-size:13px}.option:nth-child(1){--choice:#738095}.option:nth-child(2){--choice:#6c91bd}.option:nth-child(3){--choice:#8a79b8}.option:nth-child(4){--choice:#3c9b7c}.option:nth-child(5){--choice:#2770d3}.option:hover{border-color:var(--choice);background:#f8fbff;transform:translateY(-2px);box-shadow:0 6px 14px rgba(29,54,86,.08)}.option.selected{border-color:var(--choice);background:color-mix(in srgb,var(--choice) 10%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--choice) 16%,transparent)}.option-num{background:color-mix(in srgb,var(--choice) 13%,white);color:var(--choice);width:32px;height:32px}.option.selected .option-num{background:var(--choice);color:#fff}.question-card{border-top:5px solid var(--accent);box-shadow:0 10px 30px rgba(29,54,86,.06)}
@media(max-width:700px){.core-axis-grid{grid-template-columns:1fr}.core-axis-card{min-height:120px}.options{grid-template-columns:1fr}.option{min-height:0;flex-direction:row;justify-content:flex-start;text-align:left;padding:13px 15px}.feedback-bottom{align-items:stretch;flex-direction:column}.feedback-bottom .button{width:100%}}


/* =========================================================
   WORK FIT 50 UI polish Ver.4
   - Core TOP3 readability
   - details link affordance / keyboard focus
   - keep diagnosis choices vertical on all screen sizes
   - cache-busted from result.php / diagnosis.php
   ========================================================= */

/* CORE PROFILE: make each rank immediately scannable */
.core-axis-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.core-axis-card{
  position:relative;
  min-height:152px;
  padding:20px 18px 18px 18px;
  border:1px solid #dbe4ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 16px rgba(22,45,75,.07);
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "rank name"
    "rank score"
    "rank band";
  column-gap:14px;
  row-gap:4px;
  align-content:center;
  justify-content:stretch;
  text-align:left;
}
.core-axis-card:nth-child(1){border-top:4px solid #2764c7;background:linear-gradient(180deg,#f5f9ff 0%,#fff 62%)}
.core-axis-card:nth-child(2){border-top:4px solid #e98555;background:linear-gradient(180deg,#fff8f3 0%,#fff 62%)}
.core-axis-card:nth-child(3){border-top:4px solid #319879;background:linear-gradient(180deg,#f3fbf8 0%,#fff 62%)}
.rank-badge{
  grid-area:rank;
  align-self:center;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef4ff;
  color:#1f58ae;
  font-size:18px;
  font-weight:800;
  box-shadow:none;
  margin:0;
}
.core-axis-card:nth-child(2) .rank-badge{background:#fff0e7;color:#b95325}
.core-axis-card:nth-child(3) .rank-badge{background:#eaf7f2;color:#25785f}
.core-axis-name{
  grid-area:name;
  font-size:16px;
  line-height:1.45;
  font-weight:800;
  color:#172230;
}
.core-axis-score{
  grid-area:score;
  font-size:36px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.02em;
  color:#172230;
  margin:2px 0;
}
.core-axis-score::after{
  content:" / 100";
  font-size:11px;
  font-weight:600;
  color:#7c8794;
  letter-spacing:0;
  margin-left:3px;
}
.core-axis-band{
  grid-area:band;
  width:max-content;
  padding:4px 9px;
  border-radius:999px;
  background:#eef4ff;
  color:#1f58ae;
  font-size:11px;
  font-weight:700;
}
.core-axis-card:nth-child(2) .core-axis-band{background:#fff0e7;color:#a74a20}
.core-axis-card:nth-child(3) .core-axis-band{background:#eaf7f2;color:#25785f}

/* JOB FIT details: obvious that the whole row is clickable */
.job-card-v2 details{
  border-top:1px solid #e1e6ec;
  margin-top:14px;
  padding-top:8px;
}
.job-card-v2 summary{
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 12px;
  margin:0;
  border-radius:9px;
  cursor:pointer;
  color:#1856ad;
  background:#f6f9ff;
  font-size:13px;
  font-weight:800;
  user-select:none;
  transition:background .15s ease, box-shadow .15s ease;
}
.job-card-v2 summary span{
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
}
.job-card-v2 summary:hover{background:#eaf2ff}
.job-card-v2 summary:focus-visible{
  outline:3px solid rgba(39,100,199,.25);
  outline-offset:2px;
}
.job-card-v2 details[open] summary{background:#eaf2ff}
.job-card-v2 details[open] summary span::after{content:"（閉じる）";font-size:11px;text-decoration:none;margin-left:6px;color:#536b8e}
.job-detail{
  padding:12px 12px 2px;
  font-size:12px;
  line-height:1.7;
}

/* Keep the diagnosis answer choices vertical. */
.options{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}
.option{
  width:100%;
  min-height:60px !important;
  padding:12px 16px !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  text-align:left !important;
  border:1.5px solid #d9e0e8 !important;
  border-radius:11px !important;
  background:#fff !important;
  font-size:14px !important;
  box-shadow:none !important;
  transform:none !important;
}
.option:hover{
  border-color:#8aaee4 !important;
  background:#f7faff !important;
  transform:none !important;
  box-shadow:0 3px 10px rgba(26,72,130,.06) !important;
}
.option.selected{
  border-color:#2764c7 !important;
  background:#eef5ff !important;
  box-shadow:0 0 0 2px rgba(39,100,199,.10) !important;
}
.option-num{
  flex:0 0 30px;
  width:30px !important;
  height:30px !important;
  margin-right:12px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f0f3f6 !important;
  color:#22303f !important;
  font-weight:800;
}
.option.selected .option-num{
  background:#2764c7 !important;
  color:#fff !important;
}
.option:focus-visible{
  outline:3px solid rgba(39,100,199,.24);
  outline-offset:2px;
}

/* Add modest color hierarchy throughout results without making it noisy. */
.result-section{overflow:hidden}
.result-section > .section-kicker{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  background:#edf4ff;
  color:#205ab2;
  font-weight:800;
}
.jobs-section{border-top:4px solid #8067d4}
.next-step{border-top:4px solid #2764c7}
.feedback-section{border-top:4px solid #e98555}

@media(max-width:760px){
  .core-axis-grid{grid-template-columns:1fr}
  .core-axis-card{min-height:116px;padding:16px}
  .core-axis-score{font-size:32px}
}

/* WORK FIT 50 Ver.4.1 - hero decoration overlap fix */
.result-hero-v2{isolation:isolate}
.result-hero-v2:after{
  right:-105px;
  top:-105px;
  width:190px;
  height:190px;
  border-width:28px;
  opacity:.72;
  z-index:0;
}
.result-hero-v2 > *{position:relative;z-index:1}
@media(max-width:700px){
  .result-hero-v2:after{right:-125px;top:-120px;width:170px;height:170px;border-width:24px;opacity:.55}
}


/* WORK FIT 50 Ver.4.2 - feedback success state */
.feedback-status-success{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#16834b;
  font-weight:700;
}
.feedback-success-icon{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  background:#16834b;
  color:#fff;
  font-size:15px;
  line-height:1;
  font-weight:900;
}
.feedback-status-error{color:#b42318;font-weight:700}

/* Ver.5.2 Job detail redesign */
.job-detail-toggle { margin-top: 16px; }
.job-detail-toggle summary { cursor: pointer; font-weight: 800; }
.job-detail-rich { padding-top: 14px; }
.job-detail-section { padding: 14px 0; border-top: 1px solid rgba(20, 30, 50, .08); }
.job-detail-section:first-child { border-top: 0; padding-top: 4px; }
.job-detail-section h4 { margin: 0 0 8px; font-size: 15px; }
.job-detail-section p { margin: 0; line-height: 1.75; }
.job-detail-section ul { margin: 0; padding-left: 1.2em; }
.job-detail-section li { margin: 6px 0; line-height: 1.65; }
.caution-detail { background: rgba(245, 158, 11, .06); border-radius: 12px; padding: 14px; border-top: 0; margin-top: 8px; }
.score-breakdown { margin-top: 8px; }
.job-master-note { margin: 18px 2px 0; font-size: 12px; line-height: 1.7; opacity: .72; }

/* WORK FIT 50 Ver.5.4 - purchase value proposition */
.purchase-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 14px;max-width:720px}
.purchase-highlight{background:rgba(255,255,255,.82);border:1px solid rgba(39,100,199,.13);border-radius:14px;padding:13px 14px;box-shadow:0 6px 20px rgba(35,55,90,.05)}
.purchase-highlight strong{display:block;font-size:21px;line-height:1.2;color:#205ab2;margin-bottom:4px}
.purchase-highlight span{font-size:12px;line-height:1.5;color:#5f6b7a}
.price-box-upgraded{align-items:center}
.cta-area{display:flex;flex-direction:column;align-items:center;gap:7px}
.cta-note{font-size:12px;color:#647184}
.section-heading-center{max-width:780px;margin:0 auto 28px;text-align:center}
.section-heading-center h2{margin-top:9px}
.section-heading-center p{color:#667085;line-height:1.8}
.section-kicker-home{display:inline-block;padding:5px 11px;border-radius:999px;background:#edf4ff;color:#205ab2;font-size:12px;font-weight:800;letter-spacing:.03em}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.value-card{position:relative;padding:24px;border:1px solid #e7ebf2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,45,70,.05)}
.value-card b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf4ff;color:#205ab2;font-size:13px}
.value-card h3{margin:14px 0 8px;font-size:17px}
.value-card p{margin:0;color:#5f6b7a;line-height:1.75;font-size:14px}
.evidence-note{margin:22px auto 0;max-width:880px;padding:17px 20px;border-radius:14px;background:#f7f8fa;border:1px solid #eceff3}
.evidence-note strong{font-size:14px}.evidence-note p{margin:5px 0 0;color:#667085;font-size:12px;line-height:1.7}
@media(max-width:760px){.purchase-highlights{grid-template-columns:1fr;gap:8px}.purchase-highlight{display:flex;align-items:center;gap:12px}.purchase-highlight strong{min-width:76px;margin:0;font-size:18px}.value-grid{grid-template-columns:1fr}.section-heading-center{text-align:left}.price-box-upgraded{gap:16px}.cta-area{width:100%}.cta-area .button{width:100%;text-align:center}}

/* WORK FIT 50 Ver.5.5 - memorable WORK TYPE presentation */
.work-type-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:6px;
}
.work-type-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:14px;
  background:#f2f7f5;
  font-size:27px;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(21,102,80,.10);
}
.work-type-legacy{
  margin:-1px 0 13px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
}
.sub-type-name{display:block;line-height:1.35}
.sub-type-legacy{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}
@media(max-width:700px){
  .work-type-title{gap:9px}
  .work-type-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:23px}
  .work-type-legacy{font-size:12px}
}

/* Ver.5.9 purchased re-access */
.cta-area .button { text-decoration:none; text-align:center; }