/* Guided form (guide.js): one plain page. Black text on white, thin rules, one dark button. */
.band{position:relative;height:clamp(11rem,26vw,18rem);overflow:hidden;background:var(--c8)}
.band img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 60%}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,29,.82),rgba(20,24,29,.25) 75%)}
.band-text{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 clamp(1rem,5vw,4rem) clamp(1rem,3vw,2rem);color:#fff}
.band-text h1{font-size:clamp(1.7rem,5vw,3.2rem);font-weight:700;margin:0 0 .3rem}
.band-text p{font-size:clamp(1rem,2vw,1.3rem);font-weight:500;margin:0}
.band-text p:empty{display:none}

body.guided,body.guided.light{background:#fff;color:#1a1a1a}
.wrap.guide{max-width:none;padding:0}
.g-pg{max-width:72rem;margin:0 auto;padding:1.5rem clamp(1rem,5vw,4rem) 5rem}
.g-pg h2{font-size:1.25rem;margin:2rem 0 .6rem}
.g-pg p{margin:0 0 .8rem;line-height:1.55}
.g-pg ul,.g-pg ol{margin:0 0 1rem;padding-left:1.3rem}
.g-pg li{margin:.3rem 0;line-height:1.5}
.g-who{color:#5a6270;font-size:.95rem}
.g-link{background:none;border:0;padding:.5rem .25rem;min-height:44px;font:inherit;font-weight:600;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.g-note{color:#5a6270;font-size:.95rem}

.g-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0 1.5rem}
.g-groups label{position:relative;display:block}
.g-groups input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.g-groups span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #8b8b8b;border-radius:6px;font-weight:500;background:#fff}
.g-groups input:checked+span{background:#14181d;border-color:#14181d;color:#fff}
.g-groups input:focus-visible+span{outline:3px solid #14181d;outline-offset:2px}

.g-q{border-top:1px solid #d5d5d5;padding:1.5rem 0 1rem}
.g-q h3{font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 .6rem}
.g-help{margin:0 0 .8rem}
.g-help summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px;list-style:none}
.g-help summary::-webkit-details-marker{display:none}
.g-help ul{margin:.2rem 0 .4rem;color:#333}
.g-q textarea{display:block;width:100%;min-height:7rem;padding:.8rem;border:1px solid #8b8b8b;border-radius:6px;background:#fff;font-size:1.05rem;line-height:1.5;resize:vertical}
.g-q textarea:focus{outline:3px solid #14181d;outline-offset:1px;border-color:#14181d}
.g-meta{display:flex;justify-content:flex-end;color:#5a6270;font-size:.85rem;margin:.3rem 0 .6rem}
.g-meta .over{color:#a3200f;font-weight:600}
.g-detail{margin:0 0 .8rem}
.g-detail summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#333;list-style:none;text-decoration:underline;text-underline-offset:3px}
.g-detail summary::-webkit-details-marker{display:none}
.g-detail label{display:block;font-weight:500;margin:.5rem 0 .25rem}
.g-detail select{width:100%;max-width:24rem;min-height:44px;padding:.4rem .6rem;border:1px solid #8b8b8b;border-radius:6px;background:#fff;font:inherit}
.g-send{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6rem 1.6rem;border:0;border-radius:6px;background:#14181d;color:#fff;font:600 1rem var(--body);cursor:pointer}
.g-send:hover{background:#000}
.g-send:focus-visible{outline:3px solid #14181d;outline-offset:2px}
.g-send.wide{width:100%}
.g-err{color:#a3200f;font-weight:600;margin:.4rem 0}
.g-sent{list-style:none;margin:.8rem 0 0;padding:0}
.g-sent li{margin:.5rem 0;padding:0}
.g-sent small{display:block;color:#5a6270;font-size:.85rem}
.g-sent p{margin:.1rem 0 0}

@media (min-width:40rem){.g-groups{grid-template-columns:repeat(4,1fr)}.g-send.wide{width:auto}}
.band-text{padding-left:max(clamp(1rem,5vw,4rem),calc((100% - 72rem) / 2 + clamp(1rem,5vw,4rem)))}

/* Home, tabs and responses */
.logo-link{display:block}
.g-queue{max-width:72rem;margin:0 auto;padding:.8rem clamp(1rem,5vw,4rem);background:#f6f1dc;border-bottom:1px solid #d5d5d5}
.g-sections{list-style:none;margin:0 0 1rem;padding:0}
.g-sections li{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between;border-top:1px solid #d5d5d5;padding:1.1rem 0}
.g-sections li:last-child{border-bottom:1px solid #d5d5d5}
.g-sections b{display:block;font-weight:600;font-size:1.1rem}
.g-sections span{color:#5a6270}
.g-acts{display:flex;align-items:center;gap:1rem}
a.g-send,a.g-link{text-decoration:none}
a.g-link{text-decoration:underline;text-underline-offset:3px;font-weight:600;color:#1a1a1a}
.g-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.4rem 0 1.2rem}
.g-tabs button{min-height:52px;border:1px solid #8b8b8b;border-radius:6px;background:#fff;font:500 1rem var(--body);color:#1a1a1a;cursor:pointer}
.g-tabs button[aria-pressed=true]{background:#14181d;border-color:#14181d;color:#fff}
.g-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.g-filter a{padding:.5rem .9rem;border:1px solid #8b8b8b;border-radius:6px;color:#1a1a1a;text-decoration:none;font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.g-filter a[aria-current=page]{background:#14181d;border-color:#14181d;color:#fff}
.g-wide{max-width:96rem}
.g-sec{border-top:1px solid #d5d5d5;margin-top:1.5rem;padding-top:.5rem}
.g-sec h2{font-size:1.5rem}
.g-half h3{font-size:1.15rem;font-weight:600;margin:1.2rem 0 .6rem}
.g-gridg{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.2rem 2rem}
.g-group h4{font-size:1rem;font-weight:700;margin:0 0 .4rem;padding-bottom:.3rem;border-bottom:2px solid #14181d}
.g-group ul{list-style:none;margin:0;padding:0}
.g-group li{margin:0 0 .9rem}
.g-group small{display:block;color:#5a6270;font-size:.82rem;line-height:1.3}
.g-group p{margin:.15rem 0 0;font-size:1.05rem;line-height:1.45;overflow-wrap:anywhere}
.embed .form-top,.embed .band{display:none}
.embed .g-pg{padding-top:.5rem}
@media (min-width:62rem){.g-group p{font-size:1.15rem}}
.g-pg .g-sections{padding-left:0}
.v-responses .band{height:clamp(7rem,14vw,10rem)}

/* QR page */
.qrp .qr-main{max-width:60rem;margin:0 auto;padding:2rem clamp(1rem,5vw,4rem) 3rem;text-align:left;display:block}
.qrp h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 .5rem}
.qrp #sub{font-size:1.15rem;margin:0 0 1.2rem}
.qrp .qr-box{width:min(70vw,60vh,28rem);height:auto;aspect-ratio:1;border:1px solid #d5d5d5;padding:0;background:#fff}
.qrp .qr-box svg{display:block;width:100%;height:100%}
.qrp .qr-url{font-size:1.15rem;font-weight:600;margin:1rem 0 1.5rem;color:#1a1a1a}
.qrp.present .g-filter{display:none}
.qrp .qr-box{justify-self:start;margin:0;grid-area:auto;grid-row:auto}
.qrp .qr-main h1,.qrp h1{max-width:none}
.qrp #all-wrap h2{font-size:1.25rem;margin:2rem 0 1rem;padding-top:1.5rem;border-top:1px solid #d5d5d5}
.qr-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.5rem}
.qr-all figure{margin:0}
.qr-sm{border:1px solid #d5d5d5;line-height:0}
.qr-sm svg{display:block;width:100%;height:auto}
.qr-all figcaption{margin-top:.5rem;font-size:.85rem;line-height:1.3}
.qr-all figcaption b{display:block;font-weight:600}
.qr-all figcaption span{color:#5a6270;overflow-wrap:anywhere}
.qrp #seg,.qrp #seg2{max-width:60rem}

/* Top menu */
.form-top{flex-wrap:wrap;row-gap:.2rem}
.menu{display:flex;flex-wrap:wrap;gap:0 1.2rem;margin-left:auto}
.menu a{color:#f5f5f2;text-decoration:none;font:600 .9rem/1 var(--body);padding:.7rem 0;min-height:44px;display:inline-flex;align-items:center;border-bottom:3px solid transparent}
.menu a:hover{border-bottom-color:#b8c0ca}
.menu a[aria-current=page]{border-bottom-color:#ebbd1e}
.form-top .evt{display:none}
@media (max-width:40rem){.menu{order:3;width:100%;margin-left:0;gap:0 1rem}.net{margin-left:auto}}

/* Projector layout: /wall?b=b1&h=now (or present=1). White, same fonts, large type, one column per question. */
.proj .form-top,.proj .band,.proj #queue{display:none}
body.proj,body.proj.guided{background:#fff}
.proj .wrap.guide{padding:0}
.p-wall{padding:1rem 1.25rem 2rem}
.p-title{font-size:1.5rem;margin:.5rem 0 1rem}
.p-half+.p-half{margin-top:2rem;padding-top:1rem;border-top:1px solid #d5d5d5}
.p-cols{display:grid;gap:1.25rem;align-items:start;grid-template-columns:repeat(5,minmax(0,1fr))}
.p-cols.p-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.p-col h3{font-size:1.15rem;font-weight:700;line-height:1.25;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:3px solid #14181d}
.p-col ul{list-style:none;margin:0;padding:0}
.p-col li{margin:0 0 1rem;padding:0 0 .9rem;border-bottom:1px solid #e3e3e3}
.p-col li p{margin:0;font-size:1.75rem;line-height:1.3;font-weight:500;overflow-wrap:anywhere;color:#1a1a1a}
.p-col li small{display:block;margin-top:.35rem;font-size:1.05rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5a6270}
.p-none{color:#8a8f98;font-size:1.1rem;margin:0}
@media (max-width:60rem){.p-cols,.p-cols.p-6{grid-template-columns:1fr}}
@media (min-width:2200px){.p-col li p{font-size:2.25rem}.p-col h3{font-size:1.5rem}}
html:has(body.proj){background:#fff}
.p-col h3{font-size:1.35rem}
