/* Concept H — simple text pages (legal, thank-you, review). Shared by every page built in gen_text.py via @import. Reuses events.css hero + flavor.css Ohana band. */
@import url("events.css");
main > section.t-hero, main > section.t-sec{min-height:0;display:block}   /* override chrome rule main>section{min-height:calc(100vh-120px)} */
.t-hero .wrap{padding-bottom:30px}
.t-hero .f-crumb a{display:inline-flex;align-items:center;min-height:44px}
.t-hero .f-crumb{align-items:center;margin-bottom:6px}
.t-hero h1{font-size:clamp(3.2rem,7vw,5.8rem)}
.t-sec{padding:44px 0 70px;background:var(--cream,#F5F3EE)}
.t-col{max-width:70ch;margin:0 auto}
.t-center{text-align:center}
.t-col p{font-size:1.1rem;line-height:1.6;margin:0 0 16px;color:var(--ink)}
.t-intro{font-size:1.1rem}
.t-intro a{color:var(--teal);font-weight:800;display:inline-block;padding:10px 2px}
.t-h2{font-family:var(--display,inherit);font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;margin:0 0 18px;color:var(--teal)}
.t-frame{display:block;width:100%;height:70vh;min-height:420px;border:0;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(28,28,28,.08);margin-top:18px}
.t-check{display:block;width:84px;height:84px;margin:0 auto 14px;filter:drop-shadow(0 8px 14px rgba(28,28,28,.18))}
.t-hero .copy.t-center .f-crumb{justify-content:center}
.t-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;text-align:left}
.t-list li{background:#fff;border-radius:16px;padding:16px 20px 16px 52px;position:relative;font-size:1.08rem;line-height:1.45;box-shadow:0 8px 20px rgba(28,28,28,.07)}
.t-list li::before{content:"✓";position:absolute;left:18px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--gold,#FEAD00);color:#5b2a5b;font-weight:900;font-size:.9rem;display:flex;align-items:center;justify-content:center;line-height:1}
.t-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px}
.t-col > p > .btn{margin:4px 0 8px}
.t-btns .btn{min-height:48px}
/* review */
.r-faces{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.r-face{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 12px 24px;background:#fff;border-radius:24px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.3rem;box-shadow:0 10px 26px rgba(28,28,28,.09);transition:transform .2s,box-shadow .2s;min-height:44px}
.r-face:hover,.r-face:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px rgba(28,28,28,.15)}
.r-face:focus-visible{outline:3px solid var(--gold,#FEAD00);outline-offset:3px}
.r-face-svg{width:clamp(72px,12vw,120px);height:auto}
.r-face-big{margin-bottom:14px}.r-face-big .r-face-svg{width:96px}
.r-form{margin-top:26px;display:grid;gap:16px;background:#fff;padding:26px;border-radius:20px;box-shadow:0 10px 26px rgba(28,28,28,.08)}
.r-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.r-f{display:block;font-weight:700;font-size:1rem;color:var(--ink)}
.r-f span{font-weight:500;color:#6B625A;font-size:.85rem}
.r-f input,.r-f textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;min-height:48px;font:inherit;font-weight:400;border:2px solid #E6DccB;border-radius:12px;background:#fff;box-sizing:border-box}
.r-f input:focus,.r-f textarea:focus{outline:none;border-color:var(--teal)}
.r-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.r-form .btn{justify-self:start;min-height:48px}
.r-ok{margin:0;font-weight:800;color:var(--teal)}
@media (max-width:600px){
  .t-sec{padding:30px 0 50px}
  .r-faces{gap:10px}.r-face{padding:20px 4px 16px;font-size:1.05rem;border-radius:18px}
  .r-row{grid-template-columns:1fr}
  .r-form{padding:18px}
  .t-btns .btn{width:100%;justify-content:center}
  .t-frame{height:60vh}
}
/* review pass (final mockup) */
.r-hero h1{font-size:clamp(2.6rem,7vw,5.8rem);line-height:1}
.r-hint{margin:-6px 0 0;font-size:1.05rem;color:#6B625A}
.r-faces{gap:24px;margin-top:28px}
.r-face{border:3px solid transparent;padding:34px 14px 28px;gap:14px}
.r-face:hover,.r-face:focus-visible{border-color:var(--gold,#FEAD00)}
.r-face-svg{width:clamp(84px,11vw,120px)}
.r-t{display:flex;flex-direction:column;gap:2px}.r-t b{font-size:1.5rem;font-weight:800;line-height:1.1}.r-t i{font-style:normal;font-weight:500;font-size:1rem;color:#6B625A}
.r-face-big .r-face-svg{width:104px}
.r-sites{display:grid;gap:14px;max-width:520px;margin:6px auto 28px}
.r-site{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 22px;border-radius:18px;text-decoration:none;background:#fff;color:var(--ink);border:3px solid var(--gold,#FEAD00);box-shadow:0 8px 20px rgba(28,28,28,.08);text-align:left;transition:transform .2s,box-shadow .2s}
.r-site:hover,.r-site:focus-visible{transform:translateY(-3px);box-shadow:0 14px 28px rgba(28,28,28,.15)}
.r-site:focus-visible{outline:3px solid #A038A0;outline-offset:3px}
.r-site-n{font-family:var(--display,inherit);text-transform:uppercase;font-size:1.7rem;line-height:1;color:#A038A0}
.r-site-s{margin-left:auto;font-weight:700;font-size:1rem;color:#6B625A}
.r-site .arrow{width:22px;height:22px;flex:none;fill:currentColor;color:#A038A0}
.r-site-google{background:var(--gold,#FEAD00)}.r-site-google .r-site-n{color:#1c1c1c;font-size:2rem}.r-site-google .r-site-s{color:#1c1c1c}.r-site-google .arrow{color:#1c1c1c}
.r-intro{max-width:60ch;margin:0 auto}
.r-card{padding:30px;margin-top:20px;gap:20px}
.r-f{font-size:1.05rem}
.r-f input{min-height:48px}
@media (max-width:600px){
  .r-hero h1{font-size:clamp(2.3rem,12vw,3.2rem)}
  .r-faces{grid-template-columns:1fr;gap:14px;margin-top:20px}
  .r-face{flex-direction:row;justify-content:flex-start;gap:18px;min-height:104px;padding:14px 20px;text-align:left;font-size:1rem}
  .r-face-svg{width:72px;flex:none}
  .r-site{flex-wrap:wrap}.r-site-s{margin-left:0;flex-basis:100%;order:3}.r-site .arrow{margin-left:auto}
  .r-card{padding:20px 16px}
}
.t-col.r-wide{max-width:900px}