:root{--background:#f6f7f8;--surface:#fff;--surface-muted:#eef1f3;--text:#1e2528;--muted:#596368;--line:#d7dde1;--accent:#0f766e;--accent-dark:#134e4a;--accent-soft:#e4f4f1;--warm:#b45309;--focus:#0b8278}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);background:var(--background);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #0b827859}.page{width:min(100% - 28px,900px);margin:0 auto;padding:24px 0 48px}.stepPanel{flex-direction:column;justify-content:center;min-height:calc(100svh - 72px);padding:20px 0 34px;display:flex}.resultHero{background:var(--accent-soft);border:1px solid #a8d3cc;border-radius:8px;margin:10px 0 24px;padding:24px}.resultHero h1{text-wrap:balance}.headlineNoBreak{white-space:nowrap}.headlineSubject{display:inline-block}.eyebrow{color:var(--accent-dark);margin:0 0 12px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:32px;line-height:1.25}.lead{max-width:680px;color:var(--muted);margin-bottom:28px;font-size:16px;line-height:1.75}.categoryButton,.optionButton,.backButton{cursor:pointer;border:0}.categoryList{gap:12px;display:grid}.categoryButton{width:100%;min-height:148px;color:var(--text);text-align:left;background:linear-gradient(#f6fffd 0%,#e8f6f3 100%);border:1px solid #83c5bd;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:22px;display:flex;box-shadow:0 10px 28px #134e4a14}.categoryButton.disabled{cursor:not-allowed;border-color:var(--line);background:var(--surface);box-shadow:none;opacity:.72}.categoryButton strong{color:var(--accent-dark);font-size:24px;font-weight:700}.categoryMeta{width:fit-content;color:var(--accent-dark);background:#fff;border-radius:6px;padding:5px 9px;font-size:13px;font-weight:700}.categoryButton small{color:var(--muted);font-size:14px;line-height:1.6}.stepHeader{margin-bottom:24px}.stepCount{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:700}.progress{background:var(--surface-muted);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.optionList{gap:14px;margin-bottom:24px;display:grid}.optionButton{border:1px solid var(--line);background:var(--surface);width:100%;min-height:64px;color:var(--text);text-align:left;border-radius:8px;padding:18px;font-weight:700;line-height:1.45;box-shadow:0 4px 14px #1e25280a}.optionButton.selected{border-color:var(--accent);color:var(--accent-dark);background:#e8f6f3}.backButton{width:fit-content;min-height:44px;color:var(--muted);background:0 0;padding:10px 0;font-weight:700}.section{border-top:1px solid var(--line);margin-top:22px;padding:28px 0 0}.section h2{margin-bottom:16px;font-size:22px}.sectionLead{color:var(--muted);margin-bottom:16px;line-height:1.75}.compactSection{padding-top:20px}.primarySection{padding-top:30px}.primarySection h2{color:var(--accent-dark);font-size:26px}.mutedSection,.detailSection{color:var(--muted)}.detailSection .axisCard{box-shadow:none}.referenceProductNotes{gap:10px;margin:0 0 16px;display:grid}.referenceProductNote{border:1px solid var(--line);border-left:4px solid var(--warm);background:#fbfcfc;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.referenceProductNote strong{color:var(--text);font-size:16px;line-height:1.45}.referenceProductNote p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.7}.referenceLabel{background:var(--surface-muted);width:fit-content;color:var(--muted);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.3}.contextSection{color:var(--muted)}.contextSection h2{font-size:18px}.contextSection .candidate{min-height:auto;padding:14px 16px}.contextSection .candidate h3{margin-bottom:6px}.contextSection .candidate a{align-items:center;min-height:36px;display:inline-flex}.contextGrid{grid-template-columns:1fr;gap:8px;display:grid}.contextItem{border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:60px;padding:12px 0;line-height:1.5}.contextItem span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.contextItem strong{color:var(--text);font-size:16px;display:block}.resultHero p:last-child{color:var(--accent-dark);margin-bottom:0;font-size:22px;font-weight:700;line-height:1.7}.axisGroup+.axisGroup{margin-top:22px}.axisGroup h3{color:var(--muted);margin-bottom:10px;font-size:15px}.axis{border-top:1px solid var(--line);padding:16px 0 18px}.axis span{margin-bottom:8px;font-size:18px;font-weight:700;display:block}.axis p,.emptyText{color:var(--muted);margin-bottom:0;line-height:1.75}.axisPrimary span{color:var(--accent-dark);font-size:24px}.axisPrimary{background:#f0faf8;border:1px solid #a8d3cc;border-radius:8px;padding:18px}.axisCard{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:14px;padding:18px}.axisCardHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.axisCardHeader h3{color:var(--text);flex:1;margin-bottom:6px;font-size:20px}.axisCardHeader p{color:var(--muted);margin-bottom:0;line-height:1.7}.axisProvenance{gap:6px;margin:-4px 0 14px;display:grid}.axisProvenance span{background:var(--surface-muted);width:fit-content;color:var(--muted);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.3}.axisProvenance p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.7}.axisValueGrid{grid-template-columns:1fr;gap:10px;display:grid}.axisValue{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:6px;min-height:112px;padding:14px;display:grid}.axisValue.advantage{background:#f0faf8;border-color:#8bbcb6}.axisProductName{color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}.axisValue strong{color:var(--text);font-size:28px;line-height:1.2}.axisValue.advantage strong{color:var(--accent-dark)}.axisQualifier{color:var(--muted);font-size:13px;line-height:1.5}.axisState{background:var(--surface-muted);width:fit-content;min-height:28px;color:var(--muted);border-radius:6px;align-items:center;padding:4px 8px;font-size:13px;font-weight:700;display:inline-flex}.axisValue.advantage .axisState{background:var(--accent);color:#fff}.sourceToggle{border:1px solid var(--line);min-height:34px;color:var(--accent-dark);white-space:nowrap;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700}.axisSourceDetails{border-top:1px solid var(--line);gap:10px;margin-top:12px;padding-top:12px;display:grid}.sourceProductDetail{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.sourceProductHeading{gap:4px;display:grid}.sourceProductHeading strong{color:var(--text);font-size:15px}.sourceProductHeading span{color:var(--muted);font-size:14px;font-weight:700}.sourceQualifierList{flex-wrap:wrap;gap:6px;display:flex}.sourceQualifierList small{background:var(--surface-muted);color:var(--muted);border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700}.sourceList{gap:10px;display:grid}.sourceItem,.sourceExplanation{gap:8px;display:grid}.sourceExplanation span,.sourceReference small{color:var(--muted);font-size:12px;font-weight:700}.sourceExplanation p{color:var(--text);margin:3px 0 0;font-size:14px;line-height:1.7}.sourceReference{gap:4px;display:grid}.sourceReference span{color:var(--text);overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.5}.sourceReference a{width:fit-content;min-height:34px;color:var(--accent-dark);align-items:center;font-size:14px;font-weight:700;display:inline-flex}.devNote{width:fit-content;color:var(--warm);background:#fff7ed;border-radius:6px;margin-bottom:14px;padding:6px 10px;font-size:13px;font-weight:700}.candidateList{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}.candidate{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:132px;padding:18px}.candidate.featured{background:linear-gradient(#f7fffd 0%,#e7f6f3 100%);border-color:#8bbcb6;box-shadow:0 12px 32px #134e4a1a}.primarySection .candidate.featured{border-width:2px;padding:22px}.candidateRole{color:var(--warm);margin-bottom:12px;font-size:13px;font-weight:700}.candidate h3{margin-bottom:10px;font-size:19px;line-height:1.4}.candidate.featured h3{color:var(--accent-dark);font-size:26px}.candidateMetric{color:var(--accent-dark);margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.45}.candidateBasisList{gap:8px;margin-bottom:12px;display:grid}.candidateBasis{background:#ffffffb8;border:1px solid #8bbcb67a;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.candidateBasis span,.candidateBasis small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.candidateBasis strong{color:var(--accent-dark);font-size:16px;line-height:1.45}.branchBlock{margin-top:22px}.branchBlock>h3{color:var(--muted);margin-bottom:12px;font-size:16px}.branchList{grid-template-columns:1fr;gap:10px;display:grid}.candidate.branch{background:#fbfcfc;min-height:auto}.candidate.branch h3{font-size:18px}.candidate p:last-child{color:var(--muted);margin-bottom:0;line-height:1.7}.candidateCaveats{gap:8px;margin-top:12px;display:grid}.candidateCaveats h4{color:var(--accent-dark);margin:0;font-size:14px;line-height:1.5}.candidateCaveat{background:#ffffff8f;border:1px solid #134e4a2e;border-radius:8px}.candidateCaveatToggle{width:100%;min-height:42px;color:var(--accent-dark);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:9px 12px;font-weight:700;line-height:1.45;display:flex}.candidateCaveatToggle:after{content:"+";color:var(--muted);margin-left:12px;font-weight:700}.candidateCaveatToggle[aria-expanded=true]:after{content:"-"}.candidateCaveatDetail{color:var(--muted);gap:6px;padding:0 12px 12px;font-size:14px;line-height:1.65;display:grid}.candidateCaveatDetail p{margin:0}.candidateCaveatTrace{color:var(--accent-dark);font-size:12px;font-weight:700}.candidate a{color:var(--accent-dark);font-weight:700}.commerceCtaList{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.commerceCta{background:#ffffffb8;border:1px solid #134e4a61;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;line-height:1.4;text-decoration:none;display:inline-flex;color:var(--accent-dark)!important}.commerceCtaList.secondary .commerceCta{background:#ffffff70;border-color:#134e4a38;color:var(--accent-dark)!important}.affiliateDisclosure{color:var(--muted);margin:14px 0 0;padding:0 2px;font-size:12px;line-height:1.7}.officialLinkList{grid-template-columns:1fr;gap:10px;display:grid}.officialLinkList a{min-height:44px;color:var(--accent-dark);align-items:center;padding:10px 0;font-weight:700;display:flex}.otherProducts{margin-top:12px}.otherProducts summary{cursor:pointer;min-height:44px;color:var(--accent-dark);align-items:center;font-weight:700;display:flex}.otherProducts[open] summary{margin-bottom:10px}.resultActions{grid-template-columns:1fr;gap:10px;margin-top:16px;display:grid}.closing ul{margin:0;padding-left:20px}.closing li{margin:8px 0;line-height:1.7}@media (min-width:720px){.page{width:min(900px,100% - 48px);padding:40px 0 56px}.stepPanel{max-width:680px;min-height:calc(100svh - 96px);margin:0 auto}h1{font-size:40px}.resultHero h1{font-size:36px}.lead{font-size:17px}.contextGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.candidateList{grid-template-columns:1fr}.axisValueGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.branchList{grid-template-columns:repeat(2,minmax(0,1fr))}}.editorialShell{width:min(100% - 28px,760px);min-height:100svh;margin:0 auto;padding:18px 0 120px}.editorialPanel{padding:22px 0}.editorialHome,.editorialComplete{flex-direction:column;justify-content:center;min-height:calc(100svh - 80px);display:flex}.editorialBadge{width:fit-content;color:var(--muted);background:#fff;border:1px solid #c7d2d8;border-radius:6px;margin:0 0 12px;padding:6px 10px;font-size:13px;font-weight:700}.editorialHome h2{color:var(--accent-dark);margin:0 0 10px;font-size:22px;line-height:1.45}.editorialLead,.editorialReason,.editorialMuted{color:var(--muted);line-height:1.75}.editorialReason{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.editorialReview{padding-bottom:180px}.editorialReview h1{margin-bottom:8px;font-size:24px}.editorialReview .editorialBlock:first-of-type{margin-top:10px}.editorialStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.editorialStats div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:12px}.editorialStats dt{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.editorialStats dd{color:var(--text);margin:0;font-size:20px;font-weight:700}.editorialStart,.editorialAction,.editorialUndo,.editorialInlineActions button{cursor:pointer;border:0;border-radius:8px;min-height:48px;font-weight:700}.editorialStart{background:var(--accent);color:#fff;width:100%;margin-top:8px}.editorialStart:disabled,.editorialInlineActions button:disabled{cursor:not-allowed;opacity:.55}.editorialTopline{justify-content:space-between;align-items:center;gap:12px;display:flex}.editorialTopline p:last-child{color:var(--muted);margin:0;font-weight:700}.editorialProgress{background:var(--surface-muted);border-radius:999px;height:6px;margin:6px 0 12px;overflow:hidden}.editorialProgress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.proposalMark{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:20px 0 14px;padding:14px}.proposalMark span{color:var(--accent-dark);font-weight:700;display:block}.proposalMark strong{color:var(--warm);margin-top:6px;font-size:14px;line-height:1.6;display:block}.proposalMark.hard{background:#fffaf0;border-color:#e2c797}.editorialBlock{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.editorialBlock.compact{margin-top:12px;padding-top:12px}.editorialBlock h2,.editorialForm h2{margin-bottom:10px;font-size:18px}.editorialBlock blockquote{border-left:4px solid var(--accent);background:var(--surface);border-radius:8px;margin:0;padding:16px;line-height:1.75}.issueText,.warningText{border-radius:8px;margin-bottom:8px;padding:10px 12px;line-height:1.65}.issueText{color:#8a4b05;background:#fff7ed}.warningText{color:var(--muted);background:#f8fafc}.editorialDetails{color:var(--muted);margin-top:18px}.editorialDetails summary{cursor:pointer;min-height:44px;font-weight:700}.editorialDetails dl{gap:10px;padding:12px 0;display:grid}.editorialDetails div{min-width:0}.editorialDetails dt{font-size:12px;font-weight:700}.editorialDetails dd{overflow-wrap:anywhere;margin:4px 0 0;line-height:1.6}.editorialForm{background:#f6fffd;border:1px solid #a8d3cc;border-radius:8px;margin-top:18px;padding:16px}.editorialInputPanel{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.editorialInputPanel h2{margin-bottom:12px;font-size:18px}.editorialForm label,.editorialInputPanel label{color:var(--muted);gap:7px;margin-top:12px;font-size:14px;font-weight:700;display:grid}.editorialForm label.editorialCheckbox{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:12px}.editorialCheckbox input{width:18px;min-height:18px;margin-top:2px}.editorialCheckbox span{gap:4px;display:grid}.editorialCheckbox strong{font-size:14px;line-height:1.45}.editorialCheckbox small{color:var(--muted);font-size:13px;font-weight:400;line-height:1.55}.editorialForm input,.editorialForm textarea,.editorialForm select,.editorialInputPanel input,.editorialInputPanel textarea,.editorialInputPanel select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:10px 12px}.editorialForm textarea{resize:vertical}.editorialInputPanel textarea{resize:vertical;line-height:1.65}.editorialLive{color:#9a3412;min-height:24px;margin:14px 0 0;font-weight:700;line-height:1.6}.editorialActionBar{z-index:2;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f6f7f8f5;gap:7px;margin:18px -14px 0;display:grid;position:sticky;bottom:0}.editorialAction{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;gap:3px;padding:9px 12px;display:grid}.editorialAction.primary{border-color:var(--accent);background:var(--accent);color:#fff}.editorialAction.secondary{min-height:42px;color:var(--muted);background:#fbfcfc}.editorialAction small{font-size:12px;font-weight:400;line-height:1.35}.editorialUndo{color:var(--muted);background:0 0;margin-top:12px;padding:0}.editorialUndo:disabled{cursor:not-allowed;opacity:.45}.editorialInlineActions{grid-template-columns:1fr;gap:8px;margin-top:14px;display:grid}.editorialInlineActions button:first-child{background:var(--accent);color:#fff}.editorialInlineActions button:last-child{border:1px solid var(--line);background:var(--surface);color:var(--text)}.editorialList{margin:0;padding-left:20px}.editorialList li{margin:8px 0;line-height:1.7}@media (min-width:720px){.editorialShell{width:min(760px,100% - 48px);padding-top:38px}.editorialStats{grid-template-columns:repeat(5,minmax(0,1fr))}.editorialActionBar{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;margin-right:0}.editorialInlineActions{grid-template-columns:1fr 1fr}}