/* Field Studio: a calm reading and writing surface, using the existing palette. */
#resources .kit-heading{padding:34px 38px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(125deg,var(--accent-soft),var(--surface));gap:30px}
#resources .kit-heading h1{font-family:var(--sans, Inter, "Segoe UI", Arial, sans-serif);font-size:clamp(32px,4vw,52px);font-weight:750;letter-spacing:-1.8px;line-height:1.08;margin:14px 0 20px}
#resources .kit-heading h1 em{font-style:normal;color:var(--accent)}
#resources .kit-heading .lead{max-width:620px;font-size:15px;line-height:1.8}
#resources .kit-stamp{transform:none;background:#173f75;color:#eef5ff;border:0;border-radius:18px;width:176px;height:205px;box-shadow:0 15px 35px #173f751a}
#resources .kit-stamp strong{font-family:var(--sans, Inter, "Segoe UI", Arial, sans-serif);font-size:30px;line-height:1.12;font-weight:750}
#resources .kit-stamp>span{color:#d5e7ff}
#resources .kit-grid{gap:22px}
#resources .kit-card{border-radius:17px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);transition:border-color .16s,box-shadow .16s}
#resources .kit-card:hover{border-color:var(--accent);box-shadow:0 10px 30px #152b4610}
#resources .kit-cover{height:154px;width:100%;border-radius:0;flex-shrink:0}
#resources .kit-cover .course-art{height:145px;right:0;top:8px;width:65%}
#resources .kit-card-copy{display:flex;flex-direction:column;flex:1;padding:24px}
#resources .kit-card-copy h2{font-family:var(--sans, Inter, "Segoe UI", Arial, sans-serif);font-size:23px;font-weight:720;letter-spacing:-.6px}
#resources .kit-card-copy>p:not(.eyebrow){font-size:13px;line-height:1.7}
#resources .kit-card-actions{margin-top:auto;padding-top:18px;justify-content:space-between;gap:12px}
#resources .kit-draft-state{padding:9px 11px;border-radius:8px;background:var(--surface-alt);font-size:11px!important;margin:18px 0;color:var(--muted)}
#resources .kit-draft-state.has-draft{color:var(--accent);background:var(--accent-soft)}
.kit-step-count{font-size:11px;color:var(--muted);white-space:nowrap}
.kit-load-state:empty{display:none}
.worksheet-dialog{box-sizing:border-box;max-width:1120px;width:calc(100vw - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--body);box-shadow:0 30px 100px #071b3d45;overflow:auto;overscroll-behavior:contain}
.worksheet-dialog::backdrop{background:#07152799;backdrop-filter:blur(5px)}
.worksheet-dialog>*{box-sizing:border-box}
.worksheet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:3}
.worksheet-heading .eyebrow{font-size:10px;margin:0 0 9px}
.worksheet-heading h2{font-family:var(--sans, Inter, "Segoe UI", Arial, sans-serif);font-size:29px;font-weight:750;letter-spacing:-.8px;margin:0}
.worksheet-close{background:var(--surface-alt);color:var(--body);border:1px solid var(--border);border-radius:9px;padding:11px 15px;min-height:44px;white-space:nowrap;cursor:pointer}
.worksheet-layout{display:grid;grid-template-columns:270px minmax(0,1fr)}
.worksheet-guide{padding:30px 24px;background:var(--surface-alt);border-right:1px solid var(--border);min-width:0}
.worksheet-guide>.eyebrow{font-size:10px;margin-top:0}
.worksheet-outcome{font-size:16px;line-height:1.65;font-weight:600;margin:15px 0 27px}
.worksheet-guide nav{display:grid;gap:9px}
.worksheet-step{display:grid;grid-template-columns:23px minmax(0,1fr) 25px;align-items:center;gap:8px;width:100%;min-height:63px;padding:11px 10px;border-radius:10px;border:1px solid transparent;text-align:left;background:transparent;color:var(--body);white-space:normal;cursor:pointer}
.worksheet-step>span{font-size:11px;color:var(--muted)}
.worksheet-step strong{font-size:12px;line-height:1.55;font-weight:650}
.worksheet-step small{font-size:10px;color:var(--muted)}
.worksheet-step[aria-current=step],.worksheet-review-link[aria-current=step]{background:var(--surface);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px #071b3d08}
.worksheet-review-link{width:100%;white-space:normal;text-align:left;min-height:48px;padding:12px 10px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--accent);font-size:12px;font-weight:650;margin:16px 0 28px;cursor:pointer}
.worksheet-guide progress{width:100%;height:7px;accent-color:var(--accent)}
.worksheet-counter{font-size:12px;font-weight:650;margin:9px 0}
.worksheet-progress-note{font-size:11px;line-height:1.7;color:var(--muted)}
.worksheet-guide>.text-button{font-size:12px;margin-top:20px}
.worksheet-main{padding:34px 38px 30px;min-width:0}
.worksheet-main>.eyebrow{font-size:10px;margin:0 0 12px}
.worksheet-main h3{font-family:var(--sans, Inter, "Segoe UI", Arial, sans-serif);font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px;font-weight:720;scroll-margin-top:140px}
.worksheet-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 28px}
.worksheet-field,.worksheet-prompt>label{font-size:14px;font-weight:650;display:block;line-height:1.5}
.worksheet-dialog input,.worksheet-dialog textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--body);font:400 14px/1.7 var(--sans, Inter, "Segoe UI", Arial, sans-serif);padding:13px 15px;resize:vertical}
.worksheet-dialog input::placeholder,.worksheet-dialog textarea::placeholder{color:var(--muted);opacity:1}
.worksheet-field input{margin:10px 0 28px}
.worksheet-hint{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 12px}
.worksheet-prompt{margin-bottom:29px}
.worksheet-prompt textarea{min-height:135px;display:block}
.worksheet-char-count{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:6px}
.worksheet-example{margin-top:9px;border-left:2px solid var(--border);padding:0 0 0 13px}
.worksheet-example summary{font-size:12px;font-weight:600;color:var(--accent);padding:6px 0;cursor:pointer}
.worksheet-example p{font-size:13px;line-height:1.8;margin:8px 0;white-space:pre-wrap}
.worksheet-page-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:25px}
.worksheet-dialog .button,.worksheet-dialog .primary{min-height:44px;white-space:normal;font-size:12px}
.worksheet-footer{position:sticky;bottom:0;z-index:2;padding:15px 30px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 25px #10213808}
.worksheet-save-status{font-size:12px;font-weight:650;line-height:1.65;margin:0 0 10px;color:var(--accent)}
.worksheet-footer-actions{display:flex;gap:9px;flex-wrap:wrap}
.worksheet-footer-actions>.primary{margin-right:auto;min-width:170px}
.worksheet-privacy{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.worksheet-blank{display:inline-block;font-size:11px;color:var(--accent);margin-top:7px;text-underline-offset:3px}
.worksheet-exercise-name{font-weight:700;border-left:3px solid var(--accent);padding:13px 18px;background:var(--accent-soft);overflow-wrap:anywhere}
.worksheet-review-section{border:1px solid var(--border);border-radius:13px;padding:21px;margin-top:18px}
.worksheet-review-section h4{font-size:18px;margin:0 0 8px}.worksheet-review-section h5{font-size:13px;margin:23px 0 9px}
.worksheet-review-section .text-button{font-size:11px}
.worksheet-answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;margin:0;color:var(--body)}
.worksheet-conflict{background:var(--accent-soft);border:1px solid var(--accent);padding:18px;border-radius:10px;font-size:13px;line-height:1.7;margin-top:25px}
.worksheet-conflict summary{cursor:pointer;font-weight:650}
.worksheet-dialog :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.worksheet-dialog button:disabled{cursor:default;opacity:.6}
@media(max-width:850px){.worksheet-layout{grid-template-columns:220px minmax(0,1fr)}.worksheet-guide{padding:25px 15px}.worksheet-main{padding:28px 24px}.worksheet-heading{padding:21px 24px}.worksheet-footer{padding:15px 24px}}
@media(max-width:620px){
  #resources .kit-heading{padding:25px 22px;border-radius:16px}#resources .kit-heading h1{font-size:35px}#resources .kit-heading .lead{font-size:14px}
  #resources .kit-card-copy{padding:23px}.worksheet-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}
  .worksheet-heading{padding:17px 18px;gap:12px}.worksheet-heading h2{font-size:24px}.worksheet-heading .eyebrow{font-size:8px;letter-spacing:1px}.worksheet-close{padding:9px 12px;font-size:12px}
  .worksheet-layout{display:block}.worksheet-guide{border-right:0;border-bottom:1px solid var(--border);padding:16px 18px}.worksheet-guide>.eyebrow,.worksheet-outcome,.worksheet-guide>.text-button,.worksheet-guide>.worksheet-progress-note{display:none}
  .worksheet-guide nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.worksheet-step{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 8px;min-height:95px}.worksheet-step strong{font-size:11px;line-height:1.45}.worksheet-step small{margin-top:auto}
  .worksheet-review-link{margin:10px 0 12px;min-height:44px}.worksheet-counter{font-size:11px;margin:5px 0 0}.worksheet-guide progress{height:5px}
  .worksheet-main{padding:27px 20px}.worksheet-main h3{font-size:26px;scroll-margin-top:120px}.worksheet-intro{font-size:14px}.worksheet-dialog input,.worksheet-dialog textarea{font-size:16px}
  .worksheet-footer{position:static;padding:17px 20px 26px}.worksheet-footer-actions{display:grid;grid-template-columns:1fr 1fr}.worksheet-footer-actions>.primary{min-width:0;margin:0;grid-column:1/-1}.worksheet-footer-actions>button:last-child{grid-column:1/-1}.worksheet-privacy{font-size:11px}
  .worksheet-review-section{padding:18px}.worksheet-answer{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#resources .kit-card{transition:none}}
@media print{
  body.printing-worksheet>*:not(#worksheetDialog){display:none!important}
  body.printing-worksheet #worksheetDialog{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;max-width:none!important;overflow:visible!important;border:0;box-shadow:none;color:#172536;background:white}
  body.printing-worksheet .worksheet-layout{display:block}.printing-worksheet .worksheet-guide,.printing-worksheet .worksheet-footer,.printing-worksheet .worksheet-close,.printing-worksheet .worksheet-main button{display:none!important}
  .printing-worksheet .worksheet-heading{position:static;padding:0 0 20px;background:white}.printing-worksheet .worksheet-main{padding:20px 0}.printing-worksheet .worksheet-review-section{break-inside:avoid}.printing-worksheet .worksheet-answer,.printing-worksheet .worksheet-intro{color:#172536}
}
