/* GIAN-AI Academy 534 · shared notebook and sticky-note presentation.
   Style only: no activity data, controls, layout order, navigation or motion. */
@font-face {
  font-family: "Academy Notes 534";
  src: url("./mindmap/assets/PatrickHand-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --notes534-hand: "Academy Notes 534", "Segoe Print", cursive;
  --notes534-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
  --notes534-ink: #243d52;
  --notes534-edge: #a9bac8;
  --notes534-paper: #fffefb;
  --notes534-yellow: #fff6d9;
  --notes534-lavender: #f2edfb;
  --notes534-blue: #edf5fc;
  --notes534-grid: linear-gradient(#67859b09 1px, transparent 1px),
                   linear-gradient(90deg, #67859b09 1px, transparent 1px);
  --notes534-shadow: 0 3px 0 #243d520b, 0 7px 18px #243d5207;
}
/* One readable sheet behind the activity; existing illustrations keep their space. */
html body :is(#ws-test #ws-answer-form, .lesson-panel, #exercise.paper,
             #expression-help528 > .paper, #expression-map528 > .paper,
             #expression-pdf528 > .paper, #map-section528 > .paper, #creator.paper) {
  background-color: var(--notes534-paper);
  background-image: var(--notes534-grid);
  background-size: 24px 24px;
  border-color: var(--notes534-edge);
  border-radius: 7px 14px 10px 8px;
  box-shadow: var(--notes534-shadow);
}
html body #ws-test #ws-answer-form::before {
  background: #dccf9a66;
  transform: none;
  border-radius: 1px;
}
/* The prompt, explanation and recall cues read like handwritten study notes. */
html body :is(#ws-test .ws-test-head h1, #ws-test .ws-question h2,
             #ws-test .ws-guide h2, #ws-test .ws-guide summary,
             .lesson-title h2, .reading-steps p, .lesson-panel > .lead,
             .scene > p, .takeaway, #exercise .question,
             #expression-help528 .question, .expression-heading528,
             #expression-map528 h2, #expression-map528 .map-node h3,
             #title528, #creator h1, #creator h2,
             #readable-list528 h2, #detail528 h2,
             #bambini .a527-topic-group > summary,
             #bambini .a528-topic-link strong) {
  font-family: var(--notes534-hand);
  font-weight: 400;
  letter-spacing: normal;
}
html body :is(.reading-steps p, .lesson-panel > .lead, .scene > p, .takeaway) {
  font-size: 1.18rem;
  line-height: 1.55;
}
/* Small, flat sticky notes: no rotation or movement of text. */
html body :is(#ws-test .ws-question, #ws-test .ws-guide, .scene, .takeaway,
             .wtp-exercise, .hg-exercise, .esp-exercise, .gsp-exercise,
             .alp-exercise, .frp-exercise, .ap-exercise, .rp-exercise,
             .p1p-exercise, .sbp-exercise, .geo-exercise, .sp-exercise,
             .body-practice-item, .mwb fieldset, .dplace-notebook,
             .ep-card, .ew-card, .et169-practice, .mu170-practice,
             .tp171-practice, .ex172-practice, .or-career-task,
             #expression-map528 .map-node, #readable-list528 article,
             #ws-test .fc505-face, #ws-test .fc515-final-card):not([data-alp-status="correct"], [data-geography-status="correct"], [data-geography-status="incorrect"], [data-geography-status="format"], [data-schoolbag-status="correct"], [data-schoolbag-status="incorrect"], [data-schoolbag-status="format"], [data-space-status="correct"], [data-space-status="incorrect"], [data-space-status="format"]) {
  background-color: var(--notes534-yellow);
  font-family: var(--notes534-hand);
  background-image: none;
  border-radius: 5px 11px 8px 5px;
  box-shadow: var(--notes534-shadow);
}
html body :is(#ws-test .ws-question, .wtp-exercise, .hg-exercise, .esp-exercise, .gsp-exercise,
             .alp-exercise, .frp-exercise, .ap-exercise, .rp-exercise,
             .p1p-exercise, .sbp-exercise, .geo-exercise, .sp-exercise,
             .body-practice-item, .mwb fieldset,
             #expression-map528 .map-node, #readable-list528 article):nth-child(3n+2):not([data-alp-status="correct"], [data-geography-status="correct"], [data-geography-status="incorrect"], [data-geography-status="format"], [data-schoolbag-status="correct"], [data-schoolbag-status="incorrect"], [data-schoolbag-status="format"], [data-space-status="correct"], [data-space-status="incorrect"], [data-space-status="format"]) {
  background-color: var(--notes534-lavender);
}
html body :is(#ws-test .ws-question, .wtp-exercise, .hg-exercise, .esp-exercise, .gsp-exercise,
             .alp-exercise, .frp-exercise, .ap-exercise, .rp-exercise,
             .p1p-exercise, .sbp-exercise, .geo-exercise, .sp-exercise,
             .body-practice-item, .mwb fieldset,
             #expression-map528 .map-node, #readable-list528 article):nth-child(3n):not([data-alp-status="correct"], [data-geography-status="correct"], [data-geography-status="incorrect"], [data-geography-status="format"], [data-schoolbag-status="correct"], [data-schoolbag-status="incorrect"], [data-schoolbag-status="format"], [data-space-status="correct"], [data-space-status="incorrect"], [data-space-status="format"]) {
  background-color: var(--notes534-blue);
}
html body #ws-test .ws-review {
  background-color: var(--notes534-paper);
  background-image: none;
  border-radius: 5px 11px 8px 5px;
  box-shadow: var(--notes534-shadow);
}
/* Home topic containers share the notebook language without repainting covers. */
html body.academy-public321 #bambini :is(.a527-topic-group, .a528-topic-link) {
  background: var(--notes534-paper);
  border-color: var(--notes534-edge);
  border-radius: 6px 12px 8px 6px;
  box-shadow: var(--notes534-shadow);
}
/* Existing SVG line breaks were measured in Patrick Hand: keep that font/geometry. */
html body #picture528 {
  background: var(--notes534-paper);
  border-color: var(--notes534-edge);
  border-radius: 7px 14px 10px 8px;
  box-shadow: var(--notes534-shadow);
}
#picture528 svg > rect:first-of-type { fill: #fffefb; }
#picture528 [data-node528] > path { fill: #fff6d9; }
#picture528 [data-node528]:nth-of-type(3n+2) > path { fill: #f2edfb; }
#picture528 [data-node528]:nth-of-type(3n) > path { fill: #edf5fc; }
/* Numbers, formulas and answer fields keep their established clear type. */
html body :is(#ws-test, .lesson-panel, #exercise, #expression-map528)
  :is(input, textarea, select, button, .math, .formula, .mwb-row, .m1o-step) {
  font-family: var(--notes534-ui);
}
/* White/focus/accessible-reading choices always take precedence over decoration. */
html:is([data-study-background="white"], [data-study-theme="calm"],
        [data-study-mode="focus"], [data-study-mode="steps"],
        [data-study-mode="reading"], [data-support-calm="true"]) body
  :is(#ws-test #ws-answer-form, .lesson-panel, .scene, .takeaway,
      #ws-test .ws-question, #ws-test .ws-guide, #ws-test .ws-review, #ws-test .fc505-face,
      .wtp-exercise, .hg-exercise, .esp-exercise, .gsp-exercise,
      .alp-exercise, .frp-exercise, .ap-exercise, .rp-exercise,
      .p1p-exercise, .sbp-exercise, .geo-exercise, .sp-exercise,
      .body-practice-item, .mwb fieldset, .dplace-notebook,
      .ep-card, .ew-card, .et169-practice, .mu170-practice,
      .tp171-practice, .ex172-practice, .or-career-task,
      #exercise.paper, #expression-help528 > .paper,
      #expression-map528 > .paper, #expression-map528 .map-node,
      #expression-pdf528 > .paper, #readable-list528 article,
      #picture528, #map-section528 > .paper, #creator.paper,
      #bambini .a527-topic-group, #bambini .a528-topic-link) {
  background: #fff;
  font-family: var(--notes534-ui);
  box-shadow: none;
}
html:is([data-study-background="white"], [data-study-theme="calm"],
        [data-study-mode="focus"], [data-study-mode="steps"],
        [data-study-mode="reading"], [data-support-calm="true"])
  :is(#ws-test #ws-answer-form::before, .paper::before) { display: none; }
html:is([data-study-mode="reading"], [data-study-mode="steps"],
        [data-study-mode="focus"]) body
  :is(#ws-test .ws-question h2, .reading-steps p, .lesson-panel > .lead,
      .scene > p, .takeaway, #exercise .question,
      #expression-help528 .question, #readable-list528 h2) {
  font-family: var(--notes534-ui);
  font-weight: 500;
}
html:is([data-study-background="white"], [data-study-theme="calm"],
        [data-study-mode="focus"], [data-study-mode="steps"],
        [data-study-mode="reading"]) #picture528 svg > rect:first-of-type,
html:is([data-study-background="white"], [data-study-theme="calm"],
        [data-study-mode="focus"], [data-study-mode="steps"],
        [data-study-mode="reading"]) #picture528 [data-node528] > path { fill: #fff; }
@media (forced-colors: active) {
  html body :is(#ws-test #ws-answer-form, .lesson-panel, #exercise.paper,
               #ws-test .ws-question, #ws-test .ws-guide, #ws-test .ws-review,
               #readable-list528 article, #picture528) {
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
    border-color: CanvasText;
  }
  #picture528 [data-node528] > path { fill: Canvas; stroke: CanvasText; }
}
@media print {
  html body :is(#ws-test #ws-answer-form, .lesson-panel, #exercise.paper,
               #ws-test .ws-question, #ws-test .ws-guide, #ws-test .ws-review,
               #readable-list528 article, #picture528) {
    background: #fff;
    box-shadow: none;
  }
  #ws-test #ws-answer-form::before { display: none; }
}

/* Official owner logo also remains in the printable map. */
.top .brand534 { display:flex; align-items:center; gap:10px; min-width:0; letter-spacing:normal; }
.top .brand534 span { display:block; font:400 20px var(--notes534-hand); }
.top .brand534 small { display:block; font:400 9px var(--notes534-ui); letter-spacing:normal; }
.top .brand-logo534 { display:block; width:128px; height:64px; object-fit:contain; flex-shrink:0; }
@media(max-width:600px) {
 .top .brand-logo534 { width:84px; height:42px; }
 .top .brand534 { gap:7px; }
 .top .brand534 span { font-size:17px; }
 .top .brand534 small { font-size:7px; }
}
@media print {
 .top { display:flex!important; padding:0; margin:0 0 2mm; border:0; justify-content:flex-end; }
 .top > a { display:none; }
 .top .brand-logo534 { width:36mm; height:18mm; }
 .top .brand534 span { font-size:17pt; }
 .top .brand534 small { font-size:7pt; }
 .map-picture svg { max-height:145mm; }
}