/* Thermostat settings plan tool and goal sections (Andrew, Nov 7, 2026: "Build it"). Only
   guides/thermostat-settings.html loads this file. Phone first: one question at a time, 44px or larger targets. */
.tp-tool .tp-intro{margin-top:0}
.tp-tool .tp-q{border:0;margin:0;padding:0;min-width:0;scroll-margin:16px 0 96px}
.tp-tool .tp-q:focus{outline:none}
.tp-tool .tp-q:focus-visible{outline:3px solid var(--copper);outline-offset:6px}
.tp-tool .tp-q legend{padding:0;margin:0 0 12px;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--ink)}
.tp-step{display:block;margin-bottom:4px;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.tp-choices{display:grid;gap:10px}
.tp-choice{display:block;width:100%;min-height:52px;padding:12px 16px;text-align:left;font:700 1.05rem/1.3 var(--font-body);color:var(--ink);background:#fbf3e1;border:1px solid #6a5336;border-radius:6px;cursor:pointer}
.tp-choice small{display:block;margin-top:3px;font-weight:400;font-size:.95rem;color:var(--muted)}
.tp-choice:hover{background:#f3dfb4}
.tp-choice[aria-pressed="true"]{background:#3a2a1a;border-color:#3a2a1a;color:#fff}
.tp-choice[aria-pressed="true"] small{color:#f6ebd2}
.tp-tool .tp-hint{margin:0 0 6px;color:var(--muted)}
.tp-tool .tp-q label{font-weight:400}
.tp-next,.tp-nav{margin:16px 0 0}
.tp-nav:has(> [hidden]){margin:0}
.tp-plan-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.tp-plan-head h3{margin:0;font-size:1.35rem;scroll-margin-top:16px}
.tp-plan-head h3:focus{outline:none}
.tp-plan-head h3:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.tp-season{display:inline-flex;border:1px solid #3a2a1a;border-radius:6px;overflow:hidden}
.tp-season button{min-height:44px;min-width:88px;padding:8px 14px;border:0;background:#fbf3e1;color:#3a2a1a;font:700 1rem var(--font-body);cursor:pointer}
.tp-season button+button{border-left:1px solid #3a2a1a}
.tp-season button[aria-pressed="true"]{background:#3a2a1a;color:#fff}
.tp-based{margin:10px 0 0;font-size:.95rem;color:var(--muted)}
.tp-settings{margin:14px 0 6px;border-top:1px solid #bda477}
.tp-settings>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #bda477}
.tp-settings dt{font-weight:700}
.tp-settings dd{margin:0;font:700 1.75rem/1.1 var(--font-display);color:var(--ink);white-space:nowrap}
.tp-tool h4{margin:22px 0 6px;font-size:1.1rem}
.tp-why,.tp-steps{margin:0;padding-left:22px}
.tp-why li,.tp-steps li{margin-bottom:8px}
.tp-more-label{margin:18px 0 4px;font-weight:700}
.tp-tool .tp-more{margin:0;padding:0;list-style:none}
.tp-tool .tp-more li{padding:0}
.tp-note{margin:10px 0 0;color:var(--muted)}
.tp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.notebook-study .tp-tool .button.secondary{background:#fbf3e1;color:#3a2a1a;border:1px solid #3a2a1a}
.tp-status{min-height:1.65em;margin:10px 0 0;font-weight:700}
.tp-status:empty{min-height:0}
/* Goal sections fold away under one heading each. */
details.goal{border-bottom:1px solid #bda477}
details.goal:first-of-type{border-top:1px solid #bda477}
details.goal>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 0;cursor:pointer;list-style:none}
details.goal>summary::-webkit-details-marker{display:none}
details.goal>summary h3{margin:0;font-size:1.15rem;line-height:1.3}
details.goal>summary::after{content:"+";flex:0 0 auto;width:28px;height:28px;border:1px solid #6a5336;border-radius:50%;font:700 20px/26px var(--font-body);text-align:center;color:var(--ink)}
details.goal[open]>summary::after{content:"\2212"}
details.goal[open]{padding-bottom:12px}
details.goal .tp-back a{display:inline-block;min-height:44px;padding:10px 0;font-weight:700}
@media print{.tp-tool .tp-actions,.tp-season,.tp-nav{display:none}details.goal>summary::after{display:none}}
