/* Opt-in display layout; normal consumer pages keep their full presentation. */
html.live-presentation{font-size:18px}
.live-presentation body{font-size:1rem;line-height:1.6}
.live-presentation .wrap{padding:0 16px}
.live-presentation .entry-nav{display:flex;gap:5px;padding:10px 0;margin-bottom:8px;position:static}
.live-presentation .entry{flex:1;padding:10px 7px;display:block;min-width:0;text-align:center}
.live-presentation .entry strong{font-size:.75rem;line-height:1.35}
.live-presentation .entry small,.live-presentation .entry-arrow,.live-presentation .entry-num{display:none}
.live-presentation .view>.section-heading{margin:10px 0 14px}
.live-presentation .view>.section-heading .eyebrow,.live-presentation .view>.section-heading h2,.live-presentation .section-intro{display:none}
.live-presentation .live-steps{display:flex;gap:6px;margin:8px 0 18px;flex-wrap:wrap}
.live-presentation .live-steps button{flex:1;min-width:0;padding:10px 4px;border:1px solid #bbcbd6;border-radius:7px;color:#294c65;background:#fff;font-family:inherit;font-size:.8rem;white-space:nowrap}
.live-presentation .live-steps button[aria-pressed=true]{background:#17354f;color:#ffe0a0;border-color:#17354f}
.live-presentation .profile-form{padding:16px 13px}.live-presentation .profile-form .need-grid{grid-template-columns:1fr}
.live-presentation .profile-form .need-option strong{font-size:1rem}.live-presentation .profile-form .need-option small{display:block;font-size:.82rem}.live-presentation .profile-form .need-option{min-height:64px}
.live-presentation [data-choose-step=budget] #needs-groups,.live-presentation [data-choose-step=budget] .extra-preferences,.live-presentation [data-choose-step=budget] .profile-submit{display:none}
.live-presentation [data-choose-step=needs] #filters>.profile-basics{display:none}
.live-presentation #view-choose:not([data-choose-step=result]) .selection-panel{display:none}
.live-presentation [data-choose-step=result] #filters{display:none}
.live-presentation #view-choose>.section-heading:not(:first-child),.live-presentation #view-choose>.content-grid{display:none}
.live-presentation #comparison-presets,.live-presentation #view-compare>.note{display:none}
.live-presentation .compare-select{grid-template-columns:1fr;gap:8px;margin:0 0 16px}
.live-presentation .compare-select select{font-size:.87rem;max-width:100%;padding:9px 7px;min-height:44px}
.live-presentation .compare-select label{font-size:.75rem}
.live-presentation .compare-select .versus{display:none}
.live-presentation .compare-select:not(.is-expanded){grid-template-columns:1fr 1fr}
.live-presentation .live-change-models{font-size:.78rem;margin:0 0 10px}
.live-presentation #comparison-result>*{display:none}
.live-presentation #comparison-result>.empty{display:block}
.live-presentation [data-compare-step=verdict] #comparison-result>.recommendation-first,.live-presentation [data-compare-step=verdict] #comparison-result>.comparison-basis{display:block}
.live-presentation [data-compare-step=facts] #comparison-result>.live-facts{display:block}
.live-presentation [data-compare-step=fit] #comparison-result>.compare-columns{display:grid;grid-template-columns:1fr 1fr}
.live-presentation [data-compare-step=context] #comparison-result>.comparison-context{display:block}
.live-presentation #view-compare:not([data-compare-step=context]) #compare-profile{display:none}
.live-presentation .recommendation-first{padding:22px 18px;margin:12px 0 16px}
.live-presentation .recommendation-first p{font-size:1.13rem;line-height:1.7}
.live-presentation .recommendation-first small,.live-presentation .comparison-basis{font-size:.8rem;line-height:1.6}
.live-presentation .compare-columns .product-cover{display:block}
.live-presentation .decision-column{padding:20px 18px}.live-presentation .decision-column h3{font-size:1.2rem}.live-presentation .choice-reason{font-size:1rem;line-height:1.65}
.live-presentation .live-facts label{font-size:.85rem}.live-presentation .live-facts select{width:100%;font-size:1rem;margin:8px 0 16px;padding:10px}
.live-presentation .live-fact-cards{display:grid;gap:14px}.live-presentation .live-fact-cards article{border:1px solid #c5d1db;border-left:4px solid #b88a49;border-radius:8px;background:white;padding:17px}
.live-presentation .live-fact-cards h3{font-size:1rem;color:#294c65;margin:0 0 9px}.live-presentation .live-fact-cards p{font-size:1.15rem;line-height:1.55;margin:0}
.live-presentation .followup-grid{grid-template-columns:1fr}
.live-presentation .product-grid,.live-presentation .model-list{grid-template-columns:1fr}
.live-presentation .card-feature,.live-presentation .card-subtitle{font-size:1rem}.live-presentation .product-cover{max-height:170px}
.live-presentation #view-watch .watch-benefits{display:none}.live-presentation .watch-layout{display:block}
.live-presentation dialog{max-width:96vw;width:96vw;max-height:95vh}.live-presentation .dialog-body{padding:20px 16px}
.live-presentation .comparison-basis{color:#566a79}
.live-presentation .compare-select:not(.is-expanded){display:none}
.live-presentation .live-model-names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:5px 0 10px}
.live-presentation .live-model-names strong{font-size:.92rem;line-height:1.5;padding:12px 10px;border:1px solid #c6d2db;border-radius:8px;background:#fff;overflow-wrap:anywhere}
.live-presentation body:has(#view-compare:not([hidden])) .entry-nav{display:none}
.live-presentation [data-compare-step=facts] .live-model-names,.live-presentation [data-compare-step=fit] .live-model-names{display:none}
.live-presentation #view-compare .live-steps{margin-top:8px;margin-bottom:12px}

/* A shared visual scale: product first, then a concise conclusion. */
.live-presentation .live-model-names{display:none}
.live-presentation #comparison-result{display:flex;flex-direction:column}
.live-presentation [data-compare-step=verdict] #comparison-result>.compare-columns{display:grid;order:-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.live-presentation .decision-column{padding:14px 12px;min-width:0}
.live-presentation .decision-column h3{font-size:1rem;line-height:1.5}
.live-presentation .decision-column .product-cover{margin:8px 0;width:100%;max-height:none}
.live-presentation .decision-column .product-cover .photo-frame{height:170px;max-height:none;width:100%;max-width:none;aspect-ratio:auto}
.live-presentation .decision-column .price-box{font-size:.84rem;padding:9px;margin:8px 0}
.live-presentation [data-compare-step=verdict] .decision-column>.price-box p,.live-presentation [data-compare-step=verdict] .decision-column>h4,.live-presentation [data-compare-step=verdict] .decision-column>.choice-reason{display:none}
.live-presentation .recommendation-first{padding:18px;margin:16px 0}
.live-presentation .recommendation-first p{font-size:1rem;line-height:1.75}
.live-presentation .live-fact-cards{grid-template-columns:1fr 1fr;gap:12px}
.live-presentation .live-fact-cards article{padding:14px}.live-presentation .live-fact-cards p{font-size:1rem}
.live-presentation .profile-form .need-grid{grid-template-columns:1fr 1fr}
.live-presentation .profile-form .need-option strong{font-size:.9rem}
.live-presentation .card-feature,.live-presentation .card-subtitle{font-size:.875rem}
.live-presentation .gallery-main .photo-frame{height:300px;max-width:none;aspect-ratio:auto}

/* The embedded viewport keeps both product bodies visible above the answer. */
@media(max-height:650px){
 .live-presentation .live-steps{margin-top:4px!important;margin-bottom:7px!important}
 .live-presentation .live-steps button{padding:6px 3px;font-size:.73rem}
 .live-presentation .live-change-models{font-size:.72rem;margin-bottom:6px;min-height:28px}
 .live-presentation .decision-column{padding:9px 10px}
 .live-presentation .decision-column .eyebrow{font-size:.68rem;margin-bottom:4px}
 .live-presentation .decision-column h3{font-size:.84rem;line-height:1.4;min-height:2.8em}
 .live-presentation .decision-column .product-cover{margin:4px 0}
 .live-presentation .decision-column .product-cover .photo-frame{height:112px}
 .live-presentation [data-compare-step=verdict] .decision-column>.price-box{display:none}
 .live-presentation .recommendation-first{padding:12px;margin:9px 0}
 .live-presentation .recommendation-first p{font-size:.9rem;line-height:1.55}
}

@media(max-height:650px){
 .live-presentation [data-compare-step=verdict] #comparison-result>.recommendation-first{order:-2}
 .live-presentation [data-compare-step=verdict] .recommendation-first .eyebrow{margin-bottom:3px;font-size:.7rem}
 .live-presentation [data-compare-step=verdict] .recommendation-first p{margin-top:2px}
 .live-presentation [data-compare-step=verdict] .recommendation-first small{display:none}
 .live-presentation [data-compare-step=verdict] .decision-column>.text-button{display:none}
 .live-presentation [data-compare-step=verdict] .decision-column .choice-letter{font-size:.68rem}
 .live-presentation [data-compare-step=verdict] .decision-column .product-cover .photo-frame{height:94px}
}
/* Two visible products and two short use cases; the full original conclusion stays expandable. */
.live-presentation [data-compare-step=verdict] #comparison-result>.compare-columns{order:-3}
.live-presentation .live-brief-answer>span{display:block;margin:0 0 7px}.live-presentation .live-brief-answer b{font-weight:750}.live-presentation .live-full-answer{font-size:.78rem;margin-top:6px}.live-presentation .live-full-answer summary{cursor:pointer;color:#365970;text-decoration:underline}.live-presentation .live-full-answer p{font-size:.88rem}.live-presentation .live-brief-answer small{display:block!important;font-size:.75rem;line-height:1.5;font-weight:400}
@media(max-height:650px){
 .live-presentation [data-compare-step=verdict] .decision-column h3{min-height:0;margin:3px 0;font-size:.78rem;line-height:1.4}
 .live-presentation [data-compare-step=verdict] .decision-column .choice-letter{display:none}
 .live-presentation [data-compare-step=verdict] .decision-column .product-cover .photo-frame{height:90px}
 .live-presentation [data-compare-step=verdict] .decision-column .photo-count{font-size:10px;padding:2px 3px}
 .live-presentation [data-compare-step=verdict] .recommendation-first{margin:8px 0;padding:10px}
 .live-presentation [data-compare-step=verdict] .live-brief-answer{font-size:.82rem;line-height:1.5}
}