/* Life Fit Japan modern diagnosis result UI
   Source of truth for result UX introduced 2026-09-28 onward.
   Keep this file loaded after diagnosis-post-foundation.css. */

/* result-first-glance-20260928
   Make the result answer three questions in one scan: where, why, and what next. */
.decisionSummaryFirstGlance{
  position:relative;
  overflow:hidden;
  border-color:#d7e8e4!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(57,166,154,.10),transparent 31%),
    linear-gradient(180deg,#ffffff 0%,#fbfefd 100%)!important;
}
.decisionSummaryFirstGlance .decisionSummaryInner{padding-top:2px}
.decisionSummaryFirstGlance .decisionEyebrow{
  margin-bottom:10px;
  color:#317970;
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:none;
}
.decisionHeroLine{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}
.decisionHeroLine>span{
  color:#425c58;
  font-size:13px;
  font-weight:850;
}
.decisionHeroLine>small{
  max-width:52%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#73827f;
  font-size:11px;
}
.decisionSummaryFirstGlance .decisionWinner{
  margin:0;
  padding:18px 0 17px;
  border-top:1px solid #e5efec;
  border-bottom:1px solid #e5efec;
}
.decisionSummaryFirstGlance .decisionWinnerMain strong{
  font-size:clamp(30px,5vw,44px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.decisionSummaryFirstGlance .decisionScore b{
  font-size:clamp(26px,4vw,36px);
  line-height:1;
}
.decisionSummaryFirstGlance .decisionCompactSignals{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:10px;
  margin:14px 0 0;
}
.decisionSummaryFirstGlance .decisionCompactSignals p{
  min-width:0;
  margin:0;
  padding:13px 14px;
  border:1px solid #deebe8;
  border-radius:14px;
  background:rgba(255,255,255,.88);
}
.decisionSummaryFirstGlance .decisionCompactSignals span{
  display:block;
  margin-bottom:4px;
  color:#6d7f7b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
}
.decisionSummaryFirstGlance .decisionCompactSignals strong{
  display:block;
  color:#245f58;
  font-size:16px;
  line-height:1.55;
}
.decisionRunnerUp{
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid #e7efed;
}
.decisionRunnerUpHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.decisionRunnerUpHead strong{
  color:#334e4a;
  font-size:13px;
}
.decisionRunnerUpHead span{
  color:#7a8986;
  font-size:10px;
  text-align:right;
}
.decisionRunnerGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.decisionRunner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "rank city score"
    "rank note score";
  gap:1px 9px;
  align-items:center;
  min-width:0;
  padding:11px 12px;
  border:1px solid #dce9e6;
  border-radius:13px;
  background:#fff;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.decisionRunner:hover{border-color:#afd2cb;background:#f8fcfb}
.decisionRunner:focus-visible{outline:3px solid #2f8f83;outline-offset:2px}
.decisionRunner>span{
  grid-area:rank;
  display:grid;
  place-items:center;
  width:28px;height:28px;
  border-radius:50%;
  background:#edf6f4;
  color:#39786f;
  font-size:10px;
  font-weight:950;
}
.decisionRunner>strong{
  grid-area:city;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2d4743;
  font-size:15px;
}
.decisionRunner>small{
  grid-area:note;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#788783;
  font-size:10px;
}
.decisionRunner>b{
  grid-area:score;
  color:#3b716a;
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
.decisionSummaryFirstGlance .decisionActionsCompact{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
}
.decisionSummaryFirstGlance .decisionActionsCompact>small{
  color:#71817d;
  font-size:10px;
  line-height:1.45;
}
.decisionSummaryFirstGlance .decisionCompactMeta{
  margin-top:10px;
  padding-top:9px;
  border-top:1px dotted #d8e4e1;
}
.decisionSummaryFirstGlance .decisionCompactMeta small{
  color:#83908d;
  font-size:10px;
  line-height:1.5;
}
@media(max-width:700px){
  .decisionHeroLine{align-items:flex-start;flex-direction:column;gap:2px}
  .decisionHeroLine>small{max-width:100%}
  .decisionSummaryFirstGlance .decisionWinner{padding:14px 0}
  .decisionSummaryFirstGlance .decisionWinnerMain strong{font-size:31px}
  .decisionSummaryFirstGlance .decisionScore b{font-size:26px}
  .decisionSummaryFirstGlance .decisionCompactSignals{grid-template-columns:1fr;gap:7px;margin-top:10px}
  .decisionSummaryFirstGlance .decisionCompactSignals p{padding:11px 12px}
  .decisionSummaryFirstGlance .decisionCompactSignals strong{font-size:15px}
  .decisionRunnerUpHead{display:block}
  .decisionRunnerUpHead span{display:block;margin-top:2px;text-align:left}
  .decisionRunnerGrid{grid-template-columns:1fr}
  .decisionSummaryFirstGlance .decisionActionsCompact{display:block}
  .decisionSummaryFirstGlance .decisionActionsCompact .decisionActionPrimary{width:100%}
  .decisionSummaryFirstGlance .decisionActionsCompact>small{display:block;margin-top:7px;text-align:center}
}


/* result-top3-glance-20260928
   Compare choices, not prose. Each candidate gets one identity, one strength, one check. */
.top3CompareBoardGlance{margin-top:16px}
.top3CompareIntro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.top3CompareIntro strong{
  color:#2e4945;
  font-size:14px;
}
.top3CompareIntro span{
  color:#7a8986;
  font-size:10px;
}
.top3CompareBoardGlance .top3CompareGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.top3CompareCardGlance{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:14px;
  border:1px solid #dce9e6;
  border-radius:15px;
  background:#fff;
  box-shadow:none;
}
.top3CompareCardGlance:first-child{
  border-color:#bcded7;
  background:linear-gradient(180deg,#fbfffe 0%,#f7fcfa 100%);
}
.top3CompareHeader{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
}
.top3CompareHeader>div{min-width:0}
.top3CompareRank{
  display:grid;
  place-items:center;
  min-width:32px;
  height:32px;
  padding:0 7px;
  border-radius:999px;
  background:#eef6f4;
  color:#39786f;
  font-size:10px;
  font-weight:950;
}
.top3CompareHeader strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2b4541;
  font-size:17px;
  line-height:1.25;
}
.top3CompareHeader small{
  display:block;
  margin-top:2px;
  color:#7b8986;
  font-size:10px;
}
.top3CompareHeader>b{
  color:#3c726b;
  font-size:17px;
  font-variant-numeric:tabular-nums;
}
.top3CompareCharacter{
  margin:11px 0 0;
  padding-bottom:10px;
  border-bottom:1px solid #e7efed;
  color:#4d6964;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}
.top3CompareDecision{
  display:grid;
  gap:7px;
  margin-top:10px;
}
.top3CompareDecision>div{
  padding:9px 10px;
  border-radius:11px;
}
.top3CompareDecisionGood{background:#f1f8f6}
.top3CompareDecisionCheck{background:#faf7f1}
.top3CompareDecision span{
  display:block;
  margin-bottom:3px;
  font-size:10px;
  font-weight:950;
}
.top3CompareDecisionGood span{color:#34786f}
.top3CompareDecisionCheck span{color:#8a6b3f}
.top3CompareDecision p{
  margin:0;
  color:#405853;
  font-size:12px;
  line-height:1.55;
}
.top3CompareCardGlance .top3CompareOpen{
  width:100%;
  margin-top:auto;
  padding-top:11px;
}
.top3CompareBoardGlance .top3CompareFootnote{
  margin:9px 0 0;
  color:#7a8885;
  font-size:10px;
  line-height:1.55;
}
@media(max-width:860px){
  .top3CompareBoardGlance .top3CompareGrid{grid-template-columns:1fr}
  .top3CompareCardGlance{padding:13px}
}
@media(max-width:600px){
  .top3CompareIntro{display:block}
  .top3CompareIntro span{display:block;margin-top:2px}
  .top3CompareHeader strong{font-size:16px}
  .top3CompareCharacter{font-size:12px}
  .top3CompareDecision p{font-size:12px}
}


/* result-more-hub-20260928
   Keep the primary journey clean. Secondary interpretation, method, simulation,
   editing and sharing live behind one deliberate entry point. */
.resultMoreHub{
  padding:0!important;
  overflow:hidden;
  border-color:#dce7e4!important;
  background:#fff!important;
}
.resultMoreHub>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:82px;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
}
.resultMoreHub>summary::-webkit-details-marker{display:none}
.resultMoreHub>summary>span{min-width:0}
.resultMoreHub>summary small{
  display:block;
  margin-bottom:3px;
  color:#5f7e78;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
}
.resultMoreHub>summary strong{
  display:block;
  color:#2d4844;
  font-size:18px;
  line-height:1.35;
}
.resultMoreHub>summary em{
  flex:0 0 auto;
  color:#788985;
  font-size:11px;
  font-style:normal;
}
.resultMoreHub>summary::after{
  content:"＋";
  flex:0 0 auto;
  color:#64827c;
  font-size:24px;
  font-weight:400;
}
.resultMoreHub[open]>summary{
  border-bottom:1px solid #e2ebe8;
}
.resultMoreHub[open]>summary::after{content:"−"}
.resultMoreHubBody{
  display:grid;
  gap:12px;
  padding:14px;
  background:#f8fbfa;
}
.resultMoreMethod{
  padding:16px;
  border:1px solid #e0e9e7;
  border-radius:14px;
  background:#fff;
}
.resultMoreSectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.resultMoreSectionHead small{
  color:#5e7f79;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}
.resultMoreSectionHead strong{
  color:#314d48;
  font-size:15px;
}
.resultMoreHubBody>.resultPanel,
.resultMoreHubBody>.resultEditActions{
  margin:0!important;
  box-shadow:none!important;
}
.resultMoreHubBody>.resultPanel,
.resultMoreHubBody>.resultEditActions,
.resultMoreHubBody>.lifeFitSimulator{
  border-color:#e0e9e7!important;
}
@media(max-width:600px){
  .resultMoreHub>summary{min-height:72px;padding:15px 14px}
  .resultMoreHub>summary strong{font-size:17px}
  .resultMoreHub>summary em{display:none}
  .resultMoreHubBody{padding:10px;gap:9px}
  .resultMoreMethod{padding:13px}
  .resultMoreSectionHead{display:block}
  .resultMoreSectionHead strong{display:block;margin-top:2px}
}


/* city-detail-focus-20260928
   Once a city is opened, move directly toward station choice. */
.top3CityDisclosureFocused .top3CityBody{
  padding-top:14px;
}
.cityOpenSummary{
  display:grid;
  grid-template-columns:1.25fr 1fr auto;
  gap:8px;
  margin-bottom:12px;
}
.cityOpenSummary>div{
  min-width:0;
  padding:10px 11px;
  border:1px solid #e1ebe8;
  border-radius:12px;
  background:#fff;
}
.cityOpenSummary span{
  display:block;
  margin-bottom:3px;
  color:#758580;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.cityOpenSummary strong{
  display:block;
  color:#314b47;
  font-size:12px;
  line-height:1.5;
}
.cityOpenSummaryFact{
  text-align:right;
  background:#f7fbfa!important;
}
.cityOpenSummaryFact strong{
  color:#63807a;
  font-size:10px;
}
.cityOpenSummaryFact b{
  display:block;
  margin-top:2px;
  color:#2f776e;
  font-size:17px;
  line-height:1.2;
}
.livingAreaPrimary{
  margin-top:0!important;
  padding:14px!important;
  border:1px solid #cfe5e0!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfffe 0%,#f6fbf9 100%)!important;
}
.livingAreaPrimary .livingAreaFeatureHead{
  margin-bottom:10px;
}
.livingAreaPrimary .livingAreaFeatureHead>span{
  color:#347970;
  font-size:10px;
  font-weight:950;
  letter-spacing:.05em;
}
.livingAreaPrimary .livingAreaFeatureTitle{
  margin:3px 0 2px;
  color:#294943;
  font-size:18px;
  line-height:1.35;
}
.livingAreaPrimary .livingAreaFeatureHead p{
  margin:0;
  color:#6f817d;
  font-size:11px;
  line-height:1.55;
}
.citySecondaryDetailsQuiet{
  margin-top:10px!important;
  border:0!important;
  background:transparent!important;
}
.citySecondaryDetailsQuiet>summary{
  min-height:auto!important;
  padding:10px 2px!important;
  border:0!important;
  background:transparent!important;
  color:#6d7e7a!important;
  font-size:11px!important;
  font-weight:800!important;
}
.citySecondaryDetailsQuiet>summary::after{
  font-size:16px!important;
}
.citySecondaryDetailsQuiet[open]>summary{
  border-bottom:1px solid #e5ecea!important;
}
.citySecondaryDetailsQuiet .citySecondaryDetailsBody{
  padding:12px 0 0!important;
}
.top3CityDisclosureFocused .detailsCloseAction{
  margin-top:12px;
}
@media(max-width:760px){
  .cityOpenSummary{grid-template-columns:1fr}
  .cityOpenSummaryFact{text-align:left}
  .livingAreaPrimary{padding:12px!important}
  .livingAreaPrimary .livingAreaFeatureTitle{font-size:17px}
}


/* station-candidate-flat-20260928
   Station comparison should be readable without opening cards inside cards. */
.livingAreaDecisionGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.livingAreaCardCompact{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:13px;
  border:1px solid #dce8e5;
  border-radius:14px;
  background:#fff;
  box-shadow:none;
}
.livingAreaCardCompact[data-reference-order="1"]{
  border-color:#b8ddd5;
  background:linear-gradient(180deg,#fbfffe 0%,#f7fcfa 100%);
}
.livingAreaCardCompact .livingAreaCardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.livingAreaCardCompact .livingAreaCardHead>b{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  color:#2c4843;
  font-size:16px;
  line-height:1.3;
}
.livingAreaCardCompact .livingAreaCardHead>small{
  flex:0 0 auto;
  color:#3f7b72;
  font-size:9px;
  font-weight:900;
}
.livingAreaCardCompact .livingAreaCardReason{
  min-height:3.1em;
  margin:8px 0 9px;
  color:#536c67;
  font-size:11px;
  line-height:1.55;
}
.livingAreaCardCore{
  margin-top:2px;
  padding:9px 0 0;
  border-top:1px solid #e8efed;
}
.livingAreaCardCore .livingAreaAxisStrip{
  margin:0;
}
.livingAreaCardActions{
  display:flex;
  gap:7px;
  margin-top:auto;
  padding-top:10px;
}
.livingAreaCardActions .livingAreaStationPageLink,
.livingAreaCardActions .livingAreaLocalDetailBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:1 1 0;
  min-height:38px;
  margin:0;
  padding:7px 9px;
  border-radius:9px;
  font-size:10px;
  font-weight:850;
  line-height:1.35;
  text-align:center;
  text-decoration:none;
}
.livingAreaCardActions .livingAreaStationPageLink{
  border:1px solid #cfe0dc;
  background:#fff;
  color:#356f68;
}
.livingAreaCardActions .livingAreaLocalDetailBtn{
  border:1px solid #a8d3ca;
  background:#edf8f5;
  color:#2d756b;
}
.livingAreaCardActions .livingAreaStationPageLink:hover,
.livingAreaCardActions .livingAreaLocalDetailBtn:hover{
  background:#e8f5f2;
}
.livingAreaCardCompact>.localEnrichment{
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #e5eeeb;
}
.livingAreaAfterDecisionSingle{
  margin-top:10px!important;
}
.livingAreaAfterDecisionSingle>summary{
  color:#667c77!important;
  font-size:11px!important;
  font-weight:800!important;
}
.livingAreaAfterDecisionBody{
  display:grid;
  gap:10px;
  padding-top:10px;
}
.livingAreaSectionNote{
  margin:8px 0 0!important;
  color:#85918e!important;
  font-size:9px!important;
  line-height:1.5!important;
}
@media(max-width:900px){
  .livingAreaDecisionGrid{grid-template-columns:1fr}
  .livingAreaCardCompact .livingAreaCardReason{min-height:0}
}
@media(max-width:600px){
  .livingAreaCardCompact{padding:12px}
  .livingAreaCardActions{display:grid;grid-template-columns:1fr 1fr}
  .livingAreaCardActions .livingAreaStationPageLink,
  .livingAreaCardActions .livingAreaLocalDetailBtn{min-height:42px}
}


/* result-legibility-polish-20260928
   Keep secondary text quiet without making it tiny. */
.decisionSummaryFirstGlance .decisionEyebrow,
.decisionHeroLine>small,
.decisionRunnerUpHead span,
.decisionRunner>small,
.decisionSummaryFirstGlance .decisionActionsCompact>small,
.decisionSummaryFirstGlance .decisionCompactMeta small,
.top3CompareIntro span,
.top3CompareHeader small,
.top3CompareDecision span,
.top3CompareBoardGlance .top3CompareFootnote,
.cityOpenSummary span,
.cityOpenSummaryFact strong,
.livingAreaPrimary .livingAreaFeatureHead>span,
.livingAreaPrimary .livingAreaFeatureHead p,
.livingAreaCardCompact .livingAreaCardHead>small,
.livingAreaCardCompact .livingAreaCardReason,
.livingAreaCardActions .livingAreaStationPageLink,
.livingAreaCardActions .livingAreaLocalDetailBtn,
.livingAreaSectionNote{
  font-size:11px!important;
}
@media(max-width:600px){
  .decisionRunner>small,
  .top3CompareHeader small,
  .livingAreaCardCompact .livingAreaCardHead>small{
    font-size:11px!important;
  }
}


/* result-folds-modern-20260929
   Treat disclosures as quiet navigation, not stacked cards. */
.resultShell .resultFold,
.resultShell .lifeFitSimulatorFold,
.resultShell .resultEditFold,
.resultShell .resultUtilityFold,
.resultShell .resultMoreHub,
.resultShell .currentInlineAccordion,
.resultShell .citySecondaryDetailsQuiet,
.resultShell .livingAreaAfterDecisionSingle{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.resultShell .resultFold>summary,
.resultShell .lifeFitSimulatorFold>summary,
.resultShell .resultEditFold>summary,
.resultShell .resultUtilityFold>summary,
.resultShell .resultMoreHub>summary,
.resultShell .currentInlineAccordion>summary,
.resultShell .citySecondaryDetailsQuiet>summary,
.resultShell .livingAreaAfterDecisionSingle>summary{
  position:relative;
  min-height:0!important;
  padding:16px 34px 16px 0!important;
  border-top:1px solid #e5ebe9!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.resultShell .resultFold>summary::after,
.resultShell .lifeFitSimulatorFold>summary::after,
.resultShell .resultEditFold>summary::after,
.resultShell .resultUtilityFold>summary::after,
.resultShell .resultMoreHub>summary::after,
.resultShell .currentInlineAccordion>summary::after,
.resultShell .citySecondaryDetailsQuiet>summary::after,
.resultShell .livingAreaAfterDecisionSingle>summary::after{
  content:""!important;
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  border-right:1.5px solid #78908b!important;
  border-bottom:1.5px solid #78908b!important;
  transform:translateY(-65%) rotate(45deg)!important;
  transition:transform .18s ease!important;
  background:transparent!important;
}

.resultShell .resultFold[open]>summary::after,
.resultShell .lifeFitSimulatorFold[open]>summary::after,
.resultShell .resultEditFold[open]>summary::after,
.resultShell .resultUtilityFold[open]>summary::after,
.resultShell .resultMoreHub[open]>summary::after,
.resultShell .currentInlineAccordion[open]>summary::after,
.resultShell .citySecondaryDetailsQuiet[open]>summary::after,
.resultShell .livingAreaAfterDecisionSingle[open]>summary::after{
  transform:translateY(-30%) rotate(225deg)!important;
}

.resultShell .resultFoldBody,
.resultShell .lifeFitSimulatorFoldBody,
.resultShell .resultEditFoldBody,
.resultShell .resultUtilityFoldBody,
.resultShell .resultMoreHubBody{
  padding:4px 0 20px!important;
  background:transparent!important;
}

.resultShell .resultMoreHub{
  margin-top:22px!important;
  padding:0!important;
}
.resultShell .resultMoreHub>summary{
  border-top:1px solid #dfe8e5!important;
}
.resultShell .resultMoreHubBody{
  display:block!important;
}
.resultShell .resultMoreMethod{
  margin:0 0 18px!important;
  padding:18px 0!important;
  border:0!important;
  border-bottom:1px solid #e6ecea!important;
  border-radius:0!important;
  background:transparent!important;
}

.resultShell .resultFold>summary strong,
.resultShell .lifeFitSimulatorFold>summary strong,
.resultShell .resultMoreHub>summary strong{
  font-size:17px!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}

.resultShell .resultFoldIndex,
.resultShell .lifeFitSimulatorFold>summary small,
.resultShell .resultMoreHub>summary small{
  margin-bottom:4px!important;
  color:#4d7d75!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}

.resultShell .resultMoreHub>summary em,
.resultShell .lifeFitSimulatorFold>summary em{
  margin-left:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8a9794!important;
  font-size:11px!important;
  font-weight:650!important;
}

.resultShell .currentInlineAccordion,
.resultShell .citySecondaryDetailsQuiet,
.resultShell .livingAreaAfterDecisionSingle{
  margin-top:6px!important;
}
.resultShell .currentInlineAccordion>summary,
.resultShell .citySecondaryDetailsQuiet>summary,
.resultShell .livingAreaAfterDecisionSingle>summary{
  color:#4f6f69!important;
  font-size:12px!important;
  font-weight:750!important;
}

@media(max-width:600px){
  .resultShell .resultFold>summary,
  .resultShell .lifeFitSimulatorFold>summary,
  .resultShell .resultEditFold>summary,
  .resultShell .resultUtilityFold>summary,
  .resultShell .resultMoreHub>summary,
  .resultShell .currentInlineAccordion>summary,
  .resultShell .citySecondaryDetailsQuiet>summary,
  .resultShell .livingAreaAfterDecisionSingle>summary{
    padding:14px 30px 14px 0!important;
  }
}


/* result-detail-sheet-20260929
   Deep information lives in a contextual layer so the result page never loses its place. */
.resultDetailSheet[hidden]{display:none!important}
.resultDetailSheet{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  grid-template-columns:minmax(0,1fr) min(680px,48vw);
}
.resultDetailSheetBackdrop{
  grid-column:1/-1;
  grid-row:1;
  background:rgba(22,38,36,.18);
  backdrop-filter:blur(3px);
  cursor:pointer;
}
.resultDetailSheetPanel{
  position:relative;
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100dvh;
  border-left:1px solid #dce6e3;
  background:rgba(252,254,253,.98);
  box-shadow:-24px 0 70px rgba(31,52,49,.13);
  overflow:hidden;
}
.resultDetailSheetHeader{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-height:92px;
  padding:20px 24px 16px;
  border-bottom:1px solid #e3ebe8;
  background:rgba(252,254,253,.94);
  backdrop-filter:blur(14px);
}
.resultDetailSheetHeader>div{min-width:0}
.resultDetailSheetHeader small{
  display:block;
  margin-bottom:5px;
  color:#34786f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
}
.resultDetailSheetHeader strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#243e3a;
  font-size:24px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.resultDetailSheetHeader span{
  display:block;
  margin-top:4px;
  color:#71817e;
  font-size:12px;
  line-height:1.45;
}
.resultDetailSheetClose{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:1px solid #dce6e3;
  border-radius:50%;
  background:#fff;
  color:#536b67;
  font:inherit;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.resultDetailSheetClose:hover{background:#f0f6f4;color:#285f57}
.resultDetailSheetClose:focus-visible{outline:3px solid rgba(47,143,131,.28);outline-offset:2px}
.resultDetailSheetContent{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding:22px 24px 42px;
}
.resultDetailSheetContent>.top3CityBody,
.resultDetailSheetContent>.currentInlineBody{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.resultDetailSheetContent .livingAreaPrimary{
  margin-top:16px!important;
}
.resultDetailSheetContent .detailsCloseAction{
  position:sticky;
  bottom:-18px;
  z-index:2;
  margin:24px -24px -24px!important;
  padding:12px 24px 18px;
  border-top:1px solid #e4ebe9;
  background:linear-gradient(180deg,rgba(252,254,253,.88),#fcfefd 35%);
  backdrop-filter:blur(10px);
}
.resultDetailSheetContent .detailsCloseAction button{
  width:100%;
  min-height:44px;
  border:1px solid #cfe0dc;
  border-radius:12px;
  background:#fff;
  color:#356f68;
  font-weight:800;
}
body.result-detail-sheet-open{overflow:hidden}

@media(max-width:820px){
  .resultDetailSheet{
    display:flex;
    align-items:flex-end;
  }
  .resultDetailSheetBackdrop{
    position:absolute;
    inset:0;
  }
  .resultDetailSheetPanel{
    width:100%;
    height:min(92dvh,900px);
    margin-top:auto;
    border-left:0;
    border-top:1px solid #dce6e3;
    border-radius:20px 20px 0 0;
    box-shadow:0 -22px 60px rgba(31,52,49,.14);
  }
  .resultDetailSheetHeader{
    min-height:78px;
    padding:15px 16px 13px;
  }
  .resultDetailSheetHeader strong{font-size:20px}
  .resultDetailSheetContent{padding:18px 16px 34px}
  .resultDetailSheetContent .detailsCloseAction{
    margin:22px -16px -18px!important;
    padding:11px 16px calc(14px + env(safe-area-inset-bottom));
  }
}


/* detail-sheet-secondary-hub-20260929 */
.resultDetailSheetContent>.resultMoreHubBody{
  display:block!important;
  padding:0!important;
  background:transparent!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultMoreMethod{
  margin:0 0 18px!important;
  padding:0 0 20px!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultPanel,
.resultDetailSheetContent>.resultMoreHubBody>.resultEditActions,
.resultDetailSheetContent>.resultMoreHubBody>.lifeFitSimulator{
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultPanel+*,
.resultDetailSheetContent>.resultMoreHubBody>.resultEditActions+*,
.resultDetailSheetContent>.resultMoreHubBody>.lifeFitSimulator+*{
  margin-top:0!important;
}


/* result-compass-20260929
   A quiet, sticky orientation rail for long diagnosis results. */
.resultCompass{
  position:sticky;
  top:8px;
  z-index:40;
  display:flex;
  align-items:center;
  gap:4px;
  width:max-content;
  max-width:calc(100% - 24px);
  margin:12px auto 18px;
  padding:5px;
  border:1px solid rgba(211,224,220,.9);
  border-radius:999px;
  background:rgba(250,253,252,.88);
  box-shadow:0 10px 30px rgba(39,65,61,.08);
  backdrop-filter:blur(14px);
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.resultCompass::-webkit-scrollbar{display:none}
.resultCompassItem{
  appearance:none;
  flex:0 0 auto;
  min-height:34px;
  padding:7px 12px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#72817e;
  font:inherit;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.resultCompassItem:hover{
  background:#f1f7f5;
  color:#365f59;
}
.resultCompassItem.is-active{
  background:#e4f3ef;
  color:#246a61;
  box-shadow:inset 0 0 0 1px #c7e2dc;
}
.resultCompassItem:focus-visible{
  outline:3px solid rgba(47,143,131,.25);
  outline-offset:2px;
}
body.result-detail-sheet-open .resultCompass{
  opacity:.35;
  pointer-events:none;
}

@media(max-width:700px){
  .resultCompass{
    top:6px;
    max-width:calc(100% - 12px);
    margin:8px auto 14px;
    padding:4px;
  }
  .resultCompassItem{
    min-height:32px;
    padding:6px 10px;
    font-size:10px;
  }
}


/* result-component-craft-20260929
   One interaction language: primary, secondary, quiet, icon. */
.resultShell,
.resultDetailSheet{
  --lf-control-h:44px;
  --lf-control-radius:12px;
  --lf-control-border:#cfded9;
  --lf-control-ink:#274842;
  --lf-control-muted:#667a76;
  --lf-control-accent:#287d72;
  --lf-control-accent-hover:#216c63;
  --lf-control-soft:#eef7f4;
  --lf-control-focus:rgba(40,125,114,.24);
}

/* Shared control craft */
.resultShell :where(
  .decisionAction,
  .top3CompareOpen,
  .resultEditPrimary,
  .resultEditSecondary,
  .livingAreaStationPageLink,
  .livingAreaLocalDetailBtn,
  .livingAreaDeepCompareBtn,
  .pwaInstallButton,
  .restartLink,
  .feedbackButtons button
),
.resultDetailSheet :where(
  .livingAreaStationPageLink,
  .livingAreaLocalDetailBtn,
  .livingAreaDeepCompareBtn,
  .detailsCloseAction button,
  .resultEditPrimary,
  .resultEditSecondary,
  .restartLink,
  .feedbackButtons button
){
  box-sizing:border-box!important;
  min-height:var(--lf-control-h)!important;
  border-radius:var(--lf-control-radius)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:-.005em!important;
  line-height:1.25!important;
  text-decoration:none!important;
  transition:
    transform .14s ease,
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease,
    box-shadow .14s ease!important;
  -webkit-tap-highlight-color:transparent;
}

.resultShell :where(
  .decisionAction,
  .top3CompareOpen,
  .resultEditPrimary,
  .resultEditSecondary,
  .livingAreaStationPageLink,
  .livingAreaLocalDetailBtn,
  .livingAreaDeepCompareBtn,
  .pwaInstallButton,
  .restartLink,
  .feedbackButtons button
):focus-visible,
.resultDetailSheet :where(
  .livingAreaStationPageLink,
  .livingAreaLocalDetailBtn,
  .livingAreaDeepCompareBtn,
  .detailsCloseAction button,
  .resultEditPrimary,
  .resultEditSecondary,
  .restartLink,
  .feedbackButtons button
):focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px var(--lf-control-focus)!important;
}

@media(hover:hover){
  .resultShell :where(
    .decisionAction,
    .top3CompareOpen,
    .resultEditPrimary,
    .resultEditSecondary,
    .livingAreaStationPageLink,
    .livingAreaLocalDetailBtn,
    .livingAreaDeepCompareBtn,
    .pwaInstallButton
  ):hover,
  .resultDetailSheet :where(
    .livingAreaStationPageLink,
    .livingAreaLocalDetailBtn,
    .livingAreaDeepCompareBtn,
    .resultEditPrimary,
    .resultEditSecondary
  ):hover{
    transform:translateY(-1px);
  }
}

/* Primary */
.resultShell .decisionActionPrimary,
.resultShell .resultEditPrimary,
.resultShell .pwaInstallButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  border:1px solid var(--lf-control-accent)!important;
  background:var(--lf-control-accent)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(40,125,114,.14)!important;
}
.resultShell .decisionActionPrimary:hover,
.resultShell .resultEditPrimary:hover,
.resultShell .pwaInstallButton:hover{
  border-color:var(--lf-control-accent-hover)!important;
  background:var(--lf-control-accent-hover)!important;
  box-shadow:0 9px 22px rgba(40,125,114,.18)!important;
}

/* Secondary */
.resultShell .top3CompareOpen,
.resultShell .resultEditSecondary,
.resultDetailSheet .livingAreaStationPageLink,
.resultDetailSheet .livingAreaLocalDetailBtn,
.resultShell .livingAreaStationPageLink,
.resultShell .livingAreaLocalDetailBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid var(--lf-control-border)!important;
  background:#fff!important;
  color:var(--lf-control-ink)!important;
  box-shadow:0 1px 0 rgba(34,63,58,.025)!important;
}
.resultShell .top3CompareOpen:hover,
.resultShell .resultEditSecondary:hover,
.resultDetailSheet .livingAreaStationPageLink:hover,
.resultDetailSheet .livingAreaLocalDetailBtn:hover,
.resultShell .livingAreaStationPageLink:hover,
.resultShell .livingAreaLocalDetailBtn:hover{
  border-color:#abcac3!important;
  background:#f8fbfa!important;
  color:#1e665d!important;
}

/* Give the key card CTA a small directional cue without making it loud. */
.resultShell .top3CompareOpen::after{
  content:"›";
  margin-left:7px;
  font-size:17px;
  font-weight:500;
  line-height:1;
  transform:translateY(-1px);
}

/* Quiet actions */
.resultShell .livingAreaDeepCompareBtn,
.resultShell .restartLink,
.resultDetailSheet .livingAreaDeepCompareBtn,
.resultDetailSheet .restartLink{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#58716c!important;
  box-shadow:none!important;
  text-decoration:underline!important;
  text-decoration-color:#cad8d4!important;
  text-underline-offset:4px!important;
}
.resultShell .livingAreaDeepCompareBtn:hover,
.resultShell .restartLink:hover,
.resultDetailSheet .livingAreaDeepCompareBtn:hover,
.resultDetailSheet .restartLink:hover{
  color:#22695f!important;
  background:transparent!important;
  transform:none!important;
  text-decoration-color:#7eb2a8!important;
}

/* Station action pair: same geometry, clear hierarchy. */
.resultShell .livingAreaCardActions,
.resultDetailSheet .livingAreaCardActions{
  gap:8px!important;
  padding-top:12px!important;
}
.resultShell .livingAreaCardActions .livingAreaStationPageLink,
.resultShell .livingAreaCardActions .livingAreaLocalDetailBtn,
.resultDetailSheet .livingAreaCardActions .livingAreaStationPageLink,
.resultDetailSheet .livingAreaCardActions .livingAreaLocalDetailBtn{
  flex:1 1 0!important;
  min-height:42px!important;
  padding:0 11px!important;
  font-size:12px!important;
}
.resultShell .livingAreaCardActions .livingAreaLocalDetailBtn,
.resultDetailSheet .livingAreaCardActions .livingAreaLocalDetailBtn{
  background:var(--lf-control-soft)!important;
  border-color:#c7dfd9!important;
  color:#286d64!important;
}

/* Feedback becomes a compact segmented choice, not three unrelated buttons. */
.resultShell .feedbackButtons,
.resultDetailSheet .feedbackButtons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding:4px!important;
  border:1px solid #dfe8e5!important;
  border-radius:14px!important;
  background:#f6f9f8!important;
}
.resultShell .feedbackButtons button,
.resultDetailSheet .feedbackButtons button{
  min-height:40px!important;
  padding:7px 9px!important;
  border:0!important;
  background:transparent!important;
  color:#60736f!important;
  box-shadow:none!important;
}
.resultShell .feedbackButtons button:hover,
.resultDetailSheet .feedbackButtons button:hover{
  background:#fff!important;
  color:#2f5e57!important;
}
.resultShell .feedbackButtons button.selected,
.resultDetailSheet .feedbackButtons button.selected{
  background:#fff!important;
  color:#21695f!important;
  box-shadow:0 1px 4px rgba(31,65,59,.08)!important;
}

/* Detail sheet close: geometric icon, no text-glyph wobble. */
.resultDetailSheetClose{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:#f2f6f5!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:none!important;
}
.resultDetailSheetClose::before,
.resultDetailSheetClose::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:1.5px;
  border-radius:2px;
  background:#566d68;
}
.resultDetailSheetClose::before{transform:translate(-50%,-50%) rotate(45deg)}
.resultDetailSheetClose::after{transform:translate(-50%,-50%) rotate(-45deg)}
.resultDetailSheetClose:hover{background:#e8f0ee!important}
.resultDetailSheetClose:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px var(--lf-control-focus)!important;
}

/* Sticky sheet footer: quiet close, not another primary CTA. */
.resultDetailSheetContent .detailsCloseAction button{
  min-height:42px!important;
  border:1px solid #d6e2df!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#536d67!important;
  box-shadow:none!important;
  font-size:12px!important;
}

/* Remove the old "button-ish" look from card CTA containers. */
.top3CompareCardGlance .top3CompareOpen{
  margin-top:14px!important;
  padding-top:0!important;
}

/* Buttons should feel equally deliberate on touch. */
@media(max-width:600px){
  .resultShell,
  .resultDetailSheet{
    --lf-control-h:46px;
    --lf-control-radius:12px;
  }
  .resultShell .feedbackButtons,
  .resultDetailSheet .feedbackButtons{
    grid-template-columns:1fr!important;
  }
  .resultShell .feedbackButtons button,
  .resultDetailSheet .feedbackButtons button{
    min-height:42px!important;
  }
}


/* result-micro-components-20260929
   Chips, ranks, scores and labels share the same visual grammar. */
.resultShell :where(
  .decisionRank,
  .top3CompareRank,
  .top3CityRank,
  .decisionRunner>span
){
  border:1px solid #d7e6e2!important;
  background:#f3f8f6!important;
  color:#3c756d!important;
  box-shadow:none!important;
  font-weight:850!important;
}

.resultShell .decisionRank{
  min-width:38px!important;
  height:38px!important;
  border-radius:11px!important;
}
.resultShell .top3CompareRank{
  min-width:34px!important;
  height:30px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
.resultShell .decisionRunner>span{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
}

.resultShell :where(
  .decisionScore b,
  .top3CompareHeader>b,
  .top3CityScore
){
  color:#2f6f67!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.025em!important;
}

.resultShell :where(
  .decisionEyebrow,
  .sectionEyebrow,
  .resultFoldIndex,
  .livingAreaFeatureHead>span,
  .resultMoreSectionHead small
){
  color:#47786f!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}

.resultShell .top3ReasonChips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:6px!important;
}
.resultShell .top3ReasonChips i{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:3px 8px!important;
  border:1px solid #dfe9e6!important;
  border-radius:7px!important;
  background:#f8fbfa!important;
  color:#607570!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:760!important;
  line-height:1.2!important;
}

.resultShell .decisionCompactSignals p,
.resultShell .top3CompareDecision>div,
.resultDetailSheet .cityOpenSummary>div{
  border-radius:10px!important;
  box-shadow:none!important;
}
.resultShell .decisionCompactSignals p{
  border-color:#e0e9e6!important;
}
.resultShell .top3CompareDecisionGood{background:#f3f8f6!important}
.resultShell .top3CompareDecisionCheck{background:#faf8f3!important}

.resultCompass{
  border-color:rgba(214,225,222,.92)!important;
  box-shadow:0 8px 24px rgba(39,65,61,.055)!important;
}
.resultCompassItem{
  font-weight:760!important;
}
.resultCompassItem.is-active{
  background:#eaf4f1!important;
  color:#286d64!important;
  box-shadow:none!important;
}

.resultDetailSheetHeader small{
  color:#47786f!important;
  font-weight:850!important;
}
.resultDetailSheetHeader strong{
  font-weight:790!important;
}

@media(max-width:600px){
  .resultShell .top3ReasonChips i{
    min-height:26px!important;
    font-size:11px!important;
  }
}


/* result-wayfinding-20260929
   Actions say where they go; detail sheets always show the route back. */
.resultDetailSheetHeading{
  min-width:0;
  flex:1 1 auto;
}
.resultDetailSheetBack{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  margin:0 0 9px;
  padding:0;
  border:0;
  background:transparent;
  color:#4f756e;
  font:inherit;
  font-size:11px;
  font-weight:780;
  letter-spacing:.01em;
  cursor:pointer;
}
.resultDetailSheetBack:hover{
  color:#23675e;
}
.resultDetailSheetBack:focus-visible{
  outline:3px solid rgba(40,125,114,.2);
  outline-offset:4px;
  border-radius:5px;
}
.resultDetailSheetHeader{
  align-items:flex-start!important;
}
.resultDetailSheetHeader #lifeFitDetailSheetKicker{
  margin-top:0!important;
}
.resultDetailSheetContent .detailsCloseAction button::before{
  content:"←";
  margin-right:7px;
  font-size:14px;
  font-weight:600;
}
.resultMoreHubSummary strong{
  letter-spacing:-.01em;
}
.resultShell .top3CompareOpen{
  min-height:44px!important;
}
.resultShell .decisionActionsCompact>small{
  color:#7a8885!important;
}
@media(max-width:820px){
  .resultDetailSheetBack{
    min-height:28px;
    margin-bottom:7px;
    font-size:11px;
  }
  .resultDetailSheetHeader{
    padding-top:12px!important;
  }
}


/* result-decard-20260929
   Comparison needs width. Prefer editorial rows and dividers over card grids. */

/* First-glance signals: two reading columns, no nested cards. */
.decisionSummaryFirstGlance .decisionCompactSignals{
  gap:0!important;
  border-top:1px solid #e3ebe8;
  border-bottom:1px solid #e3ebe8;
}
.decisionSummaryFirstGlance .decisionCompactSignals p{
  padding:14px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.decisionSummaryFirstGlance .decisionCompactSignals p+p{
  border-left:1px solid #e3ebe8!important;
}

/* Runners-up: simple rows rather than mini cards. */
.decisionRunnerGrid{
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  border-top:1px solid #e6ecea;
  border-bottom:1px solid #e6ecea;
}
.decisionRunner{
  padding:11px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.decisionRunner+.decisionRunner{
  border-left:1px solid #e6ecea!important;
}
.decisionRunner:hover{
  background:#f8fbfa!important;
}

/* TOP3: one full-width comparison row per city. */
.top3CompareBoardGlance .top3CompareGrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid #dfe8e5;
  border-bottom:1px solid #dfe8e5;
}
.top3CompareCardGlance{
  display:grid!important;
  grid-template-columns:minmax(190px,1.05fr) minmax(0,1.6fr) minmax(150px,.55fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:22px!important;
  row-gap:6px!important;
  align-items:center!important;
  padding:16px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.top3CompareCardGlance+.top3CompareCardGlance{
  border-top:1px solid #e6ecea!important;
}
.top3CompareCardGlance:first-child{
  border-color:transparent!important;
  background:transparent!important;
}
.top3CompareHeader{
  grid-column:1!important;
  grid-row:1!important;
}
.top3CompareCharacter{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.top3CompareDecision{
  grid-column:2!important;
  grid-row:1 / 3!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  margin:0!important;
  border-left:1px solid #e6ecea;
  border-right:1px solid #e6ecea;
}
.top3CompareDecision>div{
  min-width:0;
  padding:5px 16px!important;
  border-radius:0!important;
  background:transparent!important;
}
.top3CompareDecision>div+div{
  border-left:1px solid #e6ecea;
}
.top3CompareCardGlance .top3CompareOpen{
  grid-column:3!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  width:100%!important;
  margin:0!important;
}

/* City sheet summary: facts read as a compact strip, not three cards. */
.cityOpenSummary{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto!important;
  gap:0!important;
  border-top:1px solid #e4ebe9;
  border-bottom:1px solid #e4ebe9;
}
.cityOpenSummary>div{
  padding:12px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.cityOpenSummary>div+div{
  border-left:1px solid #e4ebe9!important;
}
.cityOpenSummaryFact{
  background:transparent!important;
}

/* Station candidates: use the whole sheet width. */
.livingAreaDecisionGrid{
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid #e1e9e6;
}
.livingAreaCardCompact,
.livingAreaCardCompact[data-reference-order="1"]{
  padding:17px 0!important;
  border:0!important;
  border-bottom:1px solid #e1e9e6!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.livingAreaCardCompact .livingAreaCardReason{
  min-height:0!important;
  max-width:780px;
}
.livingAreaCardCore{
  padding-top:11px!important;
}
.livingAreaCardActions{
  justify-content:flex-start!important;
}
.livingAreaCardActions .livingAreaStationPageLink,
.livingAreaCardActions .livingAreaLocalDetailBtn{
  flex:0 1 auto!important;
  min-width:150px;
}

/* The station section itself does not need another large card boundary. */
.livingAreaPrimary{
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid #dce8e5!important;
  border-radius:0!important;
  background:transparent!important;
}

/* Responsive fallback: rows become clean vertical blocks, still without cards. */
@media(max-width:980px){
  .top3CompareCardGlance{
    grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr)!important;
  }
  .top3CompareDecision{
    grid-column:2!important;
    border-right:0;
  }
  .top3CompareCardGlance .top3CompareOpen{
    grid-column:1 / 3!important;
    grid-row:3!important;
    justify-self:start!important;
    width:auto!important;
    margin-top:6px!important;
  }
}
@media(max-width:700px){
  .decisionSummaryFirstGlance .decisionCompactSignals{
    display:block!important;
  }
  .decisionSummaryFirstGlance .decisionCompactSignals p+p{
    border-left:0!important;
    border-top:1px solid #e3ebe8!important;
  }
  .decisionRunnerGrid{
    grid-template-columns:1fr!important;
  }
  .decisionRunner+.decisionRunner{
    border-left:0!important;
    border-top:1px solid #e6ecea!important;
  }
  .top3CompareCardGlance{
    display:block!important;
    padding:15px 0!important;
  }
  .top3CompareCharacter{
    margin-top:7px!important;
  }
  .top3CompareDecision{
    display:block!important;
    margin-top:12px!important;
    border:0!important;
    border-top:1px solid #e6ecea!important;
    border-bottom:1px solid #e6ecea!important;
  }
  .top3CompareDecision>div{
    padding:10px 0!important;
  }
  .top3CompareDecision>div+div{
    border-left:0!important;
    border-top:1px solid #e6ecea!important;
  }
  .top3CompareCardGlance .top3CompareOpen{
    width:100%!important;
    margin-top:12px!important;
  }
  .cityOpenSummary{
    display:block!important;
  }
  .cityOpenSummary>div+div{
    border-left:0!important;
    border-top:1px solid #e4ebe9!important;
  }
  .livingAreaCardActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .livingAreaCardActions .livingAreaStationPageLink,
  .livingAreaCardActions .livingAreaLocalDetailBtn{
    min-width:0!important;
    width:100%!important;
  }
}


/* result-zero-base-20260929
   Result page = answer first, comparison second, exploration third. */
.resultZeroHero{
  padding:24px 0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.resultZeroEyebrow{
  margin:0 0 10px;
  color:#4a766f;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
}
.resultZeroLead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding-bottom:18px;
  border-bottom:1px solid #dfe8e5;
}
.resultZeroLead>div:first-child{min-width:0}
.resultZeroLead small{
  display:block;
  margin-bottom:5px;
  color:#657975;
  font-size:12px;
  font-weight:760;
}
.resultZeroLead h2{
  margin:0;
  color:#1f3935;
  font-size:clamp(38px,6vw,64px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:820;
}
.resultZeroLead p{
  margin:8px 0 0;
  color:#7a8784;
  font-size:12px;
}
.resultZeroScore{
  flex:0 0 auto;
  text-align:right;
}
.resultZeroScore span{
  display:block;
  color:#7c8b87;
  font-size:10px;
  font-weight:800;
}
.resultZeroScore b{
  display:block;
  margin-top:2px;
  color:#2f7168;
  font-size:28px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.resultZeroSignals{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #dfe8e5;
}
.resultZeroSignals>div{
  min-width:0;
  padding:17px 18px 17px 0;
}
.resultZeroSignals>div+div{
  padding-left:18px;
  border-left:1px solid #dfe8e5;
}
.resultZeroSignals span{
  display:block;
  margin-bottom:5px;
  color:#51766f;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
}
.resultZeroSignals p{
  margin:0;
  color:#314944;
  font-size:15px;
  line-height:1.7;
}
.resultZeroRunners{
  display:flex;
  align-items:center;
  gap:16px;
  padding:13px 0;
  border-bottom:1px solid #e8eeec;
}
.resultZeroRunners>span{
  flex:0 0 auto;
  color:#7b8986;
  font-size:10px;
  font-weight:800;
}
.resultZeroRunners>div{
  display:flex;
  flex:1 1 auto;
  min-width:0;
}
.resultRunnerLine{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:7px;
  align-items:center;
  flex:1 1 0;
  min-width:0;
  padding:6px 12px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.resultRunnerLine+.resultRunnerLine{
  border-left:1px solid #e3eae8;
}
.resultRunnerLine span{
  color:#4c766f;
  font-size:10px;
  font-weight:850;
}
.resultRunnerLine strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2f4843;
  font-size:14px;
}
.resultRunnerLine small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#84908d;
  font-size:10px;
}
.resultRunnerLine b{
  color:#47736c;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.resultRunnerLine:hover{background:#f7faf9}
.resultRunnerLine:focus-visible{
  outline:3px solid rgba(40,125,114,.2);
  outline-offset:2px;
}
.resultZeroNext{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:17px;
}
.resultZeroNext>small{
  max-width:38em;
  color:#7d8986;
  font-size:11px;
  line-height:1.55;
}

/* TOP3 comparison is a reading surface, not another report card. */
.resultZeroComparePanel{
  padding:26px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.resultZeroSectionHead{
  margin-bottom:12px;
}
.resultZeroSectionHead small{
  display:block;
  margin-bottom:4px;
  color:#4d786f;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}
.resultZeroSectionHead h2{
  margin:0;
  color:#263f3b;
  font-size:clamp(24px,3.2vw,34px);
  line-height:1.25;
  letter-spacing:-.025em;
}
.resultZeroSectionHead p{
  margin:7px 0 0;
  color:#768580;
  font-size:12px;
  line-height:1.65;
}
.resultZeroCompareRows{
  border-top:1px solid #dce6e3;
  border-bottom:1px solid #dce6e3;
}
.resultZeroCompareRow{
  display:grid;
  grid-template-columns:minmax(170px,.78fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(150px,.6fr);
  gap:0;
  align-items:stretch;
}
.resultZeroCompareRow+.resultZeroCompareRow{
  border-top:1px solid #e4ebe9;
}
.resultZeroComparePlace,
.resultZeroCompareSignal{
  min-width:0;
  padding:15px 16px;
}
.resultZeroComparePlace{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "rank city score"
    "rank pref score";
  gap:2px 9px;
  align-items:center;
  padding-left:0;
}
.resultZeroComparePlace>span{
  grid-area:rank;
  color:#48746d;
  font-size:10px;
  font-weight:850;
}
.resultZeroComparePlace>strong{
  grid-area:city;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  color:#2b4540;
  font-size:17px;
  line-height:1.3;
}
.resultZeroComparePlace>small{
  grid-area:pref;
  color:#83908c;
  font-size:10px;
}
.resultZeroComparePlace>b{
  grid-area:score;
  color:#3c7068;
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
.resultZeroCompareSignal{
  border-left:1px solid #e4ebe9;
}
.resultZeroCompareSignal>span{
  display:block;
  margin-bottom:4px;
  color:#3e756c;
  font-size:10px;
  font-weight:850;
}
.resultZeroCompareCheck>span{color:#866b49}
.resultZeroCompareSignal p{
  margin:0;
  color:#445b56;
  font-size:12px;
  line-height:1.6;
}
.resultZeroCompareOpen{
  align-self:center;
  margin:0 0 0 15px!important;
}

/* One deliberate next step after the map. */
.resultZeroNextCity{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  margin:8px 0 28px;
  padding:20px 0;
  border-top:1px solid #dce7e4;
  border-bottom:1px solid #dce7e4;
}
.resultZeroNextCity>div{min-width:0}
.resultZeroNextCity small{
  display:block;
  margin-bottom:4px;
  color:#4a776f;
  font-size:10px;
  font-weight:850;
  letter-spacing:.07em;
}
.resultZeroNextCity h2{
  margin:0;
  color:#263f3a;
  font-size:22px;
  line-height:1.4;
  letter-spacing:-.02em;
}
.resultZeroNextCity p{
  margin:6px 0 0;
  color:#75847f;
  font-size:12px;
  line-height:1.65;
}
.resultZeroNextCity>button{
  flex:0 0 auto;
}

/* Hidden source tree must never participate in layout. */
.resultDetailSources[hidden]{display:none!important}

@media(max-width:900px){
  .resultZeroCompareRow{
    grid-template-columns:minmax(150px,.75fr) minmax(0,1fr) minmax(0,1fr);
  }
  .resultZeroCompareOpen{
    grid-column:1 / -1;
    justify-self:start;
    width:auto!important;
    margin:0 0 14px!important;
  }
}
@media(max-width:700px){
  .resultZeroHero{padding-top:16px!important}
  .resultZeroLead{
    align-items:flex-end;
    gap:14px;
  }
  .resultZeroLead h2{font-size:40px}
  .resultZeroScore b{font-size:24px}
  .resultZeroSignals{
    display:block;
  }
  .resultZeroSignals>div{
    padding:14px 0!important;
  }
  .resultZeroSignals>div+div{
    border-left:0!important;
    border-top:1px solid #e4ebe9;
  }
  .resultZeroRunners{
    display:block;
  }
  .resultZeroRunners>span{
    display:block;
    margin-bottom:5px;
  }
  .resultZeroRunners>div{
    display:block;
  }
  .resultRunnerLine{
    width:100%;
    padding:9px 0;
  }
  .resultRunnerLine+.resultRunnerLine{
    border-left:0;
    border-top:1px solid #e7edeb;
  }
  .resultZeroNext{
    display:block;
  }
  .resultZeroNext .decisionActionPrimary{
    width:100%;
  }
  .resultZeroNext>small{
    display:block;
    margin-top:7px;
    text-align:center;
  }
  .resultZeroCompareRow{
    display:block;
    padding:14px 0;
  }
  .resultZeroCompareRow+.resultZeroCompareRow{
    border-top:1px solid #e4ebe9;
  }
  .resultZeroComparePlace,
  .resultZeroCompareSignal{
    padding:0;
  }
  .resultZeroCompareSignal{
    margin-top:11px;
    padding-top:10px;
    border-left:0;
    border-top:1px solid #edf1f0;
  }
  .resultZeroCompareOpen{
    width:100%!important;
    margin:13px 0 0!important;
  }
  .resultZeroNextCity{
    display:block;
    margin-bottom:22px;
  }
  .resultZeroNextCity>button{
    width:100%;
    margin-top:14px;
  }
}


/* zero-base current-place section: one comparison surface, no report card. */
.currentSummaryPanel{
  padding:26px 0!important;
  border:0!important;
  border-top:1px solid #dfe8e5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.currentSummaryPanel .sectionEyebrow{
  margin-bottom:5px!important;
}
.currentSummaryPanel>h2{
  margin:0!important;
  color:#273f3b!important;
  font-size:clamp(23px,3vw,32px)!important;
  line-height:1.35!important;
  letter-spacing:-.025em!important;
}
.currentSummaryPanel .currentSummary{
  max-width:760px;
  margin:8px 0 0!important;
  color:#71817d!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.currentSummaryPanel .currentScoreMeta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin-top:14px!important;
  padding:0!important;
  border-top:1px solid #e5ebe9;
  border-bottom:1px solid #e5ebe9;
}
.currentSummaryPanel .currentScoreMeta>span{
  padding:10px 14px 10px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6c7e79!important;
  font-size:11px!important;
}
.currentSummaryPanel .currentScoreMeta>span+span{
  padding-left:14px!important;
  border-left:1px solid #e5ebe9!important;
}
.currentSummaryPanel .currentScoreMeta strong{
  color:#315f58!important;
}
.currentSummaryPanel .currentInlineAccordion{
  margin-top:0!important;
}
.currentSummaryPanel .currentInlineAccordion>summary{
  padding:14px 30px 14px 0!important;
  border-top:0!important;
  border-bottom:1px solid #e7edeb!important;
}
@media(max-width:700px){
  .currentSummaryPanel{padding:22px 0!important}
  .currentSummaryPanel .currentScoreMeta{
    display:block!important;
  }
  .currentSummaryPanel .currentScoreMeta>span{
    display:block!important;
    padding:9px 0!important;
  }
  .currentSummaryPanel .currentScoreMeta>span+span{
    border-left:0!important;
    border-top:1px solid #e8eeec!important;
  }
}


/* result-narrow-screen-hardening-20260929
   Keep long municipality names and comparison labels readable on 320–375px screens. */
@media(max-width:380px){
  .resultZeroLead{gap:10px}
  .resultZeroLead h2{
    font-size:34px;
    overflow-wrap:anywhere;
  }
  .resultZeroScore b{font-size:22px}
  .resultZeroComparePlace>strong{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.35;
  }
}

/* result-detail-hierarchy-20260929 */
/* One scan order inside the city/station detail sheet:
   1. quick facts, 2. decision, 3. concrete places, 4. field-walk direction. */
.resultDetailSheetContent .dailyLifeSnapshot{
  margin:4px 0 18px;
  padding:14px 16px;
  border:1px solid #dfe9e6;
  border-radius:14px;
  background:#f8fbfa;
}
.resultDetailSheetContent .dailyLifeSnapshotHead small,
.resultDetailSheetContent .livingAreaLensHead small,
.resultDetailSheetContent .livingAreaLifeOutlineHead>span,
.resultDetailSheetContent .stationSideHead small{
  display:block;
  margin-bottom:4px;
  color:#62827c;
  font-size:10px;
  font-weight:850;
  letter-spacing:.045em;
}
.resultDetailSheetContent .dailyLifeSnapshotHead strong{
  color:#294841;
  font-size:17px;
  line-height:1.35;
}
.resultDetailSheetContent .dailyLifeSnapshotGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.resultDetailSheetContent .dailyLifeSnapshotItem{
  min-width:0;
  padding:10px;
  border:1px solid #e3ece9;
  border-radius:10px;
  background:#fff;
}
.resultDetailSheetContent .dailyLifeSnapshotItem small{
  display:block;
  color:#74837f;
  font-size:10px;
  font-weight:750;
}
.resultDetailSheetContent .dailyLifeSnapshotItem b{
  display:block;
  margin-top:3px;
  color:#244a43;
  font-size:19px;
  line-height:1.15;
}
.resultDetailSheetContent .dailyLifeSnapshotItem span,
.resultDetailSheetContent .dailyLifeSnapshotNote{
  color:#7b8986;
  font-size:10px;
  line-height:1.5;
}

.resultDetailSheetContent .livingAreaDecisionLens{
  margin:18px 0 20px;
  padding:17px;
  border:1px solid #cfe2dd;
  border-radius:15px;
  background:#fbfefd;
}
.resultDetailSheetContent .livingAreaLensHead strong{
  display:block;
  color:#24443e;
  font-size:20px;
  line-height:1.3;
}
.resultDetailSheetContent .livingAreaLensHead p{
  margin:5px 0 0;
  color:#6d7e79;
  font-size:11px;
}
.resultDetailSheetContent .livingAreaLensGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:13px;
}
.resultDetailSheetContent .livingAreaLensCell{
  padding:12px;
  border-top:2px solid #d8e8e4;
  background:#fff;
}
.resultDetailSheetContent .livingAreaLensCell small{
  display:block;
  margin-bottom:5px;
  color:#547b74;
  font-size:10px;
  font-weight:850;
}
.resultDetailSheetContent .livingAreaLensCell p{
  margin:0;
  color:#344f4a;
  font-size:12px;
  line-height:1.6;
}
.resultDetailSheetContent .livingAreaLensNote{
  display:block;
  margin-top:10px;
  color:#87928f;
  font-size:9px;
  line-height:1.5;
}

.resultDetailSheetContent .livingAreaLifeOutline{
  margin:20px 0;
  padding-top:18px;
  border-top:1px solid #e3ebe8;
}
.resultDetailSheetContent .livingAreaLifeHeadline{
  display:block;
  color:#304c47;
  font-size:17px;
  line-height:1.35;
}
.resultDetailSheetContent .livingAreaLifeRows{
  display:grid;
  gap:8px;
  margin-top:11px;
}
.resultDetailSheetContent .livingAreaLifeRow{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:2px 10px;
  padding:10px 0;
  border-bottom:1px solid #edf1f0;
}
.resultDetailSheetContent .livingAreaLifeRow small{
  grid-row:1/3;
  color:#68817b;
  font-size:10px;
  font-weight:850;
}
.resultDetailSheetContent .livingAreaLifeRow b{
  color:#2e4944;
  font-size:13px;
}
.resultDetailSheetContent .livingAreaLifeRow p{
  margin:0;
  color:#71807c;
  font-size:11px;
  line-height:1.5;
}

.resultDetailSheetContent .stationSideGuide{
  margin:22px 0 4px;
  padding-top:18px;
  border-top:1px solid #e2ebe8;
}
.resultDetailSheetContent .stationSideHead strong{
  display:block;
  color:#334e49;
  font-size:17px;
}
.resultDetailSheetContent .stationSideHead p{
  margin:5px 0 0;
  color:#74827f;
  font-size:11px;
  line-height:1.55;
}

/* Station candidate actions: continue exploring in-sheet first, leave for station page second. */
.resultDetailSheetContent .livingAreaCardActions .livingAreaLocalDetailBtn{
  border-color:#8dc9bd!important;
  background:#e7f5f1!important;
  color:#246b61!important;
}
.resultDetailSheetContent .livingAreaCardActions .livingAreaStationPageLink{
  border-color:#d7e2df!important;
  background:#fff!important;
  color:#59726d!important;
}

@media(max-width:620px){
  .resultDetailSheetContent .dailyLifeSnapshotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resultDetailSheetContent .livingAreaLensGrid{grid-template-columns:1fr}
  .resultDetailSheetContent .livingAreaLensHead strong{font-size:18px}
  .resultDetailSheetContent .livingAreaLifeRow{grid-template-columns:46px minmax(0,1fr)}
}


/* station-candidate-scan-polish-20260929 */
.livingAreaCardCompact .livingAreaQuickFacts{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 8px;
}
.livingAreaCardCompact .livingAreaQuickFacts>span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 7px;
  border:1px solid #e0eae7;
  border-radius:999px;
  background:#f7faf9;
  color:#61736f;
  font-size:10px;
  font-weight:750;
  line-height:1.2;
}
.livingAreaCardCompact .livingAreaCardDifference{
  margin:7px 0 0;
  padding:8px 9px;
  border-left:2px solid #c9ddd8;
  background:#fafcfc;
  color:#667873;
  font-size:10px;
  line-height:1.5;
}
.livingAreaCardCompact .livingAreaCardDifference>span{
  display:block;
  margin-bottom:2px;
  color:#52786f;
  font-size:9px;
  font-weight:850;
}
.livingAreaCardCompact[data-reference-order="1"] .livingAreaCardHead>small{
  padding:3px 7px;
  border-radius:999px;
  background:#e3f3ef;
  color:#236d63;
}
@media(max-width:380px){
  .livingAreaCardCompact .livingAreaCardHead{
    align-items:flex-start;
  }
  .livingAreaCardActions{
    grid-template-columns:1fr!important;
  }
}


/* top3-name-integrity-20260929 */
.resultZeroComparePlace{align-items:start}
.resultZeroComparePlace>b{align-self:start}


/* result-design-refresh-20260930
   Premium result experience: calm depth, strong hierarchy, rich comparison,
   and a wider data-product canvas without fabricating city photography. */
.resultShell{
  width:min(1240px,calc(100vw - 48px))!important;
  max-width:none!important;
  margin-left:50%!important;
  margin-right:0!important;
  padding:22px 0 80px!important;
  transform:translateX(-50%);
}

.resultShell .resultZeroHero{
  position:relative;
  padding:34px 38px 30px!important;
  border:1px solid #cfe2dc!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 7% 16%,rgba(102,202,188,.22),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(208,236,229,.66),transparent 31%),
    linear-gradient(135deg,#effaf7 0%,#ffffff 44%,#f4fbf9 100%)!important;
  box-shadow:0 22px 58px rgba(25,68,60,.10)!important;
  overflow:hidden;
}
.resultShell .resultZeroHero::before,
.resultShell .resultZeroHero::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.resultShell .resultZeroHero::before{
  left:-80px;
  bottom:-120px;
  width:520px;
  height:260px;
  border-radius:50%;
  transform:rotate(-8deg);
  background:linear-gradient(135deg,rgba(35,139,124,.10),rgba(35,139,124,0));
}
.resultShell .resultZeroHero::after{
  right:-120px;
  top:-160px;
  width:410px;
  height:410px;
  border-radius:50%;
  border:1px solid rgba(50,141,128,.08);
  box-shadow:
    0 0 0 44px rgba(50,141,128,.025),
    0 0 0 88px rgba(50,141,128,.018);
}
.resultZeroHeroTop{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.resultZeroEyebrow{
  display:inline-flex!important;
  align-items:center;
  min-height:32px;
  margin:0!important;
  padding:6px 12px!important;
  border:1px solid rgba(35,129,116,.20);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#236f64!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.resultZeroRank{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin:0;
  color:#a97915;
}
.resultZeroRank span{
  font-size:13px;
  font-weight:850;
  letter-spacing:.03em;
}
.resultZeroRank strong{
  font-size:24px;
  line-height:1;
  font-weight:950;
}
.resultZeroRank strong::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin:0 8px 2px 0;
  border-radius:50%;
  background:#d5a128;
  box-shadow:0 0 0 5px rgba(213,161,40,.12);
}

.resultZeroHeroGrid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:30px;
  align-items:stretch;
}
.resultZeroHeroMain{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:8px 0 0;
}
.resultZeroLead{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 188px!important;
  align-items:center!important;
  gap:26px!important;
  padding:0!important;
  border:0!important;
}
.resultZeroLead>div:first-child{min-width:0}
.resultZeroLead small{
  display:block!important;
  margin-bottom:8px!important;
  color:#52746e!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.resultZeroLead h2{
  margin:0!important;
  color:#103e36!important;
  font-size:clamp(54px,5.2vw,76px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.resultZeroLead p{
  margin:13px 0 0!important;
  color:#627a74!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.resultZeroScore{
  display:block!important;
  min-width:0!important;
  padding:20px 20px 17px!important;
  border:1px solid rgba(41,129,116,.18);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 32px rgba(28,82,72,.09);
  text-align:left!important;
  backdrop-filter:blur(10px);
}
.resultZeroScore span{
  display:block!important;
  color:#3a6e66!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em;
}
.resultZeroScore b{
  display:block!important;
  margin-top:7px!important;
  color:#0f6e60!important;
  font-size:43px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em;
}
.resultZeroScore b::after{
  content:" / 100";
  margin-left:3px;
  color:#83928e;
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
}
.resultZeroScore>i{
  display:block;
  width:100%;
  height:7px;
  margin-top:14px;
  border-radius:999px;
  overflow:hidden;
  background:#e2efeb;
}
.resultZeroScore>i>em{
  display:block;
  width:var(--result-score,0%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#45af9e,#13806f);
}
.resultZeroIntro{
  max-width:650px;
  margin:22px 0 0;
  color:#405b55;
  font-size:17px;
  line-height:1.8;
  font-weight:650;
}
.resultZeroNext{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:auto!important;
  padding-top:26px!important;
}
.resultZeroNext .decisionAction{
  min-height:50px!important;
  padding:12px 22px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.resultZeroNext .decisionAction:hover{transform:translateY(-1px)}
.resultZeroNext .decisionActionPrimary{
  border:1px solid #167c6d!important;
  background:linear-gradient(180deg,#289b8b 0%,#167b6d 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(22,123,109,.20)!important;
}
.resultZeroNext .decisionActionPrimary:hover{
  box-shadow:0 14px 28px rgba(22,123,109,.25)!important;
}
.resultZeroSecondaryAction{
  border:1px solid #a9d2ca!important;
  background:rgba(255,255,255,.78)!important;
  color:#246c62!important;
  box-shadow:none!important;
}
.resultZeroSecondaryAction:hover{background:#fff!important}

.resultZeroInsightCard{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid rgba(51,127,116,.16);
  border-radius:20px;
  background:rgba(255,255,255,.91);
  box-shadow:0 16px 36px rgba(28,74,66,.08);
  overflow:hidden;
  backdrop-filter:blur(12px);
}
.resultZeroInsightSection{padding:20px 22px}
.resultZeroInsightSection+.resultZeroInsightSection{border-top:1px solid #e2ece9}
.resultZeroInsightTitle{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:#173f38;
}
.resultZeroInsightTitle>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border-radius:9px;
  background:#e6f5f1;
  color:#148371;
  font-size:15px;
  font-weight:950;
}
.resultZeroInsightCaution .resultZeroInsightTitle>span{
  background:#fff1d6;
  color:#b67a0b;
}
.resultZeroInsightTitle strong{
  font-size:15px;
  font-weight:900;
  letter-spacing:-.01em;
}
.resultZeroInsightSection ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.resultZeroInsightSection li{
  position:relative;
  padding-left:21px;
  color:#38534d;
  font-size:14px;
  line-height:1.62;
}
.resultZeroInsightSection li:not(.resultZeroEvidence)::before{
  content:"✓";
  position:absolute;
  left:0;
  top:.02em;
  color:#16907d;
  font-weight:950;
}
.resultZeroEvidence{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 8px;
  margin-top:3px;
  padding:9px 11px 9px 11px!important;
  border-radius:11px;
  background:#f4faf8;
}
.resultZeroEvidence span{color:#627a74;font-size:11px;font-weight:850}
.resultZeroEvidence strong{color:#1e665c;font-size:13px;font-weight:900}
.resultZeroEvidence small{width:100%;color:#778984;font-size:10px;line-height:1.5}
.resultZeroInsightCaution p{margin:0}
.resultZeroInsightCaution b{
  display:block;
  color:#4d4f46;
  font-size:14px;
  line-height:1.65;
  font-weight:850;
}
.resultZeroInsightCaution small{
  display:block;
  margin-top:6px;
  color:#75847f;
  font-size:12px;
  line-height:1.65;
}

.resultZeroRunners{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:20px!important;
  padding:10px 12px!important;
  border:1px solid rgba(48,125,114,.13)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.64)!important;
}
.resultZeroRunners>span{
  flex:0 0 auto;
  color:#64807a!important;
  font-size:11px!important;
  font-weight:900!important;
}
.resultZeroRunners>div{display:flex!important;flex:1 1 auto;min-width:0}
.resultRunnerLine{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  flex:1 1 0!important;
  min-height:40px;
  padding:7px 12px!important;
  border-radius:10px!important;
}
.resultRunnerLine+.resultRunnerLine{border-left:1px solid #e0e9e6!important}
.resultRunnerLine:hover{background:rgba(244,250,248,.92)!important}
.resultRunnerLine span{font-size:11px!important}
.resultRunnerLine strong{font-size:15px!important;color:#294942!important}
.resultRunnerLine small{font-size:11px!important}
.resultRunnerLine b{font-size:14px!important;color:#2a766b!important}

.resultCompass{
  position:sticky!important;
  top:8px!important;
  z-index:40!important;
  display:flex!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  margin:20px auto 30px!important;
  padding:6px!important;
  gap:4px!important;
  border:1px solid #d2e2de!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 34px rgba(30,67,60,.09)!important;
  backdrop-filter:blur(16px)!important;
}
.resultCompassItem{
  min-height:40px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  color:#60736f!important;
  font-size:13px!important;
  font-weight:850!important;
}
.resultCompassItem::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:7px;
  border-radius:50%;
  background:#aec3be;
  vertical-align:1px;
}
.resultCompassItem.is-active{
  background:linear-gradient(180deg,#299b8a 0%,#167c6d 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(23,124,109,.18)!important;
}
.resultCompassItem.is-active::before{background:#fff}

.resultShell .resultZeroComparePanel{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.resultZeroCompare{padding:6px 0 12px!important}
.resultZeroSectionHead{margin:0 0 20px!important}
.resultZeroSectionHead small{
  display:block;
  margin-bottom:6px!important;
  color:#2c786c!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
}
.resultZeroSectionHead h2{
  margin:0!important;
  color:#123f37!important;
  font-size:clamp(30px,3vw,39px)!important;
  line-height:1.18!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
}
.resultZeroSectionHead p{
  max-width:760px;
  margin:10px 0 0!important;
  color:#677b76!important;
  font-size:15px!important;
  line-height:1.75!important;
}

.resultZeroCompareRows{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  border:0!important;
}
.resultZeroCompareRow{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  min-height:470px;
  border:1px solid #d7e5e1!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(31,67,60,.075)!important;
  overflow:hidden!important;
}
.resultZeroCompareRow:first-child{
  border:2px solid #2f9c8d!important;
  box-shadow:0 20px 46px rgba(25,123,109,.13)!important;
}
.resultZeroCompareRow+.resultZeroCompareRow{border-top:1px solid #d7e5e1!important}
.resultZeroCardVisual{
  position:relative;
  height:92px;
  padding:14px 16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 25%,rgba(255,255,255,.72),transparent 24%),
    linear-gradient(135deg,#d9f1eb 0%,#eff9f6 55%,#cbe7e0 100%);
}
.resultZeroCompareRow:nth-child(2) .resultZeroCardVisual{
  background:
    radial-gradient(circle at 84% 25%,rgba(255,255,255,.7),transparent 24%),
    linear-gradient(135deg,#dcebf1 0%,#f2f8fa 55%,#cfdee5 100%);
}
.resultZeroCompareRow:nth-child(3) .resultZeroCardVisual{
  background:
    radial-gradient(circle at 84% 25%,rgba(255,255,255,.7),transparent 24%),
    linear-gradient(135deg,#ede6d9 0%,#faf7f1 55%,#dfd4c0 100%);
}
.resultZeroCardVisual::before,
.resultZeroCardVisual::after{
  content:"";
  position:absolute;
  bottom:-34px;
  width:170px;
  height:95px;
  border-radius:50% 50% 0 0;
  transform:rotate(-8deg);
  background:rgba(42,132,119,.12);
}
.resultZeroCardVisual::before{left:16%}
.resultZeroCardVisual::after{left:43%;bottom:-42px;background:rgba(42,132,119,.08)}
.resultZeroCardRank{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#2c7369;
  font-size:12px;
  font-weight:950;
  box-shadow:0 5px 14px rgba(24,70,62,.08);
}
.resultZeroCompareRow:first-child .resultZeroCardRank{
  background:#c89a24;
  color:#fff;
}
.resultZeroCardPref{
  position:absolute;
  right:16px;
  top:17px;
  z-index:2;
  color:#54726c;
  font-size:11px;
  font-weight:850;
}
.resultZeroComparePlace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"city score" "pref score"!important;
  gap:3px 10px!important;
  align-items:center!important;
  padding:18px 18px 16px!important;
  border-bottom:1px solid #e3ece9!important;
  background:#fff!important;
}
.resultZeroComparePlace>strong{
  grid-area:city!important;
  color:#173f38!important;
  font-size:25px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.resultZeroComparePlace>small{
  grid-area:pref!important;
  color:#788984!important;
  font-size:11px!important;
}
.resultZeroComparePlace>b{
  grid-area:score!important;
  color:#176f63!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.resultZeroCompareBody{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
.resultZeroCompareSignal{
  min-width:0!important;
  padding:17px 18px!important;
  border-left:0!important;
}
.resultZeroCompareSignal+.resultZeroCompareSignal{border-top:1px solid #e7eeec!important}
.resultZeroCompareSignal>span{
  display:block!important;
  margin-bottom:9px!important;
  color:#26766b!important;
  font-size:12px!important;
  font-weight:950!important;
}
.resultZeroCompareSignal ul{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}
.resultZeroCompareSignal li{
  position:relative;
  padding-left:19px;
  color:#415751;
  font-size:13px;
  line-height:1.55;
}
.resultZeroCompareSignal li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#1b907e;
  font-weight:950;
}
.resultZeroCompareCheck>span{color:#9e6b16!important}
.resultZeroCompareCheck p{
  position:relative;
  margin:0!important;
  padding-left:19px;
  color:#4d574f!important;
  font-size:13px!important;
  line-height:1.62!important;
}
.resultZeroCompareCheck p::before{
  content:"!";
  position:absolute;
  left:0;
  top:.05em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#efb347;
  color:#fff;
  font-size:9px;
  font-weight:950;
}
.resultZeroCompareOpen{
  width:calc(100% - 32px)!important;
  min-height:48px!important;
  margin:0 16px 16px!important;
  padding:11px 14px!important;
  border:1px solid #b8d5cf!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#226c62!important;
  font-size:14px!important;
  font-weight:900!important;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.resultZeroCompareOpen:hover{
  transform:translateY(-1px);
  background:#f5faf8!important;
}
.resultZeroCompareRow:first-child .resultZeroCompareOpen{
  border-color:#17806f!important;
  background:linear-gradient(180deg,#289b8b 0%,#167c6d 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(22,124,109,.18)!important;
}

.resultShell .lifeFitMapV1{
  margin-top:26px!important;
  border:1px solid #d5e5e1!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(31,67,60,.07)!important;
  overflow:hidden!important;
}
.resultShell .lifeFitMapV1>summary{
  min-height:74px!important;
  padding:20px 24px!important;
  border:0!important;
  background:linear-gradient(180deg,#fbfefd 0%,#f6fbf9 100%)!important;
}
.resultShell .lifeFitMapV1Title{
  color:#153f38!important;
  font-size:23px!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.resultShell .lifeFitMapV1Title em{
  margin-left:3px!important;
  padding:5px 8px!important;
  background:#e4f4f0!important;
  color:#24776b!important;
  font-size:10px!important;
  font-weight:900!important;
}
.resultShell .lifeFitMapV1SummarySub{
  color:#6c7f7a!important;
  font-size:12px!important;
}
.resultShell .lifeFitMapV1Body{padding:6px 24px 24px!important}
.resultShell .lifeFitMapV1Lead{
  margin-bottom:16px!important;
  color:#667b76!important;
  font-size:14px!important;
}
.resultShell .lifeFitMapV1Tools{margin-bottom:14px!important}
.resultShell .lifeFitMapV1Tools button{
  min-height:40px!important;
  border:1px solid #dce8e5!important;
  background:#f6faf9!important;
  color:#405e58!important;
  font-size:12px!important;
  font-weight:850!important;
}
.resultShell .lifeFitMapV1Canvas{
  min-height:410px!important;
  border:1px solid #cee1dc!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 70% 18%,rgba(255,255,255,.95),transparent 28%),
    linear-gradient(180deg,#eaf7f7 0%,#f4faf8 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(36,77,70,.05)!important;
}
.resultShell .lifeFitMapV1Selection{
  margin-top:14px!important;
  padding:14px 16px!important;
  border:1px solid #e0ebe8!important;
  border-radius:14px!important;
  background:#f8fbfa!important;
}
.resultShell .lifeFitMapV1Legend{padding-top:12px!important}
.resultShell .lifeFitMapV1Meta{
  padding-top:12px!important;
  border-top:1px solid #eef2f1;
  color:#82908d!important;
  font-size:10px!important;
}

.resultZeroNextCity{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-top:26px!important;
  padding:24px 26px!important;
  border:1px solid #d5e5e1!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#eef8f5 0%,#ffffff 70%)!important;
  box-shadow:0 12px 32px rgba(31,67,60,.05)!important;
}
.resultZeroNextCity small{
  color:#2d756b!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
.resultZeroNextCity h2{
  margin:4px 0 6px!important;
  color:#173f38!important;
  font-size:25px!important;
  line-height:1.3!important;
  font-weight:950!important;
}
.resultZeroNextCity p{
  margin:0!important;
  color:#677b76!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.resultZeroNextCity .decisionActionPrimary{
  flex:0 0 auto!important;
  min-height:48px!important;
  padding:11px 20px!important;
  border-radius:999px!important;
  background:#177d6e!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
}

@media(max-width:1050px){
  .resultShell{width:min(100%,calc(100vw - 32px))!important}
  .resultZeroHeroGrid{grid-template-columns:1fr!important}
  .resultZeroInsightCard{display:grid;grid-template-columns:1fr 1fr}
  .resultZeroInsightSection+.resultZeroInsightSection{border-top:0;border-left:1px solid #e2ece9}
}
@media(max-width:900px){
  .resultZeroCompareRows{grid-template-columns:1fr!important}
  .resultZeroCompareRow{min-height:0!important}
  .resultZeroCardVisual{height:72px}
}
@media(max-width:700px){
  .resultShell{
    width:100%!important;
    margin-left:0!important;
    padding:8px 0 52px!important;
    transform:none!important;
  }
  .resultShell .resultZeroHero{
    padding:21px 17px 18px!important;
    border-radius:18px!important;
  }
  .resultZeroHeroTop{margin-bottom:14px}
  .resultZeroRank strong{font-size:21px}
  .resultZeroHeroGrid{gap:16px!important}
  .resultZeroLead{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .resultZeroLead h2{font-size:46px!important}
  .resultZeroLead p{font-size:14px!important}
  .resultZeroScore{
    width:100%!important;
    max-width:none!important;
    padding:15px 16px!important;
  }
  .resultZeroScore b{font-size:36px!important}
  .resultZeroIntro{
    margin-top:16px!important;
    font-size:15px!important;
    line-height:1.7!important;
  }
  .resultZeroNext{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding-top:18px!important;
  }
  .resultZeroNext .decisionAction{width:100%!important}
  .resultZeroInsightCard{
    display:block!important;
    border-radius:16px!important;
  }
  .resultZeroInsightSection{padding:17px 16px!important}
  .resultZeroInsightSection+.resultZeroInsightSection{
    border-top:1px solid #e2ece9!important;
    border-left:0!important;
  }
  .resultZeroRunners{
    display:block!important;
    margin-top:14px!important;
  }
  .resultZeroRunners>div{display:block!important}
  .resultRunnerLine+.resultRunnerLine{
    border-left:0!important;
    border-top:1px solid #e0e9e6!important;
  }
  .resultCompass{
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    margin:14px 0 22px!important;
    overflow-x:auto!important;
  }
  .resultCompassItem{
    min-height:38px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
  .resultZeroSectionHead h2{font-size:28px!important}
  .resultZeroSectionHead p{font-size:14px!important}
  .resultZeroCompareRows{gap:12px!important}
  .resultZeroCompareRow{border-radius:17px!important}
  .resultZeroCardVisual{height:66px}
  .resultZeroComparePlace{padding:16px!important}
  .resultZeroComparePlace>strong{font-size:22px!important}
  .resultZeroComparePlace>b{font-size:24px!important}
  .resultZeroCompareSignal{padding:15px 16px!important}
  .resultZeroCompareOpen{
    width:calc(100% - 28px)!important;
    margin:0 14px 14px!important;
  }
  .resultShell .lifeFitMapV1{border-radius:17px!important}
  .resultShell .lifeFitMapV1>summary{padding:17px 16px!important}
  .resultShell .lifeFitMapV1Title{font-size:18px!important}
  .resultShell .lifeFitMapV1SummarySub{display:none!important}
  .resultShell .lifeFitMapV1Body{padding:4px 15px 16px!important}
  .resultShell .lifeFitMapV1Canvas{min-height:360px!important;border-radius:14px!important}
  .resultZeroNextCity{
    display:block!important;
    padding:19px 17px!important;
    border-radius:17px!important;
  }
  .resultZeroNextCity .decisionActionPrimary{
    width:100%!important;
    margin-top:14px!important;
  }
}


/* result-secondary-premium-20260930
   Carry the premium result language into current-place comparison, methodology,
   contextual detail sheets and the end-of-result utility area. */
.resultShell .currentPremiumPanel{
  position:relative;
  margin-top:28px!important;
  padding:32px 34px 30px!important;
  border:1px solid #d4e5e0!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(69,170,154,.10),transparent 32%),
    linear-gradient(145deg,#ffffff 0%,#f8fcfb 100%)!important;
  box-shadow:0 16px 42px rgba(31,67,60,.07)!important;
  overflow:hidden!important;
}
.resultShell .currentPremiumPanel::after{
  content:"";
  position:absolute;
  right:-110px;
  top:-120px;
  width:300px;
  height:300px;
  border:1px solid rgba(43,137,123,.08);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(43,137,123,.018);
  pointer-events:none;
}
.currentPremiumHead{
  position:relative;
  z-index:1;
  max-width:940px;
}
.currentPremiumKicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:13px;
  color:#33786e;
}
.currentPremiumKicker>span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  background:#e6f4f0;
  color:#167d6f;
  font-size:14px;
  font-weight:950;
}
.currentPremiumKicker small{
  color:#76908a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
}
.currentPremiumKicker b{
  padding-left:8px;
  border-left:1px solid #d6e4e0;
  color:#2b6960;
  font-size:12px;
  font-weight:900;
}
.currentPremiumHead h2{
  margin:0!important;
  color:#173f38!important;
  font-size:clamp(31px,3.4vw,43px)!important;
  line-height:1.22!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
}
.currentPremiumHead h2>span{
  color:#4b5f5a;
  font-weight:800;
}
.currentPremiumHead h2>strong{color:#126f61}
.currentPremiumPanel .currentSummary{
  max-width:820px;
  margin:13px 0 0!important;
  color:#677b76!important;
  font-size:15px!important;
  line-height:1.75!important;
}

.currentDifferenceSummary{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:24px 0 0!important;
}
.currentDifferenceCard{
  display:flex!important;
  align-items:flex-start;
  gap:13px;
  min-width:0;
  padding:18px 19px!important;
  border:1px solid #dbe8e4!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(31,67,60,.045);
}
.currentDifferenceGain{
  border-color:#cfe5df!important;
  background:linear-gradient(145deg,#f3fbf8 0%,#fff 78%)!important;
}
.currentDifferenceKeep{
  background:linear-gradient(145deg,#f8fafb 0%,#fff 78%)!important;
}
.currentDifferenceMark{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:10px;
  background:#dff3ed;
  color:#16806f;
  font-size:17px;
  font-weight:950;
}
.currentDifferenceKeep .currentDifferenceMark{
  background:#e9eff1;
  color:#6c848b;
  font-size:11px;
}
.currentDifferenceCard>div{min-width:0}
.currentDifferenceCard small{
  display:block!important;
  margin-bottom:5px!important;
  color:#58756f!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em;
}
.currentDifferenceCard strong{
  display:block!important;
  color:#24443e!important;
  font-size:18px!important;
  line-height:1.5!important;
  font-weight:900!important;
}
.currentDifferenceCard em{
  display:block;
  margin-top:5px;
  color:#83908d;
  font-size:11px;
  line-height:1.5;
  font-style:normal;
}

.currentPremiumPanel .currentScoreMeta{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:14px 0 0!important;
  padding:0!important;
  border:0!important;
}
.currentScoreCard{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label value" "hint value";
  gap:3px 14px;
  align-items:center;
  min-width:0;
  padding:15px 17px;
  border:1px solid #dfe9e6;
  border-radius:15px;
  background:rgba(255,255,255,.88);
}
.currentScoreCardPrimary{
  border-color:#cce3dd;
  background:#f3faf8;
}
.currentScoreCard small{
  grid-area:label;
  color:#657b75!important;
  font-size:11px!important;
  font-weight:850!important;
}
.currentScoreCard strong{
  grid-area:value;
  color:#1c645a!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap;
}
.currentScoreCard strong em{
  margin-left:2px;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.currentScoreCard>span{
  grid-area:hint;
  color:#8a9693!important;
  font-size:10px!important;
  line-height:1.45!important;
}

.currentPremiumActions{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.resultShell .currentPremiumPanel .currentPremiumAction{
  margin:0!important;
  border:1px solid #d9e7e3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(31,67,60,.045)!important;
  overflow:hidden!important;
}
.resultShell .currentPremiumPanel .currentPremiumAction>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:86px!important;
  padding:16px 17px!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
}
.resultShell .currentPremiumPanel .currentPremiumAction>summary::after{display:none!important}
.currentPremiumAction>summary>span{
  display:block;
  min-width:0;
}
.currentPremiumAction>summary small{
  display:block;
  margin-bottom:3px;
  color:#6d8580;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}
.currentPremiumAction>summary strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#254740;
  font-size:15px;
  line-height:1.4;
  font-weight:900;
}
.currentPremiumAction>summary em{
  display:block;
  margin-top:3px;
  color:#87928f;
  font-size:10px;
  line-height:1.4;
  font-style:normal;
}
.currentPremiumAction>summary>b{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#edf6f3;
  color:#25766b;
  font-size:16px;
  font-weight:800;
  transition:transform .16s ease,background .16s ease;
}
.currentPremiumAction>summary:hover{
  background:#f8fbfa!important;
}
.currentPremiumAction>summary:hover>b{
  transform:translateX(2px);
  background:#dff1ec;
}

/* The methodology entry should feel like a feature, not a footer accordion. */
.resultShell .resultMoreHub{
  margin-top:26px!important;
  border:1px solid #d4e5e0!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 94% 18%,rgba(61,158,143,.10),transparent 28%),
    linear-gradient(135deg,#f7fcfa 0%,#ffffff 72%)!important;
  box-shadow:0 12px 32px rgba(31,67,60,.055)!important;
  overflow:hidden!important;
}
.resultShell .resultMoreHub>summary{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-height:98px!important;
  padding:20px 23px!important;
  border:0!important;
  background:transparent!important;
}
.resultShell .resultMoreHub>summary::before{
  content:"?";
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:13px;
  background:linear-gradient(180deg,#e4f4f0,#d7ede7);
  color:#197769;
  font-size:20px;
  font-weight:950;
}
.resultShell .resultMoreHub>summary::after{display:none!important}
.resultShell .resultMoreHub>summary>span{flex:1 1 auto;min-width:0}
.resultShell .resultMoreHub>summary small{
  margin-bottom:3px!important;
  color:#5a8078!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}
.resultShell .resultMoreHub>summary strong{
  color:#1f4841!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.resultShell .resultMoreHub>summary p{
  margin:4px 0 0;
  color:#7c8b87;
  font-size:11px;
  line-height:1.55;
}
.resultShell .resultMoreHub>summary em{
  flex:0 0 auto!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid #cce0db!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#2e7067!important;
  font-size:11px!important;
  font-weight:900!important;
  font-style:normal!important;
  box-shadow:0 5px 14px rgba(31,67,60,.04);
}

/* Premium contextual sheets */
.resultDetailSheet{
  grid-template-columns:minmax(0,1fr) min(790px,55vw)!important;
}
.resultDetailSheet[data-sheet-kind="method"]{
  grid-template-columns:minmax(0,1fr) min(840px,58vw)!important;
}
.resultDetailSheetBackdrop{
  background:rgba(18,34,31,.31)!important;
  backdrop-filter:blur(7px)!important;
}
.resultDetailSheetPanel{
  border-left:1px solid rgba(205,224,218,.9)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(51,150,135,.09),transparent 28%),
    #f6faf8!important;
  box-shadow:-34px 0 90px rgba(20,48,43,.20)!important;
}
.resultDetailSheetPanel::before{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#1d8979,#61b9aa 55%,#d2ebe5);
}
.resultDetailSheetHeader{
  min-height:118px!important;
  padding:23px 30px 19px!important;
  border-bottom:1px solid #dfeae7!important;
  background:rgba(249,252,251,.91)!important;
  backdrop-filter:blur(20px)!important;
}
.resultDetailSheetHeading{min-width:0!important}
.resultDetailSheetBack{
  appearance:none;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:0 0 11px;
  padding:5px 10px;
  border:1px solid #d6e5e1;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  color:#49726b;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.resultDetailSheetHeader small{
  margin-bottom:4px!important;
  color:#2a786d!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.resultDetailSheetHeader strong{
  color:#153f38!important;
  font-size:28px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.resultDetailSheetHeader span{
  margin-top:5px!important;
  max-width:620px;
  color:#6f827d!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.resultDetailSheetClose{
  width:44px!important;
  height:44px!important;
  margin-top:4px;
  border-color:#d3e3df!important;
  background:rgba(255,255,255,.86)!important;
  color:#4d6d67!important;
  box-shadow:0 7px 18px rgba(31,67,60,.06);
}
.resultDetailSheetContent{
  padding:28px 30px 52px!important;
  background:transparent!important;
}

/* Method sheet */
.resultDetailSheetContent>.resultMoreHubBody{
  display:grid!important;
  gap:16px!important;
  padding:0!important;
  background:transparent!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultMoreMethod{
  margin:0!important;
  padding:24px!important;
  border:1px solid #d8e7e3!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(31,67,60,.07)!important;
}
.resultDetailSheetContent .resultMoreSectionHead{
  display:block!important;
  margin-bottom:17px!important;
  padding-bottom:15px;
  border-bottom:1px solid #e7eeec;
}
.resultDetailSheetContent .resultMoreSectionHead small{
  display:block;
  margin-bottom:4px;
  color:#2a786d!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.resultDetailSheetContent .resultMoreSectionHead strong{
  display:block;
  color:#193f38!important;
  font-size:23px!important;
  line-height:1.3!important;
  font-weight:950!important;
}
.resultDetailSheetContent .resultMoreSectionHead p{
  margin:6px 0 0;
  color:#778984;
  font-size:12px;
  line-height:1.6;
}
.resultDetailSheetContent .candidateUniverse{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:18px!important;
  border:1px solid #d9e9e4!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#eef9f6 0%,#f9fcfb 100%)!important;
}
.resultDetailSheetContent .candidateUniverse b{
  color:#147465!important;
  font-size:26px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.03em;
}
.resultDetailSheetContent .candidateUniverse span{
  color:#5d726d!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.resultDetailSheetContent .diagnosisMethodPlain{
  margin:14px 0 0!important;
  border:1px solid #dce9e5!important;
  border-radius:16px!important;
  background:#fbfdfc!important;
  overflow:hidden!important;
}
.resultDetailSheetContent .diagnosisMethodPlain>summary{
  position:relative;
  padding:16px 48px 16px 17px!important;
  color:#284e47!important;
  font-size:14px!important;
  font-weight:900!important;
  cursor:pointer;
  list-style:none;
}
.resultDetailSheetContent .diagnosisMethodPlain>summary::-webkit-details-marker{display:none}
.resultDetailSheetContent .diagnosisMethodPlain>summary::after{
  content:"+";
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#e9f4f1;
  color:#26766b;
  font-size:16px;
}
.resultDetailSheetContent .diagnosisMethodPlain[open]>summary::after{content:"−"}
.resultDetailSheetContent .diagnosisMethodSteps{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0 14px 14px!important;
}
.resultDetailSheetContent .diagnosisMethodStep{
  padding:14px 15px!important;
  border:1px solid #e2ece9!important;
  border-radius:13px!important;
  background:#fff!important;
}
.resultDetailSheetContent .diagnosisMethodStep b{
  color:#2b665d!important;
  font-size:12px!important;
  font-weight:900!important;
}
.resultDetailSheetContent .diagnosisMethodStep p{
  margin:5px 0 0!important;
  color:#6b7e79!important;
  font-size:11px!important;
  line-height:1.65!important;
}
.resultDetailSheetContent .diagnosisMethodNote{
  margin:0 14px 10px!important;
  color:#7d8b88!important;
  font-size:10px!important;
  line-height:1.65!important;
}
.resultDetailSheetContent .diagnosisMethodNote a{
  color:#27796e!important;
  font-weight:850;
}
.resultDetailSheetContent .liveToFinalBridge{
  margin-top:14px!important;
  padding:15px 17px!important;
  border:1px solid #cfe5df!important;
  border-radius:15px!important;
  background:#eff8f5!important;
  color:#58716b!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.resultDetailSheetContent .liveToFinalBridge strong{
  display:block!important;
  margin-bottom:4px!important;
  color:#226a60!important;
  font-size:13px!important;
  font-weight:900!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultPanel,
.resultDetailSheetContent>.resultMoreHubBody>.resultEditActions,
.resultDetailSheetContent>.resultMoreHubBody>.lifeFitSimulator{
  margin:0!important;
  padding:0!important;
  border:1px solid #dce9e5!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,67,60,.045)!important;
  overflow:hidden!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultPanel>summary,
.resultDetailSheetContent>.resultMoreHubBody>.resultEditActions>summary,
.resultDetailSheetContent>.resultMoreHubBody>.lifeFitSimulator>summary{
  min-height:76px!important;
  padding:15px 50px 15px 17px!important;
  border:0!important;
  background:#fff!important;
}
.resultDetailSheetContent>.resultMoreHubBody>.resultPanel>summary::after,
.resultDetailSheetContent>.resultMoreHubBody>.resultEditActions>summary::after,
.resultDetailSheetContent>.resultMoreHubBody>.lifeFitSimulator>summary::after{
  right:18px!important;
}

/* Current-place and city-comparison sheet content */
.resultDetailSheet[data-sheet-kind="current"] .resultDetailSheetContent,
.resultDetailSheet[data-sheet-kind="comparison"] .resultDetailSheetContent{
  padding-top:24px!important;
}
.resultDetailSheetContent>.currentInlineBody{
  display:grid!important;
  gap:14px!important;
}
.resultDetailSheetContent .lifeScene,
.resultDetailSheetContent .currentDetail,
.resultDetailSheetContent .flagBox,
.resultDetailSheetContent .moveDelta{
  margin:0!important;
  padding:18px 19px!important;
  border:1px solid #dce9e5!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,67,60,.04)!important;
}
.resultDetailSheetContent .lifeScene{
  border-color:#cfe5df!important;
  background:linear-gradient(135deg,#eef9f6,#fff)!important;
  color:#4d6761!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.resultDetailSheetContent .lifeScene strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#236b61!important;
  font-size:15px!important;
}
.resultDetailSheetContent .lifeScene p{margin:0!important}
.resultDetailSheetContent .currentDetail h3{
  margin:0 0 7px!important;
  color:#314f49!important;
  font-size:15px!important;
  font-weight:900!important;
}
.resultDetailSheetContent .currentDetail p{
  margin:0!important;
  color:#667a75!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.resultDetailSheetContent .balanceProfile{
  margin:0!important;
  padding:20px!important;
  border:1px solid #dce9e5!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,67,60,.04)!important;
}
.resultDetailSheetContent .balanceProfileHead h3{
  color:#23463f!important;
  font-size:17px!important;
  font-weight:900!important;
}
.resultDetailSheetContent .factTitle{
  margin:5px 0 -3px!important;
  color:#2b6d63!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em;
}
.resultDetailSheetContent .factGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.resultDetailSheetContent .miniFact{
  padding:15px!important;
  border:1px solid #e0eae7!important;
  border-radius:14px!important;
  background:#fff!important;
}
.resultDetailSheetContent .miniFact span{
  color:#73847f!important;
  font-size:10px!important;
  font-weight:850!important;
}
.resultDetailSheetContent .miniFact strong{
  display:block!important;
  margin-top:3px!important;
  color:#285f57!important;
  font-size:17px!important;
  font-weight:950!important;
}
.resultDetailSheetContent .miniFact small{
  display:block!important;
  margin-top:4px!important;
  color:#8a9794!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.resultDetailSheetContent .matchPosition,
.resultDetailSheetContent .purchaseReality,
.resultDetailSheetContent .householdFlow{
  margin:0!important;
  padding:18px!important;
  border:1px solid #dce9e5!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,67,60,.04)!important;
}

.resultDetailSheetContent .moveCompare{display:grid!important;gap:14px!important}
.resultDetailSheetContent .moveCompareHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid #d6e7e2!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#eef9f6,#fff)!important;
}
.resultDetailSheetContent .moveCompareHead h3{
  margin:0!important;
  color:#173f38!important;
  font-size:20px!important;
  line-height:1.4!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.resultDetailSheetContent .compareLegend{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.resultDetailSheetContent .compareLegend span{
  padding:6px 9px!important;
  border:1px solid #dce8e5;
  border-radius:999px;
  background:#fff;
  color:#617873!important;
  font-size:10px!important;
  font-weight:850!important;
}
.resultDetailSheetContent .moveQuickDelta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.resultDetailSheetContent .moveQuickDelta>div{
  padding:15px!important;
  border:1px solid #dde9e6!important;
  border-radius:14px!important;
  background:#fff!important;
}
.resultDetailSheetContent .moveQuickDelta small{
  color:#71847f!important;
  font-size:10px!important;
  font-weight:850!important;
}
.resultDetailSheetContent .moveQuickDelta strong{
  display:block!important;
  margin-top:4px!important;
  color:#2b5e56!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:900!important;
}
.resultDetailSheetContent .moveAxisRows{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #dce9e5!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,67,60,.04)!important;
}
.resultDetailSheetContent .moveAxisRow{
  padding:12px 0!important;
  border-bottom:1px solid #edf2f0!important;
}
.resultDetailSheetContent .moveAxisRow:last-child{border-bottom:0!important}
.resultDetailSheetContent .moveAxisLabel strong{
  color:#415a54!important;
  font-size:12px!important;
}
.resultDetailSheetContent .moveAxisLabel span{
  color:#26776c!important;
  font-size:11px!important;
  font-weight:900!important;
}
.resultDetailSheetContent .metricCompareGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.resultDetailSheetContent .metricCompareCard{
  padding:15px!important;
  border:1px solid #dfeae7!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.resultDetailSheetContent .metricCompareCard>span{
  color:#647a75!important;
  font-size:10px!important;
  font-weight:900!important;
}
.resultDetailSheetContent .metricValues strong{
  color:#245f56!important;
  font-size:15px!important;
}
.resultDetailSheetContent .moveDelta strong{
  color:#28685f!important;
  font-size:13px!important;
  font-weight:900!important;
}
.resultDetailSheetContent .moveDelta p{
  margin:6px 0 0!important;
  color:#647a75!important;
  font-size:12px!important;
  line-height:1.7!important;
}

.resultDetailSheetContent .detailsCloseAction{
  bottom:-28px!important;
  margin:12px -30px -38px!important;
  padding:13px 30px 20px!important;
  border-top:1px solid #dfe9e6!important;
  background:linear-gradient(180deg,rgba(246,250,248,.80),#f6faf8 30%)!important;
}
.resultDetailSheetContent .detailsCloseAction button{
  min-height:46px!important;
  border:1px solid #c9ddd8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#2a7066!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 6px 18px rgba(31,67,60,.05);
}

/* End-of-result links should look integrated, not like browser-default hyperlinks. */
.resultShell .legalFooter{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:7px 12px!important;
  margin:30px 0 0!important;
  padding:20px 0 4px!important;
  border-top:1px solid #e1e9e7!important;
  color:#8a9693!important;
  font-size:11px!important;
}
.resultShell .legalFooter a{
  color:#657c76!important;
  text-decoration:none!important;
  font-weight:750!important;
}
.resultShell .legalFooter a:hover{
  color:#1f7468!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
.resultShell .legalFooter span{color:#cad5d2!important}

@media(max-width:900px){
  .currentPremiumActions{grid-template-columns:1fr!important}
  .resultDetailSheet,
  .resultDetailSheet[data-sheet-kind="method"]{
    grid-template-columns:minmax(0,1fr) min(720px,68vw)!important;
  }
}
@media(max-width:700px){
  .resultShell .currentPremiumPanel{
    margin-top:18px!important;
    padding:21px 17px 19px!important;
    border-radius:18px!important;
  }
  .currentPremiumHead h2{font-size:29px!important}
  .currentPremiumPanel .currentSummary{font-size:14px!important}
  .currentDifferenceSummary,
  .currentPremiumPanel .currentScoreMeta{
    grid-template-columns:1fr!important;
  }
  .currentDifferenceCard{padding:15px!important}
  .currentDifferenceCard strong{font-size:16px!important}
  .currentPremiumActions{gap:9px!important}
  .resultShell .currentPremiumPanel .currentPremiumAction>summary{
    min-height:78px!important;
    padding:14px!important;
  }
  .currentPremiumAction>summary strong{white-space:normal!important}
  .resultShell .resultMoreHub>summary{
    min-height:88px!important;
    padding:16px!important;
    gap:12px!important;
  }
  .resultShell .resultMoreHub>summary::before{
    width:36px;
    height:36px;
    border-radius:11px;
    font-size:17px;
  }
  .resultShell .resultMoreHub>summary strong{font-size:17px!important}
  .resultShell .resultMoreHub>summary p{display:none}
  .resultShell .resultMoreHub>summary em{
    padding:8px 10px!important;
    font-size:10px!important;
  }
  .resultDetailSheet,
  .resultDetailSheet[data-sheet-kind="method"]{
    display:flex!important;
    align-items:flex-end!important;
  }
  .resultDetailSheetPanel{
    width:100%!important;
    height:min(94dvh,940px)!important;
    border-left:0!important;
    border-top:1px solid #d7e6e2!important;
    border-radius:22px 22px 0 0!important;
  }
  .resultDetailSheetHeader{
    min-height:104px!important;
    padding:18px 17px 15px!important;
  }
  .resultDetailSheetHeader strong{font-size:22px!important}
  .resultDetailSheetHeader span{font-size:11px!important}
  .resultDetailSheetClose{
    width:40px!important;
    height:40px!important;
  }
  .resultDetailSheetContent{padding:20px 16px 44px!important}
  .resultDetailSheetContent>.resultMoreHubBody>.resultMoreMethod{
    padding:18px!important;
    border-radius:17px!important;
  }
  .resultDetailSheetContent .candidateUniverse{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:15px!important;
  }
  .resultDetailSheetContent .candidateUniverse b{font-size:23px!important}
  .resultDetailSheetContent .diagnosisMethodSteps,
  .resultDetailSheetContent .factGrid,
  .resultDetailSheetContent .moveQuickDelta,
  .resultDetailSheetContent .metricCompareGrid{
    grid-template-columns:1fr!important;
  }
  .resultDetailSheetContent .moveCompareHead{display:block!important}
  .resultDetailSheetContent .compareLegend{margin-top:10px!important}
  .resultDetailSheetContent .detailsCloseAction{
    margin:12px -16px -30px!important;
    padding:12px 16px calc(16px + env(safe-area-inset-bottom))!important;
  }
}


/* result-detail-sheet-hidden-fix-20260930
   Keep the modal truly removed after close on narrow screens and typed sheets.
   This must stay after responsive display overrides. */
.resultDetailSheet[hidden],
.resultDetailSheet[data-sheet-kind][hidden],
.resultDetailSheet[data-sheet-kind="method"][hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* diagnosis-station-master-20260930
   Diagnosis station candidates are a visual projection of the same public
   7,983-station master used by /areas/. No runtime place-discovery layer. */
.stationMasterGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:18px!important;
}
.stationMasterCard{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  padding:0!important;
  border:1px solid #d7e6e2!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(31,67,60,.065)!important;
  overflow:hidden!important;
}
.stationMasterCard[data-reference-order="1"]{
  border:2px solid #4aa596!important;
  box-shadow:0 16px 38px rgba(25,123,109,.12)!important;
}
.stationMasterImage{
  position:relative;
  display:block;
  width:100%;
  height:148px;
  margin:0!important;
  overflow:hidden;
  background:linear-gradient(135deg,#dceee9,#f5faf8);
}
.stationMasterImage img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.stationMasterImage::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(15,45,39,.23));
  pointer-events:none;
}
.stationMasterImage figcaption{
  position:absolute;
  z-index:2;
  right:9px;
  bottom:7px;
  max-width:88%;
  color:rgba(255,255,255,.94);
  font-size:8px;
  line-height:1.3;
  text-align:right;
  text-shadow:0 1px 3px rgba(0,0,0,.42);
}
.stationMasterImageFallback{
  display:grid!important;
  place-items:center;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.7),transparent 25%),
    linear-gradient(135deg,#dceee9 0%,#eef7f4 55%,#d3e8e2 100%)!important;
}
.stationMasterImageFallback::before,
.stationMasterImageFallback::after{
  content:"";
  position:absolute;
  bottom:-40px;
  width:190px;
  height:105px;
  border-radius:50% 50% 0 0;
  background:rgba(31,128,113,.11);
}
.stationMasterImageFallback::before{left:9%}
.stationMasterImageFallback::after{left:43%;bottom:-48px;background:rgba(31,128,113,.07)}
.stationMasterImageFallback span{
  position:relative;
  z-index:2;
  color:#548078;
  font-size:11px;
  font-weight:950;
  letter-spacing:.18em;
}
.stationMasterCardBody{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:18px 18px 16px;
}
.stationMasterCard .livingAreaCardHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 8px!important;
}
.stationMasterCard .livingAreaCardHead b{
  min-width:0;
  color:#153f38!important;
  font-size:23px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.stationMasterCard .livingAreaCardHead small{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:#eef6f3;
  color:#39766d!important;
  font-size:9px!important;
  font-weight:900!important;
}
.stationMasterCard[data-reference-order="1"] .livingAreaCardHead small{
  background:#1b8374;
  color:#fff!important;
}
.stationMasterCard .livingAreaCardReason{
  min-height:3.2em;
  margin:0 0 14px!important;
  color:#627772!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.stationMasterAxisStrip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.stationMasterAxisStrip .stationMasterMetric{
  min-width:0;
  padding:11px 10px!important;
  border:1px solid #e0eae7!important;
  border-radius:12px!important;
  background:#f9fbfa!important;
}
.stationMasterAxisStrip .stationMasterMetric>span{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  color:#677b76!important;
  font-size:10px!important;
  font-weight:850!important;
}
.stationMasterAxisStrip .stationMasterMetric em{
  padding:2px 5px;
  border-radius:999px;
  background:#eef3f1;
  color:#6e817c;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}
.stationMasterAxisStrip .stationMasterMetric.is-high em{
  background:#ddf1eb;
  color:#187969;
}
.stationMasterAxisStrip .stationMasterMetric.is-low em{
  background:#f7ede2;
  color:#95662a;
}
.stationMasterAxisStrip .stationMasterMetric strong{
  display:block!important;
  margin-top:7px!important;
  color:#244941!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums;
}
.stationMasterAxisStrip .stationMasterMetric.is-high strong{color:#166e61!important}
.stationMasterCard .livingAreaQuickFacts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:13px 0 0!important;
}
.stationMasterCard .livingAreaQuickFacts span{
  padding:5px 8px!important;
  border:1px solid #e2ebe8!important;
  border-radius:999px!important;
  background:#f8fbfa!important;
  color:#617772!important;
  font-size:9px!important;
  font-weight:800!important;
}
.stationMasterCard .livingAreaCardDifference{
  margin:13px 0 0!important;
  padding:11px 12px!important;
  border:1px solid #e5ece9!important;
  border-radius:11px!important;
  background:#fbfcfc!important;
  color:#647872!important;
  font-size:10px!important;
  line-height:1.6!important;
}
.stationMasterCard .livingAreaCardDifference span{
  display:block;
  margin-bottom:3px;
  color:#8b6a2f;
  font-size:9px;
  font-weight:900;
}
.stationMasterCard .livingAreaCardActions{
  display:block!important;
  margin-top:auto!important;
  padding-top:15px!important;
}
.stationMasterLink{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border:1px solid #bcd9d3!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#236e63!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.stationMasterCard[data-reference-order="1"] .stationMasterLink{
  border-color:#197d6e!important;
  background:linear-gradient(180deg,#289889,#177c6d)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(23,124,109,.16)!important;
}
.stationMasterSourceNote{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid #dbe8e4;
  border-radius:13px;
  background:#f7fbf9;
}
.stationMasterSourceNote strong{
  flex:0 0 auto;
  color:#26756a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.02em;
}
.stationMasterSourceNote span{
  color:#71827e;
  font-size:10px;
  line-height:1.6;
}

@media(max-width:980px){
  .stationMasterGrid{grid-template-columns:1fr!important}
  .stationMasterCard{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr)!important;
  }
  .stationMasterImage{height:100%;min-height:220px}
}
@media(max-width:700px){
  .stationMasterGrid{gap:11px!important}
  .stationMasterCard{
    display:flex!important;
    border-radius:17px!important;
  }
  .stationMasterImage{height:150px;min-height:0}
  .stationMasterCardBody{padding:16px 15px 14px}
  .stationMasterCard .livingAreaCardHead b{font-size:22px!important}
  .stationMasterCard .livingAreaCardReason{min-height:0}
  .stationMasterAxisStrip{gap:6px!important}
  .stationMasterAxisStrip .stationMasterMetric{padding:10px 8px!important}
  .stationMasterAxisStrip .stationMasterMetric>span{
    display:block!important;
  }
  .stationMasterAxisStrip .stationMasterMetric em{
    display:inline-block;
    margin-top:4px;
  }
  .stationMasterAxisStrip .stationMasterMetric strong{font-size:20px!important}
  .stationMasterSourceNote{display:block}
  .stationMasterSourceNote strong{display:block;margin-bottom:4px}
}


/* diagnosis-station-layout-polish-20260930
   The station comparison lives inside a side sheet, so card density must follow
   the sheet width rather than pretending it has a full desktop canvas. */
@media (min-width:1181px){
  .resultDetailSheet:not([data-sheet-kind="method"]){
    grid-template-columns:minmax(0,1fr) min(920px,64vw)!important;
  }
  .stationMasterGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .stationMasterCard[data-reference-order="1"]{
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:minmax(240px,.9fr) minmax(0,1.45fr)!important;
  }
  .stationMasterCard[data-reference-order="1"] .stationMasterImage{
    height:100%!important;
    min-height:270px!important;
  }
  .stationMasterCard[data-reference-order="1"] .stationMasterCardBody{
    padding:24px 24px 20px!important;
  }
  .stationMasterCard[data-reference-order="1"] .livingAreaCardHead b{
    font-size:28px!important;
  }
  .stationMasterCard[data-reference-order="1"] .livingAreaCardReason{
    min-height:0!important;
    font-size:13px!important;
  }
  .stationMasterCard:not([data-reference-order="1"]) .livingAreaCardHead b{
    font-size:21px!important;
  }
  .stationMasterCard:not([data-reference-order="1"]) .livingAreaCardReason{
    min-height:0!important;
  }
}

@media (min-width:701px) and (max-width:1180px){
  .resultDetailSheet:not([data-sheet-kind="method"]){
    grid-template-columns:minmax(0,1fr) min(780px,72vw)!important;
  }
  .resultDetailSheetContent{
    padding:24px 24px 42px!important;
  }
  .stationMasterGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .stationMasterCard,
  .stationMasterCard[data-reference-order="1"]{
    grid-column:auto!important;
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    min-height:230px;
  }
  .stationMasterImage,
  .stationMasterCard[data-reference-order="1"] .stationMasterImage{
    height:100%!important;
    min-height:230px!important;
  }
  .stationMasterCardBody,
  .stationMasterCard[data-reference-order="1"] .stationMasterCardBody{
    padding:18px 18px 16px!important;
  }
  .stationMasterCard .livingAreaCardHead b,
  .stationMasterCard[data-reference-order="1"] .livingAreaCardHead b{
    font-size:23px!important;
  }
  .stationMasterCard .livingAreaCardReason,
  .stationMasterCard[data-reference-order="1"] .livingAreaCardReason{
    min-height:0!important;
  }
}

@media (min-width:701px){
  .stationMasterGrid{
    margin-top:20px!important;
  }
  .stationMasterCard{
    box-shadow:0 10px 28px rgba(31,67,60,.055)!important;
  }
  .stationMasterCard[data-reference-order="1"]{
    box-shadow:0 14px 34px rgba(25,123,109,.11)!important;
  }
  .stationMasterAxisStrip .stationMasterMetric{
    padding:12px 11px!important;
  }
  .stationMasterAxisStrip .stationMasterMetric strong{
    font-size:21px!important;
  }
  .stationMasterCard .livingAreaQuickFacts{
    margin-top:12px!important;
  }
  .stationMasterCard .livingAreaCardDifference{
    margin-top:12px!important;
  }
  .stationMasterCard .livingAreaCardActions{
    padding-top:14px!important;
  }
  .stationMasterSourceNote{
    margin-top:16px!important;
    padding:12px 14px!important;
    border-radius:12px!important;
    background:#f8fbfa!important;
  }
  .stationMasterSourceNote strong{
    font-size:10px!important;
  }
  .stationMasterSourceNote span{
    font-size:10px!important;
    line-height:1.55!important;
  }
  .resultDetailSheetContent .detailsCloseAction{
    position:static!important;
    margin:24px 0 0!important;
    padding:0!important;
    border-top:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
  }
  .resultDetailSheetContent .detailsCloseAction button{
    min-height:46px!important;
    border-radius:999px!important;
    background:#fff!important;
  }
}


/* station-one-second-summary-20261001
   After city context, show the actual station answer immediately. */
.resultDetailSheetContent .livingAreaPrimary{
  margin-top:12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.resultDetailSheetContent .livingAreaPrimary .stationMasterGrid{
  margin-top:0!important;
}
.resultDetailSheetContent .livingAreaContextFold{
  margin-top:12px!important;
}
.resultDetailSheetContent .livingAreaContextFold>summary{
  color:#6c807b!important;
  font-size:11px!important;
  font-weight:800!important;
}


/* mobile-detail-header-overlap-fix-20261001
   Let the detail-sheet header size itself to its content on phones.
   Prevent the first content block from intruding into the title area. */
@media(max-width:700px){
  .resultDetailSheetHeader{
    position:relative!important;
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    padding:16px 16px 14px!important;
  }
  .resultDetailSheetHeading{
    min-width:0!important;
    padding-right:4px;
  }
  .resultDetailSheetBack{
    margin-bottom:10px!important;
  }
  .resultDetailSheetHeader small{
    margin-bottom:5px!important;
    line-height:1.35!important;
  }
  .resultDetailSheetHeader strong{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    font-size:24px!important;
    line-height:1.2!important;
  }
  .resultDetailSheetHeader span{
    display:none!important;
  }
  .resultDetailSheetClose{
    margin-top:0!important;
  }
  .resultDetailSheetContent{
    padding-top:16px!important;
  }
  .resultDetailSheetContent>.top3CityBody{
    margin-top:0!important;
  }
  .resultDetailSheetContent .cityOpenSummary{
    margin-top:0!important;
  }
}

/* Keep the leading municipality readable when result columns become narrow. */
@media(max-width:900px){
  .resultZeroLead{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:14px!important;
  }
  .resultZeroLead h2{
    max-width:100%;
    font-size:clamp(36px,6vw,52px)!important;
    line-height:1.15!important;
    letter-spacing:-.04em!important;
    overflow-wrap:anywhere;
    text-wrap:balance;
  }
  .resultZeroScore{
    width:100%!important;
    max-width:280px!important;
    text-align:left!important;
  }
}
@media(max-width:560px){
  .resultZeroLead h2{
    font-size:clamp(34px,9.5vw,46px)!important;
    line-height:1.18!important;
  }
  .resultZeroScore{max-width:none!important}
}