.feedback-page{--reader-width:760px;--reader-title:clamp(2.8rem,2rem + 2.6vw,4.5rem)}
.reader-header{width:min(1168px,calc(100% - 64px));margin:auto;min-height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:var(--space-4)}
.reader-main{width:min(var(--reader-width),calc(100% - 48px));margin:auto;padding:var(--space-16) 0 var(--space-20)}
.feedback-page h1{font-size:var(--reader-title);line-height:1.08;letter-spacing:-1.5px;margin:var(--space-5) 0 var(--space-8)}
.feedback-intro p:not(.eyebrow),#feedback-success p,.privacy-document p{margin-bottom:var(--space-5)}
.feedback-intro .gentle-note{padding-left:var(--space-5);border-left:3px solid var(--seafoam);margin-top:var(--space-8)}
.feedback-page h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;line-height:1.4;letter-spacing:0;margin-bottom:var(--space-5)}
.feedback-page h3{font-size:var(--text-base);margin:var(--space-8) 0 var(--space-3)}
.start-section{padding:var(--space-10) 0 var(--space-8)}
.field-title,.feedback-page legend{display:block;font-weight:700;font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-3)}
.required-note{display:inline-block;font-size:var(--text-xs);font-weight:500;background:var(--surface);padding:2px 8px;margin-left:8px;vertical-align:middle;border-radius:var(--radius-sm)}
.field-help{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-4);line-height:1.7}
.feedback-page textarea,.feedback-page input:not([type=radio]):not([type=checkbox]):not([type=hidden]){width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);font:inherit;color:var(--text);background:var(--bg)}
.feedback-page textarea{resize:vertical;min-height:125px}
.feedback-page input::placeholder,.feedback-page textarea::placeholder{color:var(--muted);opacity:1}
.feedback-page :is(textarea,input,button,a,summary):focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.optional-section{border-top:1px solid var(--border)}
.optional-section:last-of-type{border-bottom:1px solid var(--border)}
.optional-section summary{padding:var(--space-6) var(--space-8) var(--space-6) 0;font-size:var(--text-base);font-weight:700;cursor:pointer;position:relative;list-style:none;min-height:72px}
.optional-section summary::-webkit-details-marker{display:none}
.optional-section summary::after{content:"+";position:absolute;right:4px;top:20px;font-size:var(--text-lg);color:var(--focus)}
.optional-section[open]>summary::after{content:"−"}
.optional-body{padding-bottom:var(--space-8)}
.optional-body>p:not(.field-help){margin-bottom:var(--space-5)}
.feedback-page fieldset{padding:0;border:0;margin:var(--space-8) 0}
.feedback-page fieldset:first-of-type{margin-top:var(--space-6)}
.feedback-page fieldset:last-child{margin-bottom:0}
.choice{display:flex;gap:var(--space-3);align-items:flex-start;min-height:44px;padding:var(--space-2) 0;font-weight:400;cursor:pointer;font-size:var(--text-base)}
.feedback-page .choice input{appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:0;margin:4px 0 0;padding:0;accent-color:var(--focus)}
.clear-choice{color:var(--muted);background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:var(--space-2) 0;min-height:44px;font-size:var(--text-sm);cursor:pointer}
.field-group{margin-block:var(--space-8)}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-4)}
.consent-choice{margin-block:var(--space-4)}
.field-error{font-size:var(--text-sm);font-weight:700;color:var(--text)}
.field-error:empty{display:none}
.privacy-note{padding-top:var(--space-8);font-size:var(--text-sm);color:var(--muted)}
.privacy-note h2{font-size:var(--text-base);color:var(--text)}
.privacy-note p{margin-bottom:var(--space-4)}
.privacy-note a{overflow-wrap:anywhere}
.privacy-link{font-size:var(--text-sm)}
.submit-bar{background:var(--bg);border-top:1px solid var(--border);padding:var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom));margin-top:var(--space-8)}
.submit-bar .button{font-size:var(--text-base)}
.submit-bar [role=status]{font-size:var(--text-sm);margin-top:var(--space-3);max-width:65ch}
.submit-bar [role=status]:empty{display:none}
.submit-bar .button:disabled{opacity:.7;transform:none;cursor:wait}
.preview-notice{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--surface);border-left:3px solid var(--focus);margin-bottom:var(--space-8)}
.reader-footer{width:min(1168px,calc(100% - 48px));margin:auto;border-top:1px solid var(--border);padding:var(--space-8) 0;display:flex;gap:var(--space-6);flex-wrap:wrap;font-size:var(--text-sm);color:var(--muted)}
.reader-footer span{margin-left:auto}
.privacy-document h1{font-size:clamp(2.5rem,2rem + 2vw,3.5rem)}
.privacy-document a{overflow-wrap:anywhere}
[hidden]{display:none!important}
.worksheet-download{padding:var(--space-8) 0;border-block:1px solid var(--border);margin:var(--space-10) 0}
.worksheet-download .download-note{margin:var(--space-4) 0 0}
.printing-note{margin:var(--space-10) 0}
.printing-note ol{padding-left:var(--space-6);margin:var(--space-5) 0}
.printing-note li{padding-left:var(--space-2);margin-bottom:var(--space-4)}
.printing-note>p{color:var(--muted);font-size:var(--text-sm)}
@media(max-width:600px){.reader-header{width:calc(100% - 32px);min-height:92px}.reader-header .brand{font-size:1.15rem}.reader-header .brand-by{font-size:.75rem;letter-spacing:.7px}.reader-header .brand-mark{width:34px;height:34px}.reader-main{padding-top:var(--space-10)}.feedback-page h1{letter-spacing:-1px}.contact-fields{grid-template-columns:1fr}.reader-footer span{margin-left:0}.submit-bar .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.worksheet-chapters{margin:var(--space-10) 0}
.chapter-grid{list-style:none;padding:0;margin:0 0 var(--space-10);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.chapter-card{background:var(--surface);padding:var(--space-6);border-radius:var(--radius-sm);display:flex;flex-direction:column}
.chapter-card .eyebrow{color:var(--focus);margin-bottom:var(--space-2)}
.feedback-page .chapter-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:1.25;margin:0 0 var(--space-4)}
.chapter-worksheets{padding-left:var(--space-5);margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:1.6}
.chapter-worksheets li{margin-bottom:var(--space-1)}
.chapter-card .chapter-meta{margin:auto 0 var(--space-4)}
.chapter-download{align-self:flex-start}
.worksheet-download .text-link{font-size:var(--text-base)}
@media(max-width:600px){.chapter-grid{grid-template-columns:1fr}.chapter-card{padding:var(--space-5)}.chapter-download{width:100%;align-self:stretch}}
