body[data-page="topic-guide"].temperature-topic{--topic-accent:#d5eeea;--topic-accent-strong:#326b63;--topic-tint:#f3faf8}.temperature-topic .topic-hero h1{font-size:clamp(2.8rem,5.7vw,5.1rem);overflow-wrap:anywhere}.temperature-topic .topic-section-heading .eyebrow{font-size:.8125rem}.temperature-topic h3{overflow-wrap:anywhere}.temp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}.temp-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.temp-cards>div{border:1px solid var(--line);border-radius:25px;padding:28px;min-width:0}.cold{background:#eff7fd}.ambient{background:#f3faf6}.warm{background:#fff4ed}.hot{background:#fff0f4}.temp-cards .topic-cue{margin-bottom:22px}.topic-section .temp-cards h3{font-size:1.5rem;line-height:1.4}.topic-section .temp-cards p{font-size:1rem;margin-bottom:0}.temp-number{display:block;font-size:1.5rem;margin:18px 0;line-height:1.4}.temp-number span{display:block;font-size:1rem;color:var(--muted);margin-top:6px}.temp-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0}.temp-reference-grid>div{border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0}.temp-reference-grid strong{display:block;font-size:1rem;line-height:1.5;margin-bottom:15px}.topic-section .temp-reference-grid h3{font-size:1.25rem;line-height:1.4;margin-bottom:12px}.topic-section .temp-reference-grid p{font-size:.9375rem;margin:0}.temp-explorer{padding:30px;border:1px solid var(--line);border-radius:26px;margin:30px 0}.temp-explorer[hidden]{display:none}.temp-unit-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:24px}.temp-unit-controls button,.temp-scale-controls button{font:inherit;font-size:1rem;font-weight:700;border:1px solid #c6d6d3;color:var(--navy);background:white;border-radius:999px;padding:11px 18px;cursor:pointer}.temp-unit-controls button[aria-pressed=true],.temp-scale-controls button[aria-pressed=true]{background:#d5eeea;border-color:#326b63}.temp-scale-controls{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:20px 0}.temp-scale-controls button{padding:12px 6px;border-radius:14px;position:relative;min-width:0}.temp-scale-controls button:before{content:'';position:absolute;left:0;right:0;top:-14px;height:5px;border-radius:5px;background:#c0dfef}.temp-scale-controls button:nth-child(4):before{background:#c6e7d9}.temp-scale-controls button:nth-child(5):before,.temp-scale-controls button:nth-child(6):before{background:#f4d3b5}.temp-scale-controls button:nth-child(7):before,.temp-scale-controls button:nth-child(8):before{background:#efbdcd}.temp-scale-result{background:#f2faf7;border-left:4px solid #326b63;padding:26px;border-radius:0 18px 18px 0;margin-top:15px;min-height:255px}.temp-result-value{display:block;font-size:2.25rem;font-weight:900;line-height:1.3;margin-bottom:14px}.topic-section .temp-result-name{font-size:1.6rem;line-height:1.4}.topic-section .temp-result-text{font-size:1rem}.temp-tags{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.temp-tags span{font-size:.875rem;font-weight:700;line-height:1.5;border-radius:999px;padding:7px 13px;background:#d5eeea;color:#333665}.temp-tags span:nth-child(2){background:#e5dafa}.temp-tags span:nth-child(3){background:#ffe29a}.temperature-topic :focus-visible{outline:3px solid #5453a4;outline-offset:4px}
@media(max-width:900px){.temp-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.temp-cards,.temp-cards.three{grid-template-columns:1fr}.temp-cards>div{padding:25px}.temp-explorer{padding:22px}.temp-scale-controls{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:30px}.temp-scale-result{padding:22px;min-height:0}.temp-reference-grid>div{padding:20px}}
.temp-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}.temp-style-grid>div{border:1px solid var(--line);border-radius:25px;padding:30px;min-width:0}.temp-style-grid .topic-cue{margin-bottom:22px}.topic-section .temp-style-grid h3{font-size:1.5rem;line-height:1.4}.topic-section .temp-style-grid p{font-size:1rem;margin-bottom:0}.temp-steps{list-style:none;counter-reset:tempstep;padding:0;margin:30px 0;display:grid;gap:20px}.temp-steps li{counter-increment:tempstep;display:flex;gap:22px;align-items:flex-start;border:1px solid var(--line);border-radius:23px;padding:27px}.temp-steps li:nth-child(even){background:#f4faf8}.temp-steps .topic-cue{flex:0 0 48px}.temp-steps li>div{min-width:0}.topic-section .temp-steps h3{font-size:1.35rem;line-height:1.4}.temp-steps h3:before{content:counter(tempstep) '. ';color:#326b63}.topic-section .temp-steps p{font-size:1rem;margin-bottom:0}.temp-warming-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;margin:30px 0;align-items:start}.temp-warming-grid .temp-steps{margin:0}.temp-warming-picture{position:sticky;top:200px;margin:0;border:1px solid var(--line);border-radius:25px;padding:20px;overflow:hidden}.temp-warming-picture img{display:block;width:100%;height:auto}.temp-warming-picture figcaption{font-size:.875rem;line-height:1.7;color:var(--muted);text-align:center;padding:15px 0}.temp-notes{background:#f1faf7;border:1px solid var(--line);border-radius:25px;padding:28px;margin:30px 0}.topic-section .temp-notes h3{font-size:1.4rem;line-height:1.4}.topic-section .temp-notes p{font-size:1rem;margin-bottom:0}
@media(max-width:760px){.temp-style-grid,.temp-warming-grid{grid-template-columns:1fr}.temp-style-grid>div{padding:25px}.temp-steps li{padding:24px;gap:16px}.temp-steps .topic-cue{flex-basis:40px;width:40px;height:40px}.temp-warming-picture{position:static;padding:16px}.temp-notes{padding:25px}}