:root{--ai-paper:#f3efe5;--ai-navy:#0d1b2a;--ai-brass:#b28b4d;--ai-line:rgba(13,27,42,.18);--ai-ink:#202a33;--ai-sage:#718073}
.hf-age-hero{background:var(--ai-navy);color:#fff;padding:clamp(6rem,10vw,9rem) 0 5rem}.hf-age-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}.hf-age-hero .hf-crumb a,.hf-age-hero .hf-crumb span{color:rgba(255,255,255,.7)}.hf-age-hero h1{font-size:clamp(3.45rem,7vw,6.55rem);line-height:.92;letter-spacing:-.055em;max-width:10ch;margin:.5rem 0 1.4rem}.hf-age-hero p{max-width:63ch;line-height:1.75;color:rgba(255,255,255,.78)}.hf-age-action{display:inline-flex;gap:.7rem;margin-top:1.3rem;padding:.95rem 1.1rem;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none}
.hf-age-plate{margin:0;border:1px solid rgba(255,255,255,.2);padding:1.2rem}.hf-age-house{aspect-ratio:4/3;position:relative;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.025)}.hf-age-house>span{display:grid;place-items:center;font-size:.7rem;letter-spacing:.16em;border-right:1px solid rgba(255,255,255,.1)}.hf-age-house>span:last-of-type{border-right:0}.hf-age-house i{position:absolute;left:13%;bottom:16%;width:70%;height:45%;border:1px solid var(--ai-brass)}.hf-age-house i:before{content:"";position:absolute;left:14%;top:-49%;width:68%;height:68%;border-left:1px solid var(--ai-brass);border-top:1px solid var(--ai-brass);transform:rotate(45deg)}.hf-age-house b{position:absolute;left:1rem;bottom:1rem;font-size:.64rem;letter-spacing:.13em}.hf-age-plate figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.62rem;letter-spacing:.12em;color:rgba(255,255,255,.58)}
.hf-age-principle{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(2rem,6vw,6rem);padding-top:5rem;padding-bottom:5rem}.hf-age-principle h2,.hf-age-head h2,.hf-age-sources h2{font-size:clamp(2.35rem,5vw,4.45rem);line-height:.98;letter-spacing:-.045em;margin:.3rem 0}.hf-age-principle p{line-height:1.8;color:#4e565d}
.hf-age-planner{background:var(--ai-paper);padding:5rem 0}.hf-age-head{max-width:900px;margin-bottom:2rem}.hf-age-head>p:last-child{line-height:1.7}.hf-age-project,.hf-age-priority{display:grid;gap:.4rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hf-age-project{max-width:620px;margin-bottom:1rem}.hf-age-priority{margin-top:1rem}.hf-age-project input,.hf-age-priority textarea,.hf-age-card select,.hf-age-card textarea{border:1px solid var(--ai-line);background:#fff;padding:.82rem;font:inherit;letter-spacing:0;text-transform:none;color:var(--ai-ink);width:100%;min-width:0}
.hf-age-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hf-age-card{min-width:0;border:1px solid var(--ai-line);background:#fff;padding:1.25rem}.hf-age-card legend{font-size:.72rem;font-weight:700;letter-spacing:.07em;padding:0 .4rem}.hf-age-card legend span{color:var(--ai-brass);margin-right:.55rem}.hf-age-card>p{min-height:3.7em;line-height:1.55;color:#596168}.hf-age-card label{display:grid;gap:.35rem;margin-top:.8rem;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hf-age-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.hf-age-actions[hidden]{display:none!important}.hf-age-actions button{border:1px solid var(--ai-navy);background:transparent;padding:.76rem .9rem}.hf-age-actions button:first-child{background:var(--ai-navy);color:#fff}.hf-age-status{min-height:1.3rem}
.hf-age-result{background:#fff;border:1px solid var(--ai-line);padding:1.4rem;margin-top:1rem}.hf-age-result h3{font-size:2rem;margin:.2rem 0 1rem}.hf-age-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ai-line)}.hf-age-result-grid section{background:#fff;padding:1rem;border-top:3px solid transparent}.hf-age-result-grid section.status-observe,.hf-age-result-grid section.status-discuss,.hf-age-result-grid section.status-future{border-top-color:var(--ai-brass)}.hf-age-result-grid section.status-works{border-top-color:var(--ai-sage)}.hf-age-result-grid span,.hf-age-carry span{font-size:.61rem;letter-spacing:.12em;color:#687078}.hf-age-result-grid h4{margin:.4rem 0}.hf-age-result-grid p{line-height:1.55}.hf-age-carry{border-left:3px solid var(--ai-brass);padding:.55rem 0 .55rem 1rem;margin-top:1rem}.hf-age-carry p{margin:.35rem 0;line-height:1.55}.hf-age-summary,.hf-age-limit{line-height:1.6}.hf-age-limit{color:#5b636a}.hf-age-privacy{font-size:.66rem;letter-spacing:.08em;line-height:1.6;margin-top:1.3rem}
.hf-age-sources{padding:5rem 0}.hf-age-source-links{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ai-line);margin:2rem 0}.hf-age-source-links a{padding:1.2rem;text-decoration:none;color:inherit;display:grid;grid-template-columns:1fr auto;gap:.55rem;border-right:1px solid var(--ai-line)}.hf-age-source-links a:last-child{border-right:0}.hf-age-source-links strong{grid-column:1/-1}.hf-age-source-links span{color:#626970;line-height:1.5}.hf-age-boundary{border:1px solid var(--ai-line);padding:1.2rem}.hf-age-boundary strong{font-size:.7rem;letter-spacing:.1em}.hf-age-boundary p{max-width:80ch;line-height:1.65}.hf-age-related{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.hf-age-related a{color:inherit}.hf-age-sources small{font-size:.65rem;letter-spacing:.08em}
@media(max-width:900px){.hf-age-hero-grid,.hf-age-principle{grid-template-columns:1fr}.hf-age-cards,.hf-age-result-grid{grid-template-columns:1fr 1fr}.hf-age-source-links{grid-template-columns:1fr}.hf-age-source-links a{border-right:0;border-bottom:1px solid var(--ai-line)}.hf-age-source-links a:last-child{border-bottom:0}}
@media(max-width:560px){.hf-age-cards,.hf-age-result-grid{grid-template-columns:1fr}.hf-age-plate figcaption{flex-direction:column}}
@media print{header,.hf-age-hero,.hf-age-principle,.hf-age-head,.hf-age-project,.hf-age-cards,.hf-age-priority,.hf-age-actions,.hf-age-sources,.hf-age-privacy{display:none!important}.hf-age-planner{padding:0;background:#fff}.hf-age-result{border:1px solid #000}}

/* Preserve every homeowner note at narrow widths and in the no-JS worksheet. */
.hf-age-result,.hf-age-result-grid section{min-width:0;overflow-wrap:anywhere}
.hf-age-actions button{min-height:44px}
@media print{.hf-age-planner form:has([data-age-actions][hidden]) :is(.hf-age-project,.hf-age-cards,.hf-age-priority){display:grid!important}.hf-age-planner:has([data-age-actions][hidden]) .hf-age-result{display:none}}