.temperature-shell{max-width:1000px;margin:0 auto;padding:clamp(18px,4vw,48px)}
.temperature-shell .tc-shell{max-width:860px;margin:0 auto}
.member-first-banner{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:0 0 24px;padding:18px 20px;border:1px solid rgba(210,170,97,.45);border-radius:18px;background:linear-gradient(135deg,rgba(210,170,97,.13),rgba(9,12,16,.5))}
.member-first-banner p{margin:.35rem 0 0;color:var(--muted)}
.provisional-note{border-left:3px solid var(--gold);padding-left:14px}
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{position:relative;align-items:stretch;flex-direction:column;gap:.55rem}
  .brand{align-self:flex-start}
  .nav{width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}
  .nav button{min-width:0;white-space:normal}
  .shell,.temperature-shell,.hero,.card{min-width:0;max-width:100%;box-sizing:border-box}
  .member-first-banner{grid-template-columns:1fr}
  .member-first-banner .button{width:100%}
  .tc-shell h1{font-size:clamp(2rem,10vw,3rem);overflow-wrap:anywhere}
  .tc-top{grid-template-columns:1fr auto}
  .tc-answer{min-width:0;grid-template-columns:46px minmax(0,1fr)}
  .tc-answer>span:last-child:empty{display:none}
}