/* Brand styles copied from the original demo forms (Team Voice + Customer Check-In). */
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";
:root{--cream:#f7f7f1;--ink:#202b30;--teal:#397f78;--coral:#e76c55;--line:#d8ded7}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button,a,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button{background:0 0;border:0}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:106px;display:flex}.shell{max-width:1600px;margin:auto;padding:0 5%}.brand{letter-spacing:2px;align-items:center;gap:16px;font-size:14px;font-weight:700;display:flex}.brand small{letter-spacing:2.5px;margin-top:6px;font-size:9px;display:block}.headernote{color:#7a827e;font-size:13px}.pill{letter-spacing:1.5px;border:1px solid var(--line);border-radius:30px;padding:12px 15px;font-size:10px}nav{border-bottom:1px solid var(--line);align-items:stretch;gap:32px;height:69px;display:flex}nav button{color:#7b8585;border-bottom:3px solid #0000;align-items:center;gap:9px;padding:0 2px;font-weight:600;display:flex}nav button.active{color:var(--ink);border-color:var(--coral)}nav>span{color:#87908b;align-self:center;margin-left:auto;font-size:12px}.formlayout{grid-template-columns:.85fr 1.15fr;gap:9%;padding:64px 0 85px;display:grid}aside{padding-top:13px}.eyebrow{color:var(--teal);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:700}h1,h2{letter-spacing:-1.8px;font-family:DM Serif Display,Georgia,serif;font-weight:400}h1{margin:25px 0;font-size:clamp(56px,5.8vw,85px);line-height:1.04}h1 em{color:var(--teal);font-weight:400}aside .intro{color:var(--ink);font-size:23px;line-height:1.5}aside>p{color:#707d7b;max-width:350px;font-size:16px;line-height:1.75}.scribble{color:var(--coral);gap:22px;margin:32px 0 44px;font-family:DM Serif Display,Georgia,serif;font-size:27px;font-style:italic;display:flex;transform:rotate(-5deg)}.privacy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:345px;color:var(--teal);align-items:center;gap:14px;padding:17px 0;display:flex}.privacy p{color:#78827c;margin:0;font-size:12px;line-height:1.8}.asidebottom{letter-spacing:2px;color:#8e9690;align-items:center;gap:30px;margin-top:60px;font-size:9px;display:flex}.asidebottom span{color:#d7e4d7;font-size:65px}.formpanel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:35px 38px;box-shadow:0 12px 35px #233c2e04}.sectionhead{letter-spacing:1.5px;color:var(--teal);justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:700;display:flex}.sectionhead small{color:#8d9590;letter-spacing:0;font-size:10px;font-weight:400}h2{margin:19px 0 10px;font-size:35px;line-height:1.15}.muted{color:#7c8581;font-size:12px;line-height:1.7}fieldset{border:0;margin:27px 0;padding:0}legend,.field{font-size:13px;font-weight:600}legend{margin-bottom:13px}legend>span,.field>span{color:var(--coral)}.kindgrid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.kind{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-height:57px;padding:13px 12px;display:flex;position:relative}.kind input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.kind:focus-within{outline:2px solid var(--teal);outline-offset:2px}.kindnum{color:var(--coral);font-family:Georgia,serif;font-size:15px}.kind b{font-size:12px}.radiodot{border:1px solid #c6ccc6;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-left:auto}.chosen{border-color:var(--teal)!important;background:#eff5ef!important}.chosen .radiodot{background:var(--teal);outline:1px solid var(--teal);border:3px solid #eff5ef}.field{margin:22px 0;display:block}.field small{letter-spacing:1px;color:#8b9590;margin-left:6px;font-size:8px;font-weight:400}input,textarea,select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;outline:none;width:100%;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #397f7815}input::placeholder,textarea::placeholder{color:#9aa29c;font-size:12px}textarea{resize:vertical;line-height:1.65}.field input,.field textarea,.field select{margin-top:10px;display:block}.second{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.identity{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity button{text-align:left;border:1px solid var(--line);border-radius:9px;gap:7px;padding:15px;display:grid}.identity svg{color:var(--teal)}.identity b{font-size:12px}.identity small{color:#849087;font-size:10px}.namefields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary{background:var(--teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:20px;padding:14px 20px;font-size:13px;font-weight:600;display:inline-flex}.primary:hover{background:#296861}.submit{justify-content:space-between;width:100%;margin-top:3px}.formfine{color:#929b94;text-align:center;margin:16px 0 0;font-size:10px;line-height:1.6}.honeypot{display:none}footer{border-top:1px solid var(--line);letter-spacing:1.3px;color:#8b9590;justify-content:space-between;padding:25px 0 32px;font-size:9px;display:flex}.thankyou{padding:55px 0 65px}.thankyou h2{font-size:55px}.thankyou p{color:#7d8882;margin-bottom:30px;line-height:1.8}.checkcircle{color:var(--teal);background:#eff5ef;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:30px;display:grid}.alert,.successnote{color:#9b3b2c;background:#fff1ed;border-radius:8px;margin-top:20px;padding:15px;font-size:13px}.successnote{color:var(--teal);background:#e8f1e8;justify-content:space-between;display:flex}.workspace{padding:45px 0 65px}.workheading{justify-content:space-between;align-items:center;display:flex}.workheading h1{margin:15px 0;font-size:50px}.workheading p{color:#7e8882;font-size:13px}.outline{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;display:inline-flex}.stats{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);margin:32px 0;display:grid}.stats>div{border-right:1px solid var(--line);padding:23px}.stats>div:last-child{border:0}.stats span{letter-spacing:1.5px;color:#87938a;font-size:9px}.stats strong{margin-top:10px;font-family:DM Serif Display,Georgia,serif;font-size:36px;font-weight:400;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.viewtabs{background:#e9ede5;border-radius:8px;gap:3px;padding:4px;display:flex}.viewtabs button{color:#758076;border-radius:6px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;display:flex}.viewtabs .selected{color:var(--ink);background:#fff;box-shadow:0 2px 5px #00000008}.search{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;margin-left:auto;padding-left:12px;display:flex}.search input{border:0;width:190px;font-size:12px}.toolbar>select{width:145px;padding:11px;font-size:12px}.empty{text-align:center;color:#7b8a7e;grid-column:1/-1;padding:65px}.empty svg{color:var(--teal)}.empty p{font-size:13px}.accesspanel{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;max-width:640px;margin:40px auto 70px;padding:45px}.accesspanel>svg{color:var(--teal)}.accesspanel p{color:#7e8981;margin-bottom:25px;line-height:1.8}.members{border-top:1px solid var(--line);margin-top:35px;padding-top:24px}.members summary{cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.members p{color:#859082;font-size:12px}.members form{gap:10px;max-width:650px;display:flex}.member{border-bottom:1px solid var(--line);justify-content:space-between;max-width:650px;padding:15px 0;font-size:12px;display:flex}.member small{color:var(--teal);margin-left:12px}.member button{color:#bd6857;font-size:11px}.modalback{z-index:10;background:#18271fcc;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--cream);border-radius:17px;width:720px;max-height:90vh;padding:35px;position:relative;overflow:auto}.close{position:absolute;top:20px;right:20px}.modal h2{margin-right:25px;font-size:38px}.byline{color:#809080;font-size:12px}.original{border:1px solid var(--line);background:#fff;border-radius:8px;margin:23px 0;padding:20px}.original p{white-space:pre-wrap;font-size:14px;line-height:1.8}.original h4{color:var(--teal);font-size:11px}.modalactions{justify-content:space-between;gap:12px;margin-top:25px;display:flex}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (max-width:850px){.shell{padding:0 5%}.headernote{display:none}.formlayout{grid-template-columns:1fr;gap:35px;padding-top:38px}aside h1{font-size:64px}aside h1 br{display:none}aside .intro{font-size:20px}.privacy,.scribble,.asidebottom{display:none}aside>p{max-width:100%}.formpanel{padding:27px}.workheading h1{font-size:40px}.stats>div{padding:15px}.search{margin-left:0}nav>span{display:none}}@media (max-width:480px){header{height:88px}.pill{letter-spacing:.6px;padding:9px;font-size:8px}.brand{gap:12px;font-size:11px}.brand small{font-size:7px}nav{gap:23px;font-size:13px}.formpanel{padding:22px 18px}.sectionhead small{text-align:right;max-width:120px}.kind{gap:7px;padding:12px 9px}.kind b{font-size:10px}.kindnum{font-size:13px}.workheading{align-items:flex-start}.workheading>.outline{padding:9px;font-size:10px}.workheading h1{font-size:34px}.stats{grid-template-columns:1fr 1fr}.stats>div{border-bottom:1px solid var(--line)}.stats strong{font-size:30px}.viewtabs{justify-content:space-between;width:100%}.toolbar .search,.toolbar .search input{width:100%}.members form{flex-direction:column}.modalback{padding:10px}.modal{padding:26px 20px}.modal h2{font-size:30px}.modalactions{flex-direction:column}footer{letter-spacing:.5px;gap:15px;font-size:8px}.accesspanel{padding:30px 20px}}.storyheading{font-size:29px}.uploadgrid{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 15px;display:grid}.uploadbox{border:1px solid var(--line);border-radius:10px;padding:13px}.uploadtitle{justify-content:space-between;gap:7px;font-size:12px;font-weight:600;display:flex}.uploadtitle small{color:#8b9590;letter-spacing:1px;font-size:8px;font-weight:400}.uploadtarget{cursor:pointer;min-height:145px;color:var(--teal);background:#f6f8f2;border:1px dashed #c2cec0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex;position:relative}.uploadtarget b{font-size:12px}.uploadtarget small{color:#8b9590;font-size:9px}.uploadtarget input,.extrapictures label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.uploadtarget:focus-within{outline:2px solid var(--teal)}.photopreview{margin-top:12px;position:relative}.photopreview img{object-fit:contain;background:#f5f7ef;border-radius:5px;width:100%;height:170px}.photopreview button{background:#fff;border-radius:50%;padding:6px;display:flex;position:absolute;top:7px;right:7px}.photopreview small{overflow-wrap:anywhere;color:#85907e;margin-top:7px;font-size:9px;display:block}.extrapictures>.outline{font-size:11px;position:relative}.extraphoto{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:11px;display:flex}.checklabel{cursor:pointer;align-items:flex-start;gap:11px;margin:17px 0;font-size:12px;line-height:1.7;display:flex}.checklabel input{width:16px;height:16px;accent-color:var(--teal);flex:0 0 16px;margin:3px 0}.testimony{white-space:pre-wrap;font-size:14px;line-height:1.8}.reviewphotos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reviewphotos img{object-fit:contain;background:#f3f5ec;width:100%;height:200px}.reviewphotos span{text-transform:capitalize;color:#84927c;margin-top:5px;font-size:10px;display:block}@media (max-width:480px){.uploadtitle{flex-direction:column}.photopreview img{height:130px}}aside h1.journeyheading{letter-spacing:-1.5px;flex-direction:column;gap:14px;display:flex}aside h1.journeyheading>span{white-space:nowrap;font-size:clamp(38px,4.8vw,72px);font-style:normal;display:block}aside h1.journeyheading>em{white-space:nowrap;letter-spacing:-.8px;font-size:clamp(25px,2.8vw,43px);font-style:italic;line-height:1.2;display:block}@media (max-width:850px){aside h1.journeyheading>span{font-size:clamp(38px,8vw,64px)}aside h1.journeyheading>em{font-size:clamp(25px,5vw,38px)}}.members form>select{flex-shrink:0;width:120px}.memberactions{align-items:center;gap:12px;display:flex}.members form{flex-wrap:wrap}.members form>input{flex:1;min-width:200px}.productsection{margin:26px 0}.productrow{border:1px solid var(--line);background:#f8faf5;border-radius:10px;margin:16px 0;padding:18px}.producthead{color:var(--teal);justify-content:space-between;align-items:center;font-size:12px;display:flex}.productrow .field{margin:16px 0}.productrow select{font-size:12px}.reviewproduct{border-top:1px solid var(--line);padding:14px 0}.reviewproduct b{font-size:13px}.reviewproduct p,.reviewproduct small{color:#788675;margin:7px 0;font-size:11px;line-height:1.7}.insightfilters{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;margin-top:25px;padding:20px;display:grid}.filterlabel{color:var(--teal);grid-column:1/-1;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.insightfilters label{color:#71836e;font-size:11px}.insightfilters select,.insightfilters input{margin-top:7px;font-size:12px;display:block}.insighttables{grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;display:grid}.datagrid{border:1px solid var(--line);background:#fff;border-radius:10px;overflow-x:auto}.datagrid table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.datagrid th{color:#738369;white-space:nowrap;background:#edf2e8;padding:13px;font-size:10px;font-weight:600}.datagrid td{border-top:1px solid #e6eadf;min-width:85px;padding:13px;line-height:1.65}.datagrid small{color:#8c9982;font-size:9px;display:block}@media (max-width:850px){.insightfilters{grid-template-columns:1fr 1fr}.insighttables{grid-template-columns:1fr}}@media (max-width:480px){.productrow{padding:13px}.insightfilters{gap:10px;padding:14px}.viewtabs{flex-wrap:wrap}}.followupbadge{background:#fff0d8;border:1px solid #efd3a1;border-radius:5px;align-self:flex-start;align-items:center;gap:6px;padding:6px 8px;font-size:10px;font-weight:600;display:inline-flex;color:#966626!important}

/* ---------- Additions for the rebuilt forms and results ---------- */
[hidden]{display:none!important}
.identity button[aria-pressed="true"]{border-color:var(--teal);background:#eff5ef}
.namefields{margin-top:4px}
.namefields .field{margin:14px 0 0}
.producthead button{color:#bd6857;font-size:11px;font-weight:600}
.fieldnote{color:#9b3b2c;font-size:11px;margin-top:8px}
.extralist{margin-top:10px}
.extraphoto button{color:#bd6857;font-size:11px}
.headright{display:flex;align-items:center;gap:16px}
.headlink{color:var(--teal);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.headlink:hover{color:#296861;text-decoration:underline;text-underline-offset:3px}
.headwho{color:#87908b;font-size:12px;white-space:nowrap}
@media (max-width:850px){.headwho{display:none}}
@media (max-width:480px){.headright .pill{display:none}}
.thankyou .outline{margin-top:6px}

/* Single-column form page */
.page{max-width:780px;margin:0 auto;padding-block:56px 85px}
.pagehead{margin-bottom:34px}
.pagehead h1{font-size:clamp(42px,6vw,66px);line-height:1.05;margin:16px 0 18px;text-wrap:balance}
.pagehead .sub{color:#5f6b69;font-size:18px;line-height:1.7;max-width:640px;margin:0}
.privacyline{display:flex;align-items:center;gap:10px;color:#78827c;font-size:12px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.privacyline svg{color:var(--teal);flex-shrink:0}
@media (max-width:850px){.page{padding-block:38px 60px}.pagehead .sub{font-size:16px}}
@media (max-width:480px){.pagehead h1{font-size:40px}}

/* Form / Results toggle in the top nav (only shown to signed-in reviewers) */
nav a.formtab,nav a.resultstab{color:#7b8585;border-bottom:3px solid #0000;align-items:center;gap:9px;padding:0 2px;font-weight:600;display:flex}
nav a.formtab:hover,nav a.resultstab:hover{color:var(--ink)}

/* Results */
.resultsnav{gap:28px}
.workheading .eyebrow{margin-top:10px}
.headactions{display:flex;gap:10px;flex-wrap:wrap}
.datagrid tbody tr{cursor:pointer}
.datagrid tbody tr:hover td,.datagrid tbody tr:focus-visible td{background:#f8faf5}
.datagrid td.title{font-weight:600}
.tag{display:inline-block;color:var(--teal);background:#eef4ee;border-radius:4px;padding:3px 6px;font-size:10px;white-space:nowrap}
.tag.anon{color:#7c8581;background:#f1f3ed}
.tag.concern{color:#c55743;background:#fde8e3}
.countline{color:#8c978e;margin:18px 0 12px;font-size:11px}
.chartcard{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}
.chartcard h3{margin:0 0 4px;font-size:13px;font-weight:600}
.chartcard .muted{margin:0 0 14px}
.bar{display:grid;grid-template-columns:minmax(110px,40%) 1fr 44px;align-items:center;gap:10px;margin:9px 0;font-size:12px}
.bar .track{background:#edf0e9;border-radius:5px;height:12px;overflow:hidden}
.bar .fill{background:var(--teal);height:100%;border-radius:5px;min-width:2px}
.bar .num{text-align:right;color:#738369;font-variant-numeric:tabular-nums}
.loginpanel{text-align:left;max-width:440px}
.loginpanel h2{margin-top:10px}
.loginpanel .primary{width:100%;margin-top:6px}
.loginpanel .linkbtn{color:var(--teal);font-size:12px;font-weight:600;margin-top:16px;display:inline-block}
.danger{color:#bd6857;border-color:#efc9bf}
.photogrid-empty{color:#8c978e;font-size:12px}
.members .addform{display:flex;flex-wrap:wrap;gap:10px;max-width:650px;margin:14px 0 6px}
.members .addform input{flex:1;min-width:200px}
.members .addform select{width:130px}
.memberlist{margin-top:18px}
@media (max-width:480px){.bar{grid-template-columns:1fr 1fr 34px}.headactions{width:100%}}
