/* House documentation */
.home-actions--six{gap:var(--space-2);padding-top:var(--space-3)}
.home-actions--six .home-action{min-height:92px;gap:var(--space-2);border-radius:var(--radius-md)}
.home-actions--six .home-action:nth-child(5){animation-delay:.16s}
.home-actions--six .home-action:nth-child(6){animation-delay:.20s}

.documentation-page{padding-top:var(--space-3)}
.documentation-intro,.house-intro{margin:var(--space-1) var(--space-1) var(--space-4);color:var(--muted);line-height:var(--line-copy)}
.network-card{position:relative;margin-bottom:var(--space-3);padding:var(--space-5);display:grid;grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr) 38px;gap:var(--space-3);align-items:start}
.network-card__icon{width:var(--icon-box-lg);height:var(--icon-box-lg);border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-soft);color:var(--green);font-size:var(--font-lg)}
.network-card__copy small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.network-card__copy h2{margin:2px 0 var(--space-1);font-family:var(--font-heading-family);font-weight:500;line-height:var(--line-tight)}
.network-card__copy p{margin:0;color:var(--muted);line-height:var(--line-copy)}
.network-card__password{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}
.network-card__password span{display:block;color:var(--muted)}
.network-card__password strong{display:block;margin-top:2px;line-height:var(--line-normal)}
.network-card__copy-button{align-self:center}
.documentation-note{padding:var(--space-4);display:grid;grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) 1fr;gap:var(--space-3);align-items:start}
.documentation-note>span{width:var(--icon-box-lg);height:var(--icon-box-lg);border-radius:var(--radius-md);background:var(--surface-soft);display:grid;place-items:center;color:var(--green)}
.documentation-note h2{margin:1px 0 var(--space-1);font-family:var(--font-heading-family);font-weight:500;line-height:var(--line-tight)}
.documentation-note p{margin:0;color:var(--muted);line-height:var(--line-copy)}

.house-content--information{padding-top:var(--space-5)}
.house-content--information .landscape-detail{margin-left:-14px;margin-right:-14px}
.house-row--information{grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr) 24px;min-height:104px;align-items:start;gap:var(--space-3)}
.house-row--information .round-icon{align-self:start;margin-top:0;width:var(--icon-box-lg);height:var(--icon-box-lg)}
.house-row--information h2{margin-top:1px;line-height:var(--line-tight)}
.house-row--information p{line-height:var(--line-copy)}
.house-row--information .tips-card__featured-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.house-row--information .tips-card__featured-title strong{font-size:inherit;font-weight:600;line-height:inherit}
.tips-card__badge{display:inline-flex;align-items:center;min-height:22px;padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--green-tint);color:var(--green);font-family:var(--font-ui-family);font-size:var(--font-xs);font-weight:700;line-height:var(--line-tight);letter-spacing:.02em}
.house-row__chevron{align-self:center;display:grid;place-items:center;color:var(--muted);font-size:var(--font-md);opacity:.78}
.house-row--information:hover .house-row__chevron,.house-row--information:focus-visible .house-row__chevron{opacity:1}
.house-hero .house-menu .app-icon,.house-hero .house-home .app-icon{display:inline-block;width:auto;height:auto;margin:0;background:none}
.house-home{position:absolute;left:18px;top:max(20px,env(safe-area-inset-top));width:var(--control-md);height:var(--control-md);display:grid;place-items:center;border-radius:var(--radius-round);background:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:var(--font-lg)}

.lock-page{padding-top:max(78px,calc(env(safe-area-inset-top) + 58px))}
.detail-home{position:absolute;left:18px;top:max(18px,env(safe-area-inset-top));z-index:2}

.guide-list{padding:var(--space-5);margin-bottom:var(--space-3)}
.guide-list__title{display:grid;grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) 1fr;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}
.guide-list__title>span{width:var(--icon-box-lg);height:var(--icon-box-lg);border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-soft);color:var(--green)}
.guide-list__title h2{margin:0;font-family:var(--font-heading-family);font-weight:500;line-height:var(--line-tight)}
.guide-list ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.guide-list li{position:relative;padding-left:var(--space-5);color:var(--muted);line-height:var(--line-copy)}
.guide-list li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:var(--radius-round);background:var(--green)}
.guide-list--donts li::before{background:var(--terracotta)}

/* Guided translation helper */
.translation-helper{padding:var(--space-5);margin-bottom:var(--space-5);overflow:hidden}
.translation-helper [hidden]{display:none!important}
.translation-helper__head{display:grid;grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr);gap:var(--space-3);align-items:start}
.translation-helper__head>span{width:var(--icon-box-lg);height:var(--icon-box-lg);border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-soft);color:var(--green);font-size:var(--font-lg)}
.translation-helper__head h2{margin:1px 0 var(--space-1);font-family:var(--font-heading-family);font-weight:500;line-height:var(--line-tight)}
.translation-helper__head p{margin:0;color:var(--muted);line-height:var(--line-copy)}
.translation-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-4) 0 0}
.translation-progress i{height:4px;border-radius:var(--radius-pill);background:#dfddd7;transition:background .16s ease,transform .16s ease}
.translation-progress i.is-active,.translation-progress i.is-complete{background:var(--green)}
.translation-progress i.is-active{transform:scaleY(1.35)}
.translation-stage{min-height:215px}
.translation-scene{position:relative;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);animation:TranslationSceneIn .18s cubic-bezier(.2,.72,.2,1)}
.translation-scene__step{display:block;margin-bottom:var(--space-1);color:var(--muted);font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.translation-scene h3{margin:0 0 var(--space-3);font-family:var(--font-heading-family);font-size:var(--font-lg);font-weight:500;line-height:var(--line-tight);color:var(--text)}
.translation-scene__back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:34px;margin:0 0 var(--space-3);padding:0;border:0;background:none;color:var(--green);font:inherit;font-size:var(--font-xs);font-weight:700;cursor:pointer}
.translation-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.translation-choice-grid--locations{grid-template-columns:repeat(3,minmax(0,1fr))}
.translation-choice{min-width:0;min-height:var(--control-lg);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-2);text-align:left;background:#f4f2ed;color:var(--green);font:inherit;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}
.translation-choice>span{width:var(--icon-box-sm);height:var(--icon-box-sm);flex:0 0 var(--icon-box-sm);border-radius:var(--radius-round);display:grid;place-items:center;background:#e9e6df;font-size:var(--font-xs)}
.translation-choice strong{min-width:0;font-size:var(--font-sm);font-weight:700;line-height:var(--line-tight)}
.translation-choice[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff;box-shadow:var(--shadow-soft)}
.translation-choice[aria-pressed="true"]>span{background:rgba(255,255,255,.15)}
.translation-choice:active{transform:scale(.98)}
.translation-choice:focus-visible,.translation-scene__back:focus-visible,.translation-result-action:focus-visible,.translation-reset:focus-visible,.translation-basics-accordion .guide-list__title:focus-visible,.translation-config-option:focus-visible,.translation-basics__listen:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.translation-detail-set[data-translation-multi="1"]>.translation-scene__step{margin-top:var(--space-4)}
.translation-result{border-top:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-soft)}
.translation-result>small{display:block;color:var(--muted);font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.translation-result>strong{display:block;margin-top:var(--space-1);font-family:var(--font-heading-family);font-size:var(--font-xl);font-weight:500;line-height:var(--line-tight);color:var(--text)}
.translation-result>p{margin:var(--space-2) 0 0;color:var(--muted);line-height:var(--line-copy)}
.translation-result__actions,.translation-result__next{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.translation-result__next{justify-content:center;padding-top:var(--space-3);border-top:1px solid var(--green-tint)}
.translation-result-action,.translation-reset{min-height:var(--control-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);background:#fff;color:var(--green);font:inherit;font-weight:700;cursor:pointer}
.translation-result-action{flex:1 1 120px}
.translation-reset{background:var(--green);border-color:var(--green);color:#fff}
.translation-reset--quiet{background:transparent;border-color:rgba(49,73,61,.22);color:var(--green)}
.translation-basics-label{margin:var(--space-1) var(--space-1) var(--space-3);color:var(--muted);font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* Precise drink ordering lives in the same translation-helper component. */
.translation-drink-config{margin:var(--space-3) 0 2px;padding:var(--space-3);border:1px solid rgba(49,73,61,.11);border-radius:var(--radius-md);background:#f8f6f1;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 5px 16px rgba(31,43,37,.035)}
.translation-drink-config__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}
.translation-drink-config__head strong{font-size:var(--font-sm);color:var(--text)}
.translation-drink-config__head span{color:var(--muted);font-size:var(--font-xs);text-align:right}
.translation-drink-config__group{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-2);margin-top:var(--space-2)}
.translation-drink-config__group>small{color:var(--muted);font-size:var(--font-xs);font-weight:700}
.translation-drink-config__options{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.translation-config-option{min-width:var(--icon-box-sm);min-height:var(--icon-box-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;color:var(--green);font:inherit;font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.translation-config-option[data-config-group="quantity"]{width:var(--icon-box-sm);padding:0}
.translation-config-option[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.translation-config-option:active{transform:scale(.96)}

/* Compact expandable reference phrases below the helper. */
.translation-basics-accordion{padding:0;margin-bottom:var(--space-2);overflow:hidden}
.translation-basics-accordion .guide-list__title{grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr) 24px;gap:var(--space-3);margin:0;padding:var(--space-4) var(--space-4);cursor:pointer;user-select:none}
.translation-basics-accordion .guide-list__title::after{content:"›";justify-self:center;color:var(--muted);font-family:var(--font-ui-family);font-size:var(--font-lg);font-weight:400;line-height:var(--line-tight);transition:transform .16s ease,color .16s ease}
.translation-basics-accordion.is-open .guide-list__title::after{transform:rotate(90deg);color:var(--green)}
.translation-basics-accordion ul{gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}
.translation-basics-accordion ul[hidden]{display:none!important}
.translation-basics-accordion li.translation-basics__item{display:grid;grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-left:0;line-height:var(--line-normal)}
.translation-basics-accordion li.translation-basics__item::before{content:none}
.translation-basics__line{display:block;grid-column:2;grid-row:1;min-width:0;padding-top:var(--space-1)}
.translation-basics__phrase{color:var(--text);font-weight:700}
.translation-basics__listen{grid-column:1;grid-row:1;justify-self:center;align-self:start;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:var(--radius-round);display:grid;place-items:center;background:#f4f2ed;color:var(--green);cursor:pointer;box-shadow:var(--shadow-soft);transition:background .14s ease,transform .14s ease}
.translation-basics__listen .app-icon{font-size:var(--font-xs)}
.translation-basics__listen:active{transform:scale(.94);background:#ebe8e1}

@keyframes TranslationSceneIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-height:780px){
    .home-brand{margin-top:var(--space-6)}
    .weather-card{margin-top:var(--space-4)}
    .home-actions--six .home-action{min-height:78px}
    .app-version--home{padding-top:var(--space-2)}
}

@media(max-width:420px){
    .network-card{padding:var(--space-4);grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr) 36px;gap:var(--space-3)}
    .translation-helper{padding:var(--space-4)}
    .translation-stage{min-height:225px}
    .translation-choice-grid--locations{grid-template-columns:1fr}
    .translation-choice-grid--locations .translation-choice{min-height:var(--control-lg)}
    .translation-result>strong{font-size:var(--font-lg)}
    .translation-drink-config{padding:var(--space-3)}
    .translation-drink-config__head{display:grid;gap:3px}
    .translation-drink-config__head span{text-align:left}
    .translation-drink-config__group{grid-template-columns:1fr;gap:var(--space-1);margin-top:var(--space-2)}
    .translation-basics-accordion .guide-list__title{padding:var(--space-3) var(--space-4)}
    .translation-basics-accordion ul{padding:0 var(--space-4) var(--space-3)}
}

@media(prefers-reduced-motion:reduce){
    .translation-choice,.translation-config-option,.translation-basics__listen{transition:none}
}

/* Weather and climate pages reuse the documentation card rhythm. No stretching grid rows. */
.weather-detail-page,.climate-room-page{display:block}
.weather-detail-day,.climate-room-summary,.climate-controls-preview,.climate-instructions{padding:var(--space-5);margin-bottom:var(--space-4)}
.weather-detail-day{background:linear-gradient(160deg,rgba(230,238,229,.7),var(--card) 52%);overflow:hidden}
.weather-detail-day__date{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);color:var(--green);font-size:var(--font-sm);font-weight:700;background:rgba(49,73,61,.05)}
.weather-detail-day__hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 0 var(--space-3)}
.weather-detail-day__hero-copy{min-width:0}
.weather-detail-day__hero-copy h2{margin:var(--space-1) 0 0;font-size:var(--font-lg);font-family:var(--font-heading-family);font-weight:500;line-height:var(--line-tight)}
.weather-detail-day__icon{flex:none;display:grid;place-items:center;width:calc(var(--icon-box-xl) + var(--space-4));height:calc(var(--icon-box-xl) + var(--space-4));color:var(--green);font-size:var(--font-xl)}
.weather-detail-day__icon .app-icon{transform:scale(1.35)}
.weather-detail-day__temperatures{display:flex;align-items:baseline;gap:var(--space-3);margin:0}
.weather-detail-day__temperatures strong{font-size:var(--font-xl);line-height:var(--line-tight);font-family:var(--font-heading-family);font-weight:600}
.weather-detail-day__temperatures span{color:var(--muted);font-size:var(--font-md)}
.weather-detail-day__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-2);row-gap:0;margin:0;padding:var(--space-2) 0 0;border-top:1px solid var(--line)}
.weather-detail-day__metrics div{min-width:0;padding:var(--space-1) 0}
.weather-detail-day__metrics dt{color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}
.weather-detail-day__metrics dd{display:flex;align-items:center;gap:var(--space-1);min-width:0;margin:var(--space-1) 0 0;font-size:var(--font-md);font-weight:700;line-height:var(--line-normal)}
.weather-detail-day__metrics dd .app-icon{flex:none;color:var(--green);font-size:var(--font-sm)}
.weather-detail-day__metrics dd span{white-space:nowrap}
.climate-room-summary .guide-list__title,.climate-controls-preview .guide-list__title{margin-bottom:var(--space-3)}
.climate-controls-preview .guide-list__title{padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}
.climate-room-summary p,.climate-controls-preview p{margin:0;color:var(--muted);line-height:var(--line-copy)}
.climate-room-summary p+p{margin-top:var(--space-3)}
.climate-room-summary__type{font-weight:700;color:var(--green)!important}
.climate-room-summary__status{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-sm)}
.climate-instructions{margin-bottom:var(--space-4)}
.house-topic-agreement-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--green);color:white;text-decoration:none;font-weight:700}

.weather-detail-day__sun{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-2);row-gap:var(--space-2);padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--line)}
.weather-detail-day__sun>div{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:var(--space-1);row-gap:2px;align-items:center;min-width:0;color:var(--green)}
.weather-detail-day__sun>div>span{display:contents}
.weather-detail-day__sun small{grid-column:1/-1;grid-row:1;color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}
.weather-detail-day__sun .app-icon{grid-column:1;grid-row:2;font-size:var(--font-sm)}
.weather-detail-day__sun strong{grid-column:2;grid-row:2;font-size:var(--font-md);white-space:nowrap}
.climate-overview-page .house-row{margin-bottom:var(--space-3)}
.climate-demo{display:grid;gap:var(--space-4)}
.climate-demo__badge{display:inline-flex;justify-self:start;background:var(--surface-soft);color:var(--green);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700}
.climate-demo__temperature{text-align:center;display:grid;gap:var(--space-3);padding:var(--space-3) 0}
.climate-demo__temperature>small{color:var(--muted);font-size:var(--font-sm)}
.climate-demo__temperature>div{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}
.climate-demo__temperature strong{display:grid;place-items:center;min-width:94px;min-height:82px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--green);font-size:var(--font-xl);font-family:var(--font-heading-family);line-height:var(--line-tight)}
.climate-demo__temperature button{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-round);background:var(--surface-soft);color:var(--green);border:1px solid var(--line);cursor:pointer}
.climate-demo__temperature button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.climate-demo__temperature button:focus-visible,.climate-demo__modes button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.climate-demo__modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}
.climate-demo__modes button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-lg);padding:var(--space-2) var(--space-1);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--green);font-size:var(--font-xs);cursor:pointer}
.climate-demo__modes button[aria-pressed="true"]{color:white;background:var(--green);border-color:var(--green)}
.climate-demo__modes button .app-icon{font-size:var(--font-lg)}
.climate-demo__disclaimer{margin:0;color:var(--muted);font-size:var(--font-sm)}

/* Shared climate preview: setpoint is not the room temperature. */
.climate-demo__temperature>div.climate-demo__temperature-row{gap:var(--space-4)}
.climate-demo__display.is-off{color:var(--muted);opacity:.55}
.climate-demo__display .climate-demo__fan-icon{display:none}
.climate-demo__display.is-fan [data-climate-value]{display:none}
.climate-demo__display.is-fan .climate-demo__fan-icon{display:grid;place-items:center;font-family:var(--font-ui-family)}
.climate-demo__display.is-fan .climate-demo__fan-icon .app-icon{font-size:var(--font-xl);animation:afeiteira-fan-spin 1.8s linear infinite}
@keyframes afeiteira-fan-spin{to{transform:rotate(360deg)}}
.climate-demo__fan-controls{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}
.climate-demo__fan-controls>small{color:var(--muted);font-size:var(--font-sm)}
.climate-demo__fan-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}
.climate-demo__fan-options button,.climate-demo__turbo{min-width:0;min-height:var(--control-md);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--green);font:inherit;font-size:var(--font-xs);cursor:pointer}
.climate-demo__fan-options button[aria-pressed="true"],.climate-demo__turbo[aria-pressed="true"]{background:var(--green);color:#fff;border-color:var(--green)}
.climate-demo__turbo{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);justify-self:start;padding-inline:var(--space-4)}
.climate-demo__fan-options button:disabled,.climate-demo__turbo:disabled{opacity:.4;cursor:not-allowed}
.climate-demo__ambient{display:flex;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--font-xs);flex-wrap:wrap}
.climate-demo__ambient span:first-child{color:var(--green)}
@media(prefers-reduced-motion:reduce){.climate-demo__display.is-fan .climate-demo__fan-icon .app-icon{animation:none}}

/* Climate demo 0.9.216: five equal options on each single row. */
.climate-demo__modes,.climate-demo__fan-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}
.climate-demo__modes button,.climate-demo__fan-options button{min-width:0;overflow-wrap:anywhere;padding-inline:2px}
.climate-demo__fan-options button{white-space:nowrap}
.climate-demo__fan-options button[data-climate-speed="turbo"]{font-weight:700}
.climate-demo__display .climate-demo__dry-icon{display:none}
.climate-demo__display.is-dry [data-climate-value]{display:none}
.climate-demo__display.is-dry .climate-demo__dry-icon{display:grid;place-items:center}
.climate-demo__display.is-dry .climate-demo__dry-icon .app-icon{font-size:var(--font-xl)}
.climate-demo__display.is-fan .climate-demo__fan-icon .app-icon{animation-duration:var(--climate-fan-duration,2s)}
.climate-demo__ambient [data-climate-ambient-value]{text-align:right}
@media(max-width:420px){
    .climate-demo__modes,.climate-demo__fan-options{gap:var(--space-1)}
    .climate-demo__modes button{font-size:var(--font-xs);gap:var(--space-1)}
    .climate-demo__fan-options button{font-size:var(--font-xs);padding-inline:1px}
}

/* Climate demo: compact heading badge, separate control zones and readable room temperature. */
.climate-controls-preview .guide-list__title{grid-template-columns:calc(var(--icon-box-lg) + var(--space-1)) minmax(0,1fr) auto}
.climate-controls-preview .guide-list__title>span.climate-demo__badge{grid-column:3;justify-self:end;align-self:center;display:inline-flex;width:auto;height:auto;white-space:nowrap;min-width:0;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700}
.climate-demo__secondary{display:grid;gap:var(--space-4);margin:0 calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-5);background:rgba(49,73,61,.045);border-top:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.climate-demo__secondary .climate-demo__fan-controls{padding-top:0;border-top:0}
.climate-demo__secondary .climate-demo__fan-options button{background:var(--card)}
.climate-demo__secondary .climate-demo__fan-options button[aria-pressed="true"]{background:var(--green)}
.climate-demo__ambient{align-items:center;flex-wrap:nowrap;column-gap:var(--space-4);row-gap:var(--space-2)}
.climate-demo__ambient-reading{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);min-width:0}
.climate-demo__ambient-reading strong{font-size:var(--font-md);color:var(--green);white-space:nowrap}
.climate-demo__ambient-sensor{text-align:right;color:var(--muted);min-width:0}
@media(max-width:540px){
    .climate-controls-preview .guide-list__title{column-gap:var(--space-2)}
    .climate-controls-preview .guide-list__title .climate-demo__badge{padding:var(--space-1) var(--space-2)}
    .climate-demo__ambient{flex-wrap:wrap}
    .climate-demo__ambient-sensor{margin-left:auto}
}

/* v0.9.221: icon tiles with labels below, never inside the colored square. */
.climate-demo__modes button{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch;justify-content:flex-start;background:none;border:0;padding:0;min-height:0;overflow:visible;color:var(--green);border-radius:0}
.climate-demo__modes button .climate-demo__mode-icon{display:grid;place-items:center;aspect-ratio:1/1;width:100%;min-width:0;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--green);transition:background .15s ease,color .15s ease}
.climate-demo__modes button[aria-pressed="true"]{background:none;border:0;color:var(--green)}
.climate-demo__modes button[aria-pressed="true"] .climate-demo__mode-icon{background:var(--green);border-color:var(--green);color:#fff}
.climate-demo__modes button .climate-demo__mode-label{display:block;text-align:center;font-size:var(--font-xs);line-height:var(--line-normal);overflow-wrap:anywhere;hyphens:auto;min-width:0}
.climate-demo__fan-controls>small{text-align:center}
.climate-demo__ambient{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center}
.climate-demo__ambient-reading{display:flex;justify-content:center;align-items:baseline;gap:var(--space-2)}
.climate-demo__ambient-sensor{margin:0!important;text-align:center}
@media(max-width:540px){
    .climate-demo__modes button{font-size:var(--font-xs);gap:var(--space-1)}
    .climate-demo__modes button .climate-demo__mode-label{font-size:var(--font-xs)}
}

/* Days 8–16 intentionally use compact and lower-precision long-range cards. */
.weather-detail__long-range-label{margin:var(--space-5) 0 var(--space-3);color:var(--muted);font-size:var(--font-sm);font-weight:700;text-align:center}
.weather-detail-compact{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}
.weather-detail-compact time{font-weight:700;color:var(--green);font-size:var(--font-sm)}
.weather-detail-compact__icon{display:grid;place-items:center;color:var(--green);font-size:var(--font-lg)}
.weather-detail-compact__temperatures{display:flex;align-items:baseline;gap:var(--space-2);white-space:nowrap}
.weather-detail-compact__temperatures strong{font-family:var(--font-heading-family);font-size:var(--font-lg);color:var(--green)}
.weather-detail-compact__temperatures span{color:var(--muted);font-size:var(--font-sm)}
.weather-detail-compact__details{grid-column:1/-1;display:flex;justify-content:space-between;gap:var(--space-2);min-width:0;flex-wrap:wrap}
.weather-detail-compact__details span{color:var(--text);font-size:var(--font-sm)}
.weather-detail-compact__details small{color:var(--muted);font-size:var(--font-xs)}
@media(max-width:420px){
    .weather-detail-compact{column-gap:var(--space-2)}
    .weather-detail-compact time{font-size:var(--font-xs)}
    .weather-detail-compact__temperatures strong{font-size:var(--font-md)}
}

/* Climate 0.9.222: icon-only control tiles and smooth JS-driven fan rotation. */
.climate-demo__modes{align-items:start}
.climate-demo__modes button{min-width:0;width:100%;align-self:start}
.climate-demo__modes button .climate-demo__mode-icon{width:100%;aspect-ratio:1/1}
.climate-demo__modes button .climate-demo__mode-icon .app-icon{font-size:var(--font-lg)}
.climate-demo__display.is-fan .climate-demo__fan-icon .app-icon{animation:none;transform:rotate(0deg);will-change:transform}
@media(prefers-reduced-motion:reduce){
    .climate-demo__display.is-fan .climate-demo__fan-icon .app-icon{animation:none;will-change:auto}
}


/* The septic agreement is the first action, before the explanation and cards. */
.house-topic-page>.house-topic-agreement-link:first-child{
    margin:0 0 var(--space-4);
}


/* Inactive gas-fired underfloor heating: visible information, no controls. */
.climate-floor-page{display:grid;gap:var(--space-4)}
.climate-floor-warning{border:1px solid var(--terracotta);background:var(--card)}
.climate-floor-warning .guide-list__title>span{color:var(--terracotta)}
.climate-floor-warning .guide-list__title h2{color:var(--terracotta)}
.climate-floor-page p{font-size:var(--font-sm);line-height:var(--line-copy)}
.climate-floor-warning p:last-child{font-weight:650;color:var(--ink)}


/* Underfloor heating uses the same inset and vertical rhythm as all
   existing documentation cards. Keep the warning conspicuous but calm. */
.climate-floor-page>.section-card{min-width:0;padding:var(--space-5);margin:0}
.climate-floor-page>.section-card .guide-list__title{margin-bottom:var(--space-3)}
.climate-floor-page>.section-card p{margin:0 0 var(--space-3);line-height:var(--line-copy)}
.climate-floor-page>.section-card p:last-child{margin-bottom:0}
.climate-floor-warning{border-color:var(--terracotta)}


/* 0.9.255: The leading icon describes daytime weather, while short notes
   preserve morning fog and brief showers without overriding the full day. */
.weather-detail-day__method{margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}
.weather-detail-day__notes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}
.weather-detail-day__note{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}
.weather-detail-compact__note{grid-column:1/-1;color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}