.four-leaf-page{--x-control:var(--x-control-lg);--learn-plant-ground:var(--x-surface-sunken);--learn-plant-ink:var(--x-ink);--learn-observed:var(--x-observed);--learn-model:var(--x-model);--learn-scenario:var(--x-scenario);--learn-art:var(--x-art);background:var(--x-ground);min-height:100dvh;color:var(--x-ink)}.four-leaf-page *{box-sizing:border-box}.four-leaf-page :is(.x-input,.x-select,.x-textarea){color:var(--x-ink)}.four-leaf-page a{color:inherit;text-underline-offset:.25em}.four-leaf-page :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}.four-leaf-page :is(button,summary,a,input,select){touch-action:manipulation}.four-leaf-page :is(h2,h3){overflow-wrap:anywhere}.four-leaf-page h3{font-size:var(--x-text-lg)}.learn-page{max-width:1440px;padding:0 var(--x-gutter) var(--x-space-16);margin-inline:auto}.learn-page>.learning-connections{max-width:none;margin-inline:0}.learn-page>.x-page-header{margin-bottom:var(--x-space-6)}.four-leaf-page main{min-width:0}.four-leaf-page main>.x-steps{margin-bottom:var(--x-space-10)}.four-leaf-page main.has-companion>.x-steps{margin-bottom:var(--x-space-4)}.four-leaf-page .hint{margin:var(--x-space-3) 0 var(--x-space-5)}.four-leaf-page .support{align-items:center;gap:var(--x-space-4);margin:var(--x-space-6) 0;color:var(--x-ink-muted);font-size:var(--x-text-sm);flex-wrap:wrap;display:flex}.four-leaf-page .has-companion .support{margin:var(--x-space-3) 0 var(--x-space-5)}.four-leaf-page .support .x-select{width:auto;min-width:11rem}.four-leaf-page .stage{min-width:0}.four-leaf-page .form-grid{gap:var(--x-space-5);margin:var(--x-space-6) 0;grid-template-columns:1fr 1fr;display:grid}.four-leaf-page .wide{grid-column:1/-1}.four-leaf-page .observers-field{gap:var(--x-space-2);align-content:start}.four-leaf-page .error{min-height:0;color:var(--x-danger);font-size:var(--x-text-xs);display:block}.four-leaf-page :is(.error,.form-summary):not(:empty){animation:x-error-in var(--x-dur-instant) var(--x-ease-out) both}.four-leaf-page .form-summary{margin:var(--x-space-4) 0}.four-leaf-page .actions{justify-content:space-between;align-items:center;gap:var(--x-space-3);margin-top:var(--x-space-8);padding-top:var(--x-space-6);border-top:1px solid var(--x-line);flex-wrap:wrap;display:flex}.four-leaf-page .actions>.x-hint{flex:14rem}.four-leaf-page .actions>.x-btn--forward{margin-left:auto}.four-leaf-page .status{min-height:1.8rem;margin:var(--x-space-5) 0;color:var(--x-accent-ink)}.four-leaf-page .status[data-action-state=success]{padding-left:var(--x-space-3);border-left:3px solid var(--x-accent)}.four-leaf-page .status[data-action-state=recovery]{padding-left:var(--x-space-3);border-left:3px solid var(--x-warning)}.four-leaf-page .status[data-action-state=error]{padding-left:var(--x-space-3);border-left:3px solid var(--x-danger);color:var(--x-danger)}.four-leaf-page .status[data-action-state=success]:before{content:"✓";margin-right:var(--x-space-2);animation:x-receipt var(--x-dur-quick) var(--x-ease-out);display:inline-block}.four-leaf-page .plant-fieldset{border:0;min-width:0;margin:0;padding:0}.four-leaf-page .plant-grid{gap:var(--x-space-4);margin-bottom:var(--x-space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.four-leaf-page .has-subject .plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-leaf-page .plant-card{min-width:0;position:relative}.four-leaf-page .plant{cursor:pointer;border:1px solid var(--x-line);border-radius:var(--x-radius-md);background:var(--learn-plant-ground);transition:translate var(--x-dur-instant) var(--x-ease-out), border-color var(--x-dur-quick) var(--x-ease-out), box-shadow var(--x-dur-quick) var(--x-ease-out);display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.four-leaf-page .plant:hover{translate:0 var(--x-lift);border-color:var(--x-line-hover);transition-duration:var(--x-dur-quick)}}.four-leaf-page .plant input{top:var(--x-space-4);left:var(--x-space-4);z-index:2;width:20px;height:20px;accent-color:var(--x-accent);margin:0;position:absolute}.four-leaf-page .plant:has(input:checked){border-color:var(--x-accent);box-shadow:inset 0 0 0 1px var(--x-accent)}.four-leaf-page .plant:has(input:focus-visible){outline:var(--x-ring) solid var(--x-focus);outline-offset:var(--x-ring-offset)}.four-leaf-page .portrait{aspect-ratio:1;background-image:url(/assets/four-leaf/plant-portrait-atlas.png);background-repeat:no-repeat;background-size:400% 200%;display:block}.four-leaf-page .plant-name{padding:0 var(--x-space-4) var(--x-space-4);display:block}.four-leaf-page .plant-name strong{font-size:var(--x-text-md);color:var(--learn-plant-ink);display:block}.four-leaf-page .plant-name small{font-size:var(--x-text-sm);color:var(--x-ink-muted);font-style:italic}.four-leaf-page .x-btn{white-space:normal;max-width:100%}.four-leaf-page .x-btn--icon{min-height:var(--x-control-md)}.four-leaf-page .plant-info{top:var(--x-space-2);right:var(--x-space-2);z-index:3;background:color-mix(in srgb, var(--x-surface-2) 91%, transparent);font-family:var(--x-font-display);font-size:var(--x-text-lg);font-weight:700;position:absolute}.four-leaf-page .plant-info[aria-expanded=true]{background:var(--x-accent);border-color:var(--x-accent);color:var(--x-on-accent)}.four-leaf-page .unknown{cursor:pointer}.four-leaf-page .observe-tools{justify-content:space-between;align-items:center;gap:var(--x-space-3);margin:var(--x-space-1) 0 var(--x-space-2);flex-wrap:wrap;display:flex}.four-leaf-page .observe-parts{--x-steps-count:3;grid-template-columns:repeat(3,auto)}.four-leaf-page .observe-parts li{min-width:0;display:flex}.four-leaf-page .observe-parts .x-step{gap:var(--x-space-2);width:100%}.four-leaf-page .field-toggle{flex:none}.four-leaf-page .draft-note{margin:0 0 var(--x-space-3);font-size:var(--x-text-xs)}.four-leaf-page :is(.observe-part,.leaf-panel)[hidden]{display:none}.four-leaf-page .observe-part>.x-strip:first-child{margin-top:0}.four-leaf-page .x-strip>.x-btn{margin-top:var(--x-space-3)}.four-leaf-page .flow-guide{gap:var(--x-space-6);margin:var(--x-space-8) 0;grid-template-columns:110px 1fr;display:grid}.four-leaf-page .flow-guide svg{width:100%;height:110px;color:var(--x-accent-ink)}.four-leaf-page .flow-guide h3{margin-top:0}.four-leaf-page .leaf-dots{gap:var(--x-space-2);margin:var(--x-space-2) 0 var(--x-space-4);display:flex}.four-leaf-page .leaf-dots button{min-width:56px;min-height:52px;padding:var(--x-space-2);border:1px solid var(--x-line-strong);border-radius:var(--x-radius-md);color:var(--x-ink);transition:background-color var(--x-dur-instant), border-color var(--x-dur-instant), box-shadow var(--x-dur-instant);background:0 0;justify-items:center;gap:2px;display:grid}.four-leaf-page .leaf-dots button span{font-size:var(--x-text-sm);color:var(--x-ink-muted)}.four-leaf-page .leaf-dots button b{font-size:var(--x-text-lg);line-height:1}@media (hover:hover) and (pointer:fine){.four-leaf-page .leaf-dots button:hover,.four-leaf-page .swatch:hover{border-color:var(--x-line-hover);color:var(--x-ink)}}.four-leaf-page .leaf-dots button[aria-current]{background:var(--x-surface-selected);border-color:var(--x-accent);box-shadow:inset 0 0 0 1px var(--x-ring-selected);color:var(--x-on-selected)}.four-leaf-page .leaf-dots button[aria-current] span{color:var(--x-accent-ink)}.four-leaf-page .leaf-panel{min-width:0;margin:0 0 var(--x-space-4);padding:var(--x-space-4);border:1px solid var(--x-line);border-radius:var(--x-radius-lg)}.four-leaf-page .leaf-panel>legend{align-items:center;gap:var(--x-space-3);padding:0 var(--x-space-2);font-size:var(--x-text-lg);font-weight:600;display:flex}.four-leaf-page .leaf-tag{font-family:var(--x-font-display);font-size:var(--x-text-xl);color:var(--x-accent-ink);padding-top:1.4rem}.four-leaf-page .mark-chips .x-chip-option span{min-height:var(--x-control-md);padding:0 var(--x-space-3);font-size:var(--x-text-sm)}.four-leaf-page .color-pick{gap:var(--x-space-2);margin:0 0 var(--x-space-4);display:grid}.four-leaf-page .swatches{gap:var(--x-space-2);flex-wrap:wrap;display:flex}.four-leaf-page .swatch{align-items:center;gap:var(--x-space-2);min-height:var(--x-control-md);padding:0 var(--x-space-3) 0 var(--x-space-2);border:1px solid var(--x-line-strong);border-radius:var(--x-radius-pill);color:var(--x-ink);font-size:var(--x-text-sm);transition:background-color var(--x-dur-instant), border-color var(--x-dur-instant), box-shadow var(--x-dur-instant);background:0 0;display:inline-flex}.four-leaf-page .swatch:before{content:"";background:var(--swatch);width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--x-ground) 25%, transparent);border-radius:50%}.four-leaf-page .swatch[data-color=green]{--swatch:#4f9a3c}.four-leaf-page .swatch[data-color=yellow-green]{--swatch:#a3c13d}.four-leaf-page .swatch[data-color=yellow]{--swatch:#e2c13a}.four-leaf-page .swatch[data-color=orange]{--swatch:#df822e}.four-leaf-page .swatch[data-color=red]{--swatch:#c4432f}.four-leaf-page .swatch[data-color=purple]{--swatch:#7b3f70}.four-leaf-page .swatch[data-color=brown]{--swatch:#8a5a36}.four-leaf-page .swatch[aria-pressed=true]{border-color:var(--x-accent);box-shadow:inset 0 0 0 1px var(--x-accent)}.four-leaf-page .x-disclosure:not([data-variant=quiet])>summary{min-height:var(--x-control)}.four-leaf-page .leaf-id{margin-top:var(--x-space-2)}.four-leaf-page .model-options{align-items:center;gap:var(--x-space-4);margin-top:var(--x-space-4);flex-wrap:wrap;display:flex}.four-leaf-page .model-result{margin:var(--x-space-4) 0 0}.four-leaf-page .model-result .x-disclosure{margin-top:var(--x-space-2);border-top:0;padding-bottom:0}.four-leaf-page .x-link-bar{margin:var(--x-space-3) 0}.four-leaf-page .handin{margin:var(--x-space-6) 0;padding:var(--x-space-5);border:1px solid var(--x-accent);border-radius:var(--x-radius-lg);background:var(--x-surface-2)}.four-leaf-page .handin>h3{margin:0}.four-leaf-page .handin>p{margin:var(--x-space-2) 0 var(--x-space-4);color:var(--x-ink-soft)}.four-leaf-page .handin .form-grid{margin:var(--x-space-4) 0}.four-leaf-page .handin-link .x-input{font-size:var(--x-text-sm)}.four-leaf-page .teacher{margin-top:var(--x-space-12)}.four-leaf-page .has-subject .teacher{margin-top:var(--x-space-8)}.four-leaf-page .teacher>h3{margin:0 0 var(--x-space-2)}.four-leaf-page .teacher p{max-width:80ch}.four-leaf-page .notebook-card{justify-content:space-between;align-items:center;gap:var(--x-space-4);padding:var(--x-space-4) 0;border-top:1px solid var(--x-line);flex-wrap:wrap;display:flex}.four-leaf-page .notebook-card>div{min-width:0}.four-leaf-page .notebook-card p{color:var(--x-ink-muted);font-size:var(--x-text-sm);margin:0}.four-leaf-page .teacher-resources{gap:var(--x-space-2) var(--x-space-6);margin-top:var(--x-space-4);flex-wrap:wrap;display:flex}.four-leaf-page .teacher-resources a{min-height:var(--x-control-md);font-size:var(--x-text-sm);align-items:center;display:inline-flex}.four-leaf-page .footer-note{margin-top:var(--x-space-6)}.four-leaf-page .inquiry-workspace{min-width:0}.four-leaf-page .inquiry-workspace.has-subject{gap:var(--x-space-8);flex-direction:column;display:flex}.four-leaf-page .inquiry-task{width:100%;min-width:0}.four-leaf-page .has-subject .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-leaf-page .subject-panel{gap:0 var(--x-space-6);isolation:isolate;grid-template-columns:1fr auto;min-width:0;display:grid;position:relative}.four-leaf-page .subject-panel [hidden]{display:none}.four-leaf-page .subject-top{justify-content:space-between;align-items:center;gap:var(--x-space-3);grid-column:1/-1;padding:0 2px;display:flex}.four-leaf-page .subject-artwork{perspective:900px;grid-column:1/-1;height:clamp(330px,32vw,440px);position:relative}.four-leaf-page .subject-light{z-index:0;background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--x-accent-ink) 10%, transparent), transparent 67%);opacity:.85;mix-blend-mode:screen;pointer-events:none;animation:subject-light-drift calc(var(--x-dur-ambient) * 2) var(--x-ease-organic) infinite alternate;border-radius:50%;position:absolute;inset:5% 25% 0}html[data-menu-open] .four-leaf-page .subject-light{animation-play-state:paused}.four-leaf-page .subject-portrait-plane{transform:translate(var(--portrait-x,0px), var(--portrait-y,0px)) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg));transition:transform var(--x-dur-instant) var(--x-ease-out);will-change:transform;mix-blend-mode:screen;position:absolute;inset:0}.four-leaf-page .subject-portrait{aspect-ratio:1;width:min(42%,430px);height:auto;-webkit-mask-image:linear-gradient(currentColor 0%, currentColor 68%, color-mix(in srgb, currentColor 60%, transparent) 84%, transparent 100%), radial-gradient(ellipse at 50% 47%, currentColor 42%, color-mix(in srgb, currentColor 87%, transparent) 55%, transparent 73%);mask-image:linear-gradient(currentColor 0%, currentColor 68%, color-mix(in srgb, currentColor 60%, transparent) 84%, transparent 100%), radial-gradient(ellipse at 50% 47%, currentColor 42%, color-mix(in srgb, currentColor 87%, transparent) 55%, transparent 73%);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--x-accent-ink) 7%, transparent));background-color:#0000;background-size:400% 200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-composite:source-in;mask-composite:intersect}.four-leaf-page .subject-anchor{pointer-events:none;width:1px;height:1px;position:absolute}.four-leaf-page .subject-connectors{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.four-leaf-page .subject-connectors path{fill:none;stroke:color-mix(in srgb, var(--x-ink-muted) 55%, transparent);stroke-width:1px;transition:stroke var(--x-dur-quick) var(--x-ease-out)}.four-leaf-page .subject-connectors circle{fill:var(--x-ink-soft);stroke:var(--x-ground);stroke-width:2px}.four-leaf-page .subject-panel[data-active-leaf="0"] [data-leaf-line="0"] path,.four-leaf-page .subject-panel[data-active-leaf="1"] [data-leaf-line="1"] path,.four-leaf-page .subject-panel[data-active-leaf="2"] [data-leaf-line="2"] path,.four-leaf-page .subject-panel[data-active-leaf="3"] [data-leaf-line="3"] path{stroke:var(--x-accent);stroke-width:1.6px}.four-leaf-page .subject-panel[data-view=photo] .subject-connectors{display:none}.four-leaf-page .subject-callouts{z-index:3;pointer-events:none;position:absolute;inset:0}.four-leaf-page .leaf-callout{align-items:center;gap:var(--x-space-3);width:23%;max-width:255px;min-height:68px;padding:var(--x-space-3) 15px;background:linear-gradient(110deg, color-mix(in srgb, var(--x-surface-3) 72%, transparent), color-mix(in srgb, var(--x-surface-2) 60%, transparent));box-shadow:0 4px 20px color-mix(in srgb, var(--x-ground) 15%, transparent);color:var(--x-ink);text-align:left;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--x-dur-instant), border-color var(--x-dur-instant), box-shadow var(--x-dur-instant);border:1px solid #0000;border-radius:50px;display:flex;position:absolute}.four-leaf-page .leaf-callout:after{content:"";border-radius:inherit;background:linear-gradient(115deg, transparent, color-mix(in srgb, var(--x-ink-muted) 46%, transparent) 30%, color-mix(in srgb, var(--x-ink-muted) 21%, transparent) 72%, transparent);pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);mask-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.four-leaf-page .leaf-callout-0{top:22%;left:2%}.four-leaf-page .leaf-callout-1{top:22%;right:2%}.four-leaf-page .leaf-callout-2{top:60%;left:2%}.four-leaf-page .leaf-callout-3{top:60%;right:2%}.four-leaf-page .callout-icon{background:var(--x-surface-3);width:34px;height:34px;color:var(--x-accent-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.four-leaf-page .callout-icon svg{width:20px;height:20px}.four-leaf-page .leaf-callout strong{font-size:var(--x-text-sm);overflow-wrap:anywhere;font-weight:600;display:block}.four-leaf-page .leaf-callout small{font-size:var(--x-text-xs);color:var(--x-ink-muted);overflow-wrap:anywhere;margin-top:3px;display:block}.four-leaf-page .callout-open{color:var(--x-ink-muted);margin-left:auto}.four-leaf-page .leaf-callout[aria-pressed=true]{border-color:var(--x-accent);background:var(--x-surface-selected);color:var(--x-on-selected)}.four-leaf-page .leaf-callout[aria-pressed=true]:after{background:linear-gradient(115deg, color-mix(in srgb, var(--x-accent) 15%, transparent), color-mix(in srgb, var(--x-accent) 60%, transparent) 38%, color-mix(in srgb, var(--x-accent) 15%, transparent))}.four-leaf-page .subject-art-label{z-index:4;font-size:var(--x-text-xs);text-align:center;color:var(--x-ink-muted);pointer-events:none;padding:5px 0;line-height:1.4;position:absolute;bottom:0;left:25%;right:25%}.four-leaf-page .subject-field-photo{z-index:3;justify-content:center;align-items:center;gap:var(--x-space-2);flex-direction:column;margin:0;display:flex;position:absolute;inset:16px 26% 38px}.four-leaf-page .subject-field-photo img{border:1px solid var(--x-line-strong);outline:6px solid color-mix(in srgb, var(--x-accent-ink) 7%, transparent);width:180px;max-width:100%;height:180px;box-shadow:0 0 28px color-mix(in srgb, var(--x-accent-ink) 15%, transparent);object-fit:cover;object-position:center;border-radius:50%;flex-shrink:0;display:block}.four-leaf-page .subject-field-photo figcaption{max-width:320px;font-size:var(--x-text-xs);text-align:center;color:var(--x-ink-muted);margin-top:5px;padding:0;line-height:1.35}.four-leaf-page .subject-unknown{justify-content:center;align-items:center;gap:var(--x-space-2);text-align:center;color:var(--x-ink-muted);flex-direction:column;display:flex;position:absolute;inset:25px}.four-leaf-page .subject-unknown>span{font-family:var(--x-font-display);color:var(--x-accent-ink);font-size:5rem}.four-leaf-page .subject-unknown>p{margin:0}.four-leaf-page .subject-unknown>small{font-size:var(--x-text-sm)}.four-leaf-page .subject-identity{margin:var(--x-space-4) 0 0;grid-column:1;position:relative}.four-leaf-page .subject-identity h2{max-width:100%;font:400 2rem / 1.2 var(--x-font-display);letter-spacing:var(--x-tracking-display);text-wrap:balance;color:var(--x-ink);margin:0 0 6px}.four-leaf-page .subject-common,.four-leaf-page .subject-scientific{margin:0 var(--x-space-3) 0 0;font-size:var(--x-text-sm);display:inline}.four-leaf-page .subject-common{font-weight:600}.four-leaf-page .subject-scientific{color:var(--x-ink-muted);font-style:italic}.four-leaf-page .subject-view-switch{width:245px;margin-top:var(--x-space-4);grid-area:3/2;align-self:start;display:flex}.four-leaf-page .subject-photo-credit{max-width:720px;margin:var(--x-space-2) 2px;font-size:var(--x-text-xs);color:var(--x-ink-muted);grid-area:4/1/auto/-1;line-height:1.5}.four-leaf-page .subject-photo-credit a{min-height:var(--x-control-md);align-items:center;text-decoration:underline;display:inline-flex}.four-leaf-page .subject-organ-guide{min-width:0;margin-bottom:var(--x-space-6);padding:var(--x-space-5) var(--x-space-6);border-radius:var(--x-radius-lg);background:color-mix(in srgb, var(--x-surface-1) 55%, transparent)}.four-leaf-page .organ-heading{justify-content:space-between;align-items:baseline;gap:var(--x-space-2);margin:0 0 var(--x-space-3);display:flex}.four-leaf-page .organ-heading h3{font-size:var(--x-text-md);margin:0;font-weight:600}.four-leaf-page .organ-heading span{font-size:var(--x-text-xs);color:var(--x-ink-muted)}.four-leaf-page .organ-tabs{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0}.four-leaf-page .organ-tab{width:100%;min-height:100px;padding:var(--x-space-3);color:var(--x-ink);flex-direction:column;align-items:start;gap:5px;display:flex}@media (hover:hover) and (pointer:fine){.four-leaf-page .organ-tab:hover{background:color-mix(in srgb, var(--x-surface-3) 35%, transparent)}}.four-leaf-page .organ-tab svg{width:22px;height:22px;color:var(--x-accent-ink)}.four-leaf-page .organ-tab strong{font-size:var(--x-text-sm);font-weight:500;line-height:1.3}.four-leaf-page .organ-tab span{font-size:var(--x-text-xs);color:var(--x-ink-muted);margin-top:auto;line-height:1.3}.four-leaf-page .organ-tab[data-priority=first] strong{font-weight:600}.four-leaf-page .organ-tab[data-priority=first] span{color:var(--x-accent-ink)}.four-leaf-page .organ-detail{gap:6px var(--x-space-6);overflow-wrap:anywhere;grid-template-columns:1fr 1.2fr;min-height:0;margin-top:14px;padding:0 2px;display:grid}.four-leaf-page .organ-detail>:is(h3,p){margin:0}.four-leaf-page .organ-reason{font-size:var(--x-text-sm);color:var(--x-ink-soft);line-height:1.5}.four-leaf-page .organ-prompt{font-size:var(--x-text-sm);margin-top:6px;line-height:1.5}.four-leaf-page .organ-season{font-size:var(--x-text-xs);color:var(--x-ink-muted);grid-column:1/-1;margin-top:6px;line-height:1.5}.four-leaf-page .subject-evidence{margin:var(--x-space-1) 2px calc(-1 * var(--x-space-2));font-size:var(--x-text-sm);line-height:1.5}.four-leaf-page .subject-leaf-detail{min-height:var(--x-control-md);margin:var(--x-space-4) 0 0;padding:var(--x-space-3) var(--x-space-4);background:linear-gradient(90deg, color-mix(in srgb, var(--x-surface-3) 60%, transparent), color-mix(in srgb, var(--x-surface-3) 44%, transparent) 75%, transparent);color:var(--x-ink-soft);font-size:var(--x-text-sm);line-height:var(--x-leading-body);grid-column:1/-1}.four-leaf-page .subject-candidate-note{margin:var(--x-space-2) 0 0;font-size:var(--x-text-xs);color:var(--x-ink-muted);grid-column:1/-1}.four-leaf-page .mobile-companion{display:none}.four-leaf-page .plant-reference-positioner{z-index:var(--x-z-popover);outline:none}.four-leaf-page .plant-reference{--ref-surface:var(--x-surface-1);--ref-portrait:46%;width:min(600px,100dvw - 24px);max-height:min(480px, calc(100dvh - 24px), var(--available-height,480px));border:1px solid var(--x-line-strong);border-radius:var(--x-radius-lg);background:radial-gradient(ellipse 70% 90% at 12% 50%, color-mix(in srgb, var(--x-surface-3) 40%, transparent), transparent 70%), var(--ref-surface);box-shadow:var(--x-shadow-3);color:var(--x-ink);transform-origin:var(--transform-origin);transition:opacity var(--x-dur-quick) var(--x-ease-out), translate var(--x-dur-quick) var(--x-ease-out);outline:none;padding:0;display:block;position:relative;overflow:hidden}.four-leaf-page .plant-reference[data-starting-style],.four-leaf-page .plant-reference[data-ending-style]{opacity:0;translate:0 var(--x-rise)}.four-leaf-page .plant-reference[data-ending-style]{transition-duration:var(--x-dur-instant);transition-timing-function:var(--x-ease-in)}.four-leaf-page .reference-card{max-height:inherit;animation:ref-unfold var(--x-dur-step) var(--x-ease-out) both;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}.four-leaf-page .plant-reference[data-side=left] .reference-card{animation-name:ref-unfold-left}.four-leaf-page .reference-portrait{background:var(--x-surface-sunken);min-height:100%;-webkit-mask-image:linear-gradient(90deg, currentColor 0%, currentColor 52%, color-mix(in srgb, currentColor 53%, transparent) 74%, transparent 100%);mask-image:linear-gradient(90deg, currentColor 0%, currentColor 52%, color-mix(in srgb, currentColor 53%, transparent) 74%, transparent 100%);pointer-events:none;margin-right:-64px;position:relative}.four-leaf-page .reference-portrait img{aspect-ratio:1;mix-blend-mode:screen;width:128%;max-width:none;height:auto;animation:ref-portrait-settle var(--x-dur-step) var(--x-ease-out) both;position:absolute;top:50%;left:46%;translate:-50% -50%}.four-leaf-page .reference-portrait:after{content:"";background:linear-gradient(90deg, transparent 35%, color-mix(in srgb, var(--ref-surface) 60%, transparent) 70%, var(--ref-surface));position:absolute;inset:0}.four-leaf-page .reference-body{z-index:1;min-width:0;max-height:inherit;overscroll-behavior:contain;padding:18px 18px 14px 6px;position:relative;overflow:auto}.four-leaf-page .reference-body>*{animation:x-rise var(--x-dur-step) var(--x-ease-out) both}.four-leaf-page .reference-body>:first-child{animation-delay:var(--x-stagger)}.four-leaf-page .reference-body>:nth-child(2){animation-delay:calc(var(--x-stagger) * 2)}.four-leaf-page .reference-body>:nth-child(3){animation-delay:calc(var(--x-stagger) * 3)}.four-leaf-page .reference-body>:nth-child(n+4){animation-delay:calc(var(--x-stagger) * 4)}.four-leaf-page .reference-heading{justify-content:space-between;align-items:start;gap:var(--x-space-2);display:flex}.four-leaf-page .reference-heading h2{font-size:var(--x-text-xl);letter-spacing:-.02em;margin:5px 0 0;font-weight:600;line-height:1.2}.four-leaf-page .reference-scientific{font-size:var(--x-text-sm);color:var(--x-ink-muted);margin:5px 0 0;font-style:italic}.four-leaf-page .reference-close{font-size:var(--x-text-xl);flex:none}.four-leaf-page .reference-presence{margin:var(--x-space-3) 0 0;padding:var(--x-space-2) var(--x-space-3);border:1px solid var(--x-line);border-radius:var(--x-radius-md);background:linear-gradient(100deg, var(--x-surface-3), var(--x-surface-2) 80%);font-size:var(--x-text-sm);color:var(--x-ink);gap:3px;line-height:1.45;display:grid}.four-leaf-page .reference-presence span{font-size:var(--x-text-xs);letter-spacing:var(--x-tracking-label);text-transform:uppercase;color:var(--x-accent-ink)}.four-leaf-page .reference-presence[data-presence=Medium] span{color:var(--x-ink-soft)}.four-leaf-page .reference-presence small{font-size:var(--x-text-xs);color:var(--x-ink-muted);margin-top:2px;display:block}.four-leaf-page .reference-facts{margin:var(--x-space-2) 0;font-size:var(--x-text-sm);padding-left:1.1rem;line-height:1.45}.four-leaf-page .reference-facts li+li{margin-top:5px}.four-leaf-page .reference-prompt{margin:var(--x-space-3) 0 0;padding:9px var(--x-space-3);font-size:var(--x-text-sm)}.four-leaf-page .reference-prompt strong{color:var(--x-accent-ink)}.four-leaf-page .reference-photo{align-items:center;gap:var(--x-space-2);margin:var(--x-space-3) 0 0;grid-template-columns:92px minmax(0,1fr);display:grid}.four-leaf-page .reference-photo img{border-radius:var(--x-radius-sm);background:var(--x-surface-sunken);object-fit:cover;width:92px;max-width:none;height:64px;margin:0;display:block}.four-leaf-page .reference-photo figcaption{font-size:var(--x-text-xs);color:var(--x-ink-muted);margin:0;line-height:1.45}.four-leaf-page .reference-photo figcaption strong{font-size:var(--x-text-xs);letter-spacing:var(--x-tracking-label);text-transform:uppercase;color:var(--x-ink-soft);display:block}.four-leaf-page .reference-sources{align-items:center;gap:0 var(--x-space-3);margin:var(--x-space-2) 0 0;font-size:var(--x-text-xs);flex-wrap:wrap;display:flex}.four-leaf-page .reference-sources a{min-height:var(--x-control-md);color:var(--x-accent-ink);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.four-leaf-page .field-mode .inquiry-task{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--x-ground:var(--x-field-ground);--x-surface-sunken:var(--x-field-surface);--x-surface-1:var(--x-field-surface);--x-surface-2:var(--x-field-surface-2);--x-surface-3:var(--x-field-surface-2);--x-surface-selected:var(--x-field-primary);--x-on-selected:var(--x-field-surface);--x-ring-selected:var(--x-field-primary);--x-line-subtle:color-mix(in srgb, var(--x-field-ink) 12%, transparent);--x-line:var(--x-field-line);--x-line-strong:var(--x-field-line);--x-line-hover:var(--x-field-primary);--x-ink:var(--x-field-ink);--x-ink-soft:var(--x-field-ink-soft);--x-ink-muted:var(--x-field-muted);--x-accent:var(--x-field-primary);--x-accent-hover:var(--x-field-primary);--x-accent-ink:var(--x-field-primary);--x-on-accent:var(--x-field-surface);--x-selected:var(--x-field-primary);--x-danger:var(--x-field-danger);--x-focus:var(--x-field-focus);--x-observed:color-mix(in srgb, var(--learn-observed) 35%, var(--x-field-ink));--x-model:color-mix(in srgb, var(--learn-model) 35%, var(--x-field-ink));--x-scenario:color-mix(in srgb, var(--learn-scenario) 35%, var(--x-field-ink));--x-art:color-mix(in srgb, var(--learn-art) 35%, var(--x-field-ink));--x-control:52px;--x-control-md:52px;--x-control-lg:52px;--x-text-md:1.0625rem;border-radius:var(--x-radius-lg);background:var(--x-ground);color:var(--x-ink);font-size:var(--x-text-md);padding:clamp(14px,3vw,24px)}.four-leaf-page .field-mode .inquiry-task :is(.stage,.leaf-panel,.handin,.notebook-card,.form-summary,.x-strip,.swatch,.leaf-dots button),.four-leaf-page .field-mode .inquiry-task .x-btn:not([data-variant=primary],[data-variant=ghost],[aria-pressed=true],[aria-expanded=true]){background:var(--x-surface-1)}.four-leaf-page .field-mode .inquiry-task .x-btn:not(.x-btn--icon){font-size:var(--x-text-md)}.four-leaf-page .field-mode .inquiry-task .x-evidence[data-source]{border-color:var(--_src)}.four-leaf-page .field-mode .inquiry-task .organ-tab[aria-selected=true],.four-leaf-page .field-mode .inquiry-task .organ-tab[aria-selected=true] :is(strong,span,svg){color:var(--x-on-selected)}.four-leaf-page .field-mode .inquiry-task .leaf-dots button[aria-current]{background:var(--x-surface-selected)}.four-leaf-page .field-mode .inquiry-task :is(.x-step[aria-current]>span:first-child,.leaf-dots button[aria-current] span){color:var(--x-on-selected)}.four-leaf-page .field-mode .inquiry-task .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--x-field-primary)}.four-leaf-page .field-mode .inquiry-task .error{font-weight:600}.four-leaf-page .field-mode .inquiry-task :is(.x-hint,.draft-note,small){font-size:var(--x-text-sm)}.four-leaf-page .field-mode .inquiry-task .plant :is(strong,small){color:var(--learn-plant-ink)}@media (max-width:900px){.four-leaf-page .has-subject .form-grid{grid-template-columns:1fr}.four-leaf-page .organ-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.four-leaf-page .organ-tab{min-height:88px}}@media (max-width:800px){.four-leaf-page .plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-leaf-page .form-grid{grid-template-columns:1fr}.four-leaf-page .flow-guide{grid-template-columns:70px 1fr}.four-leaf-page .actions>.x-btn--forward{width:100%}}@media (max-width:760px){.four-leaf-page .field-mode :is(.subject-panel,.subject-organ-guide,.mobile-companion){display:none}.four-leaf-page .learn-page:has(>.field-mode)>.x-page-header{display:none}}@media (max-width:700px){.four-leaf-page .subject-panel{gap:0 var(--x-space-3)}.four-leaf-page .subject-artwork{height:300px}.four-leaf-page .subject-portrait{width:59%;max-width:320px}.four-leaf-page .leaf-callout{gap:7px;width:29%;max-width:none;min-height:66px;padding:9px}.four-leaf-page .leaf-callout-0,.four-leaf-page .leaf-callout-2{left:0}.four-leaf-page .leaf-callout-1,.four-leaf-page .leaf-callout-3{right:0}.four-leaf-page .callout-icon{display:none}.four-leaf-page .leaf-callout small{font-size:var(--x-text-xs);line-height:1.35}.four-leaf-page .callout-open{font-size:var(--x-text-xs)}.four-leaf-page .subject-art-label{left:22%;right:22%}.four-leaf-page .subject-view-switch{grid-area:auto/1/auto/-1;width:200px;margin:14px 0 0}.four-leaf-page .subject-identity{grid-column:1/-1;margin-top:14px}.four-leaf-page .subject-photo-credit{grid-row:auto}.four-leaf-page .subject-organ-guide{margin-bottom:22px;padding:18px}.four-leaf-page .organ-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.four-leaf-page .organ-tab{min-height:104px;padding:var(--x-space-2)}.four-leaf-page .organ-detail{display:block}.four-leaf-page .subject-field-photo{inset:18px 26% 42px}.four-leaf-page .subject-field-photo img{width:140px;height:140px}.four-leaf-page .subject-leaf-detail{font-size:var(--x-text-xs)}.four-leaf-page .mobile-companion{top:calc(var(--x-header-h) + 8px);z-index:20;align-items:center;gap:var(--x-space-3);min-width:0;padding:var(--x-space-2);border:1px solid var(--x-line-strong);background:color-mix(in srgb, var(--x-surface-2) 96%, transparent);box-shadow:var(--x-shadow-2);border-radius:18px;margin-bottom:18px;text-decoration:none;display:flex;position:sticky}.four-leaf-page .mobile-companion .portrait{border-radius:var(--x-radius-md);background-color:var(--learn-plant-ground);flex-shrink:0;width:54px;height:54px}.four-leaf-page .mobile-companion>span:nth-child(2){min-width:0}.four-leaf-page .mobile-companion strong{font-size:var(--x-text-sm);overflow-wrap:anywhere;display:block}.four-leaf-page .mobile-companion small{font-size:var(--x-text-xs);color:var(--x-ink-muted);display:block}.four-leaf-page .mobile-panel-label{font-size:var(--x-text-xs);color:var(--x-accent-ink);flex-shrink:0;margin-left:auto}.four-leaf-page .mobile-unknown{border-radius:var(--x-radius-md);background:var(--x-surface-3);width:54px;height:54px;color:var(--x-accent-ink);flex-shrink:0;place-items:center;font-size:2rem;display:grid}}@media (max-width:600px){.four-leaf-page .status-chips .x-chip-option span{min-height:52px;font-size:1.02rem}.four-leaf-page .leaf-dots button{flex:1}.four-leaf-page .plant-reference-positioner{position:fixed!important;top:12px!important;left:12px!important;transform:none!important}.four-leaf-page .plant-reference{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.four-leaf-page .reference-card{grid-template-rows:150px minmax(0,1fr);grid-template-columns:1fr}.four-leaf-page .reference-card,.four-leaf-page .plant-reference[data-side=left] .reference-card{animation-name:ref-unfold-down}.four-leaf-page .plant-reference[data-starting-style],.four-leaf-page .plant-reference[data-ending-style]{clip-path:inset(0 0 calc(100% - 120px) 0 round var(--x-radius-lg));translate:0 calc(-1 * var(--x-rise))}.four-leaf-page .reference-portrait{margin:0 0 -48px;-webkit-mask-image:linear-gradient(currentColor 45%,#0000 100%);mask-image:linear-gradient(currentColor 45%,#0000 100%)}.four-leaf-page .reference-portrait img{width:92%;left:50%}.four-leaf-page .reference-portrait:after{background:linear-gradient(180deg, transparent 40%, var(--ref-surface))}.four-leaf-page .reference-body{padding:0 var(--x-space-4) 14px}}@media (max-width:400px){.four-leaf-page .x-panel-header{align-items:start}.four-leaf-page .x-chip{white-space:normal}.four-leaf-page .plant-grid{gap:var(--x-space-2)}.four-leaf-page .plant-name{padding:0 var(--x-space-3) var(--x-space-3)}.four-leaf-page .flow-guide{display:block}.four-leaf-page .flow-guide svg{width:70px;height:70px;margin-bottom:var(--x-space-3)}.four-leaf-page .subject-top{gap:var(--x-space-1);flex-wrap:wrap}.four-leaf-page .organ-heading{flex-direction:column;align-items:start;gap:2px}.four-leaf-page .organ-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.four-leaf-page .organ-tab{min-height:86px}}@media (max-width:380px){.four-leaf-page .subject-artwork{height:260px}.four-leaf-page .leaf-callout{gap:var(--x-space-1);padding:var(--x-space-2);border-radius:var(--x-radius-lg)}.four-leaf-page .leaf-callout strong{font-size:var(--x-text-xs)}.four-leaf-page .callout-open{display:none}.four-leaf-page .subject-field-photo img{width:105px;height:105px}}@keyframes subject-light-drift{0%{transform:translate(-3%,-2%)rotate(-8deg)}to{transform:translate(4%,3%)rotate(8deg)}}@keyframes ref-unfold{0%{clip-path:inset(0 calc(100% - 132px) 0 0)}to{clip-path:inset(0)}}@keyframes ref-unfold-left{0%{clip-path:inset(0 0 0 calc(100% - 132px))}to{clip-path:inset(0)}}@keyframes ref-unfold-down{0%{clip-path:inset(0 0 calc(100% - 120px))}to{clip-path:inset(0)}}@keyframes ref-portrait-settle{0%{opacity:0;scale:1.08}to{opacity:1;scale:1}}.learn-front-door{max-width:1440px;padding:0 var(--x-gutter) var(--x-space-section);border-bottom:1px solid var(--x-line);background:var(--x-ground);color:var(--x-ink);font-synthesis:none;margin-inline:auto}.learn-front-door :is(.x-btn,.x-chip,.x-link-bar){font-synthesis:initial}.learn-front{column-gap:var(--x-space-6);grid-template-columns:repeat(12,minmax(0,1fr));padding-block-start:var(--x-space-12);display:grid}.learn-front>*{grid-column:1/-1;min-width:0}.learn-front h1{font:400 var(--x-text-display) / var(--x-leading-display) var(--x-font-display);letter-spacing:var(--x-tracking-display);text-wrap:balance;margin:0}.learn-front>.learn-front-copy{margin-top:var(--x-space-6)}.learn-front-lede{max-inline-size:44ch;font-size:var(--x-text-xl);line-height:var(--x-leading-snug);color:var(--x-ink-soft);text-wrap:pretty;margin:0}.learn-front-paths{gap:var(--x-space-6);margin-top:var(--x-space-8);display:grid}.learn-front-path>p{margin:0}.learn-front-path-line{max-inline-size:36ch;margin-top:var(--x-space-1);font-size:var(--x-text-md);line-height:var(--x-leading-body);color:var(--x-ink-soft)}.learn-front-actions{gap:var(--x-space-3);margin-top:var(--x-space-4);flex-wrap:wrap;display:flex}.learn-front-lime{min-width:0;max-inline-size:min(100%,24rem)}.learn-front-lime>span,.learn-front-alias{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.learn-front-lime>span{min-width:0}.learn-front-alias{vertical-align:bottom;max-inline-size:16ch;display:inline-block}.learn-front-note,.learn-front-legend{max-inline-size:66ch;margin:var(--x-space-6) 0 0;font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted)}.learn-front-legend{margin-top:var(--x-space-2)}.learn-front-link{color:var(--x-accent-ink);text-underline-offset:4px;white-space:nowrap;text-decoration:underline}.learn-front-link svg{vertical-align:-3px;margin-inline-start:var(--x-space-1)}@media (min-width:1024px){.learn-front>h1{grid-area:1/1/auto/span 7}.learn-front>.learn-front-copy{grid-area:2/1/auto/span 7}.learn-front>.learn-panel{grid-area:1/8/span 2/span 5;align-self:start}.learn-front-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-layer-text>.learn-start{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:0;padding:0}.learn-start>li{border-top:1px solid var(--x-line)}.learn-start .x-step{min-height:calc(var(--x-control-lg) - 1px);padding:0 var(--x-space-2);border-radius:var(--x-radius-sm);grid-template-columns:2.5ch minmax(0,1fr) auto;display:grid}.learn-start .x-step>span:first-child{font-size:var(--x-text-sm);color:var(--x-accent-ink)}.learn-start .x-step strong{font-size:var(--x-text-md);font-weight:400;line-height:var(--x-leading-snug)}.learn-front-door .learn-front-rule{padding-top:var(--x-space-4);border-top:1px solid var(--x-line)}.learn-chapters{gap:var(--x-space-section) var(--x-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-steps>.learn-chapters{margin-top:var(--x-space-section)}.learn-chapter{min-width:0}.learn-chapter>*{max-inline-size:36rem}.learn-chapter-number{font-variant-numeric:tabular-nums;color:var(--x-accent-ink)}.learn-chapter h3,.learn-teachers h2{margin:0}.learn-chapter-promise{margin:var(--x-space-4) 0 0;font-size:var(--x-text-md);line-height:var(--x-leading-body);color:var(--x-ink-soft)}.learn-chapter-steps{gap:var(--x-space-2);margin:var(--x-space-4) 0 0;line-height:var(--x-leading-snug);padding-inline-start:1.5em;list-style:decimal;display:grid}.learn-chapter-steps li::marker{color:var(--x-ink-muted)}.learn-chapter-facts,.learn-teachers-facts{gap:var(--x-space-2);margin:var(--x-space-6) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.learn-chapter-outcome{margin:var(--x-space-3) 0 0;font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-soft)}.learn-chapter-outcome>span{color:var(--x-ink)}.learn-chapter-evidence{align-items:center;gap:var(--x-space-2) var(--x-space-3);margin:var(--x-space-3) 0 0;font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted);flex-wrap:wrap;display:flex}.learn-source{color:var(--x-ink-soft)}.learn-chapter-cta{margin-top:var(--x-space-6)}.learn-teachers{gap:var(--x-space-8) var(--x-space-6);margin-top:var(--x-space-section);padding-top:var(--x-space-4);border-top:1px solid var(--x-line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.learn-teachers-copy{grid-column:1/span 5;min-width:0}.learn-teachers-facts{margin-top:var(--x-space-4)}.learn-teachers-copy>p{max-inline-size:44ch;margin:var(--x-space-4) 0 0;line-height:var(--x-leading-body);color:var(--x-ink-soft)}.learn-teachers-links{align-content:start;gap:var(--x-space-2);grid-column:7/span 6;min-width:0;display:grid}.learn-teachers-links .x-link-bar{margin:0}.learn-page>.x-page-header h2{max-width:22ch;margin:var(--x-space-2) 0 0;font:400 var(--x-text-3xl) / var(--x-leading-tight) var(--x-font-display);letter-spacing:var(--x-tracking-display);text-wrap:balance}.learn-page>.x-page-header[data-size=compact] h2{font-size:var(--x-text-2xl)}html[data-motion=full] .learn-front>h1{animation:x-rise var(--x-dur-step) var(--x-ease-out) var(--x-dur-instant) backwards}html[data-motion=full] .learn-front-lede{animation:x-rise var(--x-dur-step) var(--x-ease-out) calc(var(--x-dur-instant) + var(--x-stagger)) backwards}html[data-motion=full] .learn-front-copy>.learn-front-paths{animation:x-rise var(--x-dur-step) var(--x-ease-out) calc(var(--x-dur-instant) + 2 * var(--x-stagger)) backwards}html[data-motion=full] .learn-front-copy>:is(.learn-front-note,.learn-front-legend){animation:x-rise var(--x-dur-step) var(--x-ease-out) calc(var(--x-dur-instant) + 3 * var(--x-stagger)) backwards}@media (max-height:760px) and (min-width:1000px){.learn-front h1{font-size:var(--x-text-display-short)}}@media (max-width:1023px){.learn-teachers-links{max-inline-size:36rem}.learn-teachers-copy,.learn-teachers-links{grid-column:1/-1}.learn-chapters{grid-template-columns:minmax(0,1fr)}}@media (max-width:759px){.learn-front{padding-block-start:var(--x-space-5)}.learn-front>.learn-front-copy{margin-top:var(--x-space-4)}.learn-front-lede{font-size:var(--x-text-lg)}.learn-front-actions>.x-btn[data-variant=primary]{flex:100%}.learn-front-note{min-block-size:2lh}}@media (max-width:760px){.learn-front-door:has(~.four-leaf-page main.field-mode)>:not(.learn-front){display:none}.learn-front-door:has(~.four-leaf-page main.field-mode) .learn-front>:not(h1){display:none}.learn-front-door:has(~.four-leaf-page main.field-mode) .learn-front{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.four-leaf-page .x-step[aria-disabled=true]{cursor:not-allowed}.four-leaf-page .step-lock{width:14px;height:14px;vertical-align:-2px;margin-inline-start:var(--x-space-1)}.four-leaf-page .field-mode .inquiry-task ::placeholder{color:var(--x-field-muted)}@media (max-width:700px){.four-leaf-page main.has-companion .inquiry-task :is(input,select,textarea,button,summary,a,[tabindex]){scroll-margin-top:calc(var(--x-header-h) + 8px + 72px + 16px)}}.learn-layer,.learn-about{margin-top:var(--x-space-movement)}:where(.learn-layer,.learn-about) :where(h2,h3,p,ul,ol,dl,dd,figure){margin:0}:where(.learn-layer,.learn-about) :where(ul,ol){padding:0;list-style:none}.learn-front-door h2{max-inline-size:14em;font:400 var(--x-text-3xl) / var(--x-leading-tight) var(--x-font-display);letter-spacing:var(--x-tracking-display);color:var(--x-ink);text-wrap:balance}.learn-front-door h3{font:400 var(--x-text-xl) / var(--x-leading-tight) var(--x-font-display);letter-spacing:var(--x-tracking-display);color:var(--x-ink)}.learn-path{font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-accent-ink)}.learn-lede{max-inline-size:44ch;font-size:var(--x-text-xl);line-height:var(--x-leading-snug);color:var(--x-ink-soft);text-wrap:pretty}.learn-body,.learn-items>li,.learn-step-line{max-inline-size:62ch;font-size:var(--x-text-md);line-height:var(--x-leading-body);color:var(--x-ink-soft)}.learn-caption{max-inline-size:66ch;font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted)}.learn-latin{font-style:normal}.learn-front-door .x-chip{font-size:var(--x-text-sm)}.learn-front-door .learn-status{line-height:var(--x-leading-tight);vertical-align:.1em;margin-inline-start:var(--x-space-1)}.learn-text-link{color:var(--x-accent-ink);text-underline-offset:4px;text-decoration:underline}.learn-text-link:hover{color:var(--x-ink)}.learn-items{gap:var(--x-space-3);display:grid}.learn-actions{gap:var(--x-space-3);flex-wrap:wrap;display:flex}.learn-layer>*+*,.learn-steps-head>*+*{margin-top:var(--x-space-12)}.learn-layer-text>*+*{margin-top:var(--x-space-4)}.learn-layer-text>.learn-path+h2{margin-top:var(--x-space-1)}.learn-layer-text>.learn-lede+*,.learn-layer-text>*+h3{margin-top:var(--x-space-12)}.learn-layer-text>h3+*{margin-top:var(--x-space-3)}.learn-layer-text>:is(.learn-actions,.learn-code){margin-top:var(--x-space-8)}.learn-steps-list{gap:var(--x-space-8) var(--x-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-steps-list[data-count="3"]{gap:var(--x-space-6);grid-template-columns:minmax(0,1fr)}.learn-step-number{font-variant-numeric:tabular-nums;color:var(--x-accent-ink)}.learn-front-door .learn-step-line{margin-top:var(--x-space-2)}.learn-code{max-inline-size:24rem;padding:var(--x-space-6);border:1px solid var(--x-line-strong);border-radius:var(--x-radius-lg);background:var(--x-surface-1)}.learn-code-label{font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted)}.learn-code-example{margin-top:var(--x-space-2);font:400 var(--x-text-xl) / var(--x-leading-tight) var(--x-font-display);letter-spacing:var(--x-tracking-label);font-variant-numeric:tabular-nums;color:var(--x-ink)}.learn-code>.learn-caption{margin-top:var(--x-space-4)}.learn-sign-in-blocks{gap:var(--x-space-8) var(--x-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-sign-in-blocks h3+.learn-body{margin-top:var(--x-space-3)}.learn-about>h2+*{margin-top:var(--x-space-6)}.learn-about>p+p{margin-top:var(--x-space-3)}.learn-panel{min-width:0}.learn-panel-art{mix-blend-mode:lighten;block-size:auto;inline-size:100%;max-inline-size:min(100%,444px);margin-inline:auto;display:block;-webkit-mask-image:linear-gradient(#000 60%,#0000),linear-gradient(90deg,#0000,#000 24%);mask-image:linear-gradient(#000 60%,#0000),linear-gradient(90deg,#0000,#000 24%);-webkit-mask-composite:source-in;mask-composite:intersect}.learn-views{gap:var(--x-space-8);display:grid}.learn-views h3+.learn-body{margin-top:var(--x-space-3)}.learn-card{--card-angle:135deg;min-width:0}.learn-card-stick{justify-items:start;gap:var(--x-space-3);max-inline-size:487px;display:grid;position:relative}.learn-card-tilt,.learn-card-turn{inline-size:100%}.learn-card-turn{display:grid}.learn-card-face{min-width:0;padding:var(--x-space-5);border:1px solid var(--x-line-strong);border-radius:var(--x-radius-lg);background:var(--x-surface-1);box-shadow:var(--x-shadow-2);transition:opacity var(--x-dur-instant) var(--x-ease-out);flex-direction:column;grid-area:1/1;display:flex}html:not([data-motion=full]) .learn-card[data-face=student] .learn-card-face[data-face=teacher],html:not([data-motion=full]) .learn-card[data-face=teacher] .learn-card-face[data-face=student]{opacity:0}.learn-card-label,.learn-card-species,.learn-card-sub,.learn-card-note,.learn-card-foot,.learn-card-rows dt{font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted)}.learn-card-head{justify-content:space-between;align-items:baseline;gap:0 var(--x-space-3);margin-top:var(--x-space-1);flex-wrap:wrap;display:flex}.learn-card-name{font:400 var(--x-text-xl) / var(--x-leading-tight) var(--x-font-display);letter-spacing:var(--x-tracking-display);color:var(--x-ink)}.learn-card-window{isolation:isolate;margin-top:var(--x-space-3);aspect-ratio:4/3;border:1px solid var(--x-line);border-radius:var(--x-radius-md);background:var(--x-surface-sunken);position:relative;overflow:hidden}.learn-card-portrait{object-fit:contain;mix-blend-mode:lighten;block-size:100%;inline-size:100%;max-inline-size:444px;margin-inline:auto;display:block}.learn-card-window:before,.learn-card-window:after{content:"";pointer-events:none;background-size:200% 200%;background-position:calc(50% + var(--tilt-x,0) * 40%) calc(50% + var(--tilt-y,0) * 40%);position:absolute;inset:0}.learn-card-window:before{background-image:conic-gradient(from var(--card-angle) at 50% 50%, color-mix(in srgb, var(--x-accent) 24%, transparent), color-mix(in srgb, var(--x-accent-glass) 24%, transparent), color-mix(in srgb, var(--x-ink-soft) 16%, transparent), color-mix(in srgb, var(--x-accent) 24%, transparent));mix-blend-mode:color-dodge}.learn-card-window:after{background-image:repeating-linear-gradient(var(--card-angle), color-mix(in srgb, var(--x-ink) 7%, transparent) 0 1px, transparent 1px 6px)}.learn-card-rows{gap:var(--x-space-1);margin-top:var(--x-space-3);padding-top:var(--x-space-3);border-top:1px solid var(--x-line);display:grid}.learn-card-rows>div{gap:var(--x-space-3);grid-template-columns:7.5em minmax(0,1fr);align-items:baseline;display:grid}.learn-card-face[data-face=teacher] .learn-card-rows>div{grid-template-columns:10.5em minmax(0,1fr)}.learn-card-rows dd{font-size:var(--x-text-sm);line-height:var(--x-leading-body);font-variant-numeric:tabular-nums;color:var(--x-ink-soft);margin:0}.learn-card-visits>li{justify-content:space-between;gap:0 var(--x-space-3);flex-wrap:wrap;display:flex}.learn-card-leaf,.learn-card-state{align-items:center;gap:var(--x-space-2);display:inline-flex}.learn-card-swatch,.learn-card-mark{border-radius:var(--x-radius-pill);flex:none;block-size:10px;inline-size:10px}.learn-card-swatch[data-swatch=green]{background:var(--x-stage-leafed)}.learn-card-swatch[data-swatch=red]{background:var(--x-band-3)}.learn-card-state[data-state=Received]>.learn-card-mark{background:var(--x-accent-ink)}.learn-card-state[data-state=Missing]>.learn-card-mark{border:1px solid var(--x-ink-muted)}.learn-card-sub{margin-top:var(--x-space-4)}.learn-card-sub+.learn-card-rows{margin-top:var(--x-space-1)}.learn-card-foot{justify-content:space-between;gap:0 var(--x-space-3);padding-top:var(--x-space-3);flex-wrap:wrap;margin-top:auto;display:flex}.learn-card-note{padding-top:var(--x-space-3);margin-top:auto}@media (min-width:1024px){.learn-layer{column-gap:var(--x-space-6);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.learn-layer>*{grid-column:1/-1;min-width:0}.learn-layer>.learn-layer-text{grid-area:1/1/auto/span 7}.learn-layer>.learn-panel{grid-area:1/8/auto/span 5;margin-top:0}.learn-steps>.learn-steps-head{column-gap:var(--x-space-6);grid-row:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.learn-steps-head>.learn-layer-text{grid-area:1/1/auto/span 7}.learn-steps-head>.learn-panel{grid-area:1/8/auto/span 5;margin-top:0}.learn-steps>.learn-chapters{grid-row:2}.learn-two-views>.learn-layer-text{grid-area:1/1/auto/span 5}.learn-two-views>.learn-card{grid-area:1/7/span 2/span 6;align-self:stretch;margin-top:0}.learn-two-views>.learn-views-text{grid-area:2/1/auto/span 5}.learn-about>*{max-inline-size:44rem}}@media (min-width:1024px) and (max-height:899px){.learn-card-window{aspect-ratio:5/2}}html[data-motion=full] .learn-card-tilt{transform:perspective(1000px) rotateX(calc(var(--tilt-y,0) * -8deg)) rotateY(calc(var(--tilt-x,0) * 8deg));transform-style:preserve-3d;transition:transform var(--x-dur-instant) var(--x-ease-out)}html[data-motion=full] .learn-card:has(.learn-card-button:focus-visible) .learn-card-tilt{transform:perspective(1000px)rotateY(-4deg)}html[data-motion=full] .learn-card-turn{transform-style:preserve-3d;transition:transform var(--x-dur-step) var(--x-ease-out)}html[data-motion=full] .learn-card[data-face=teacher] .learn-card-turn{transform:rotateY(180deg)}html[data-motion=full] .learn-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}html[data-motion=full] .learn-card-face[data-face=teacher]{transform:rotateY(180deg)}html[data-motion=full] .learn-card-window:before,html[data-motion=full] .learn-card-window:after{transition:background-position var(--x-dur-instant) var(--x-ease-out)}@media (min-width:1024px) and (min-height:720px){html[data-motion=full] .learn-card-stick{top:calc(var(--x-header-h) + var(--x-space-3));position:sticky}html[data-motion=full] .learn-views>[data-view=student]{min-block-size:60vh}html[data-motion=full] .learn-two-views>.learn-views-text{padding-block-end:40vh}}@keyframes learn-panel{entry 0%{opacity:0;transform:translateY(-80px)}entry 55%{opacity:1}exit 45%{opacity:1}exit 100%{opacity:0;transform:translateY(80px)}}@keyframes learn-rise{entry 0%,entry 5%{opacity:0;transform:translateY(24px)}entry 40%{opacity:1;transform:translateY(0)}exit 60%{opacity:1}exit 100%{opacity:.2;transform:translateY(0)}}@keyframes learn-card-turn{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@supports (animation-timeline:view()){@media (min-width:1024px){html[data-motion=full] [data-learn-panel]{view-timeline:--learn-layer block}html[data-motion=full] [data-learn-panel] .learn-panel-art{will-change:transform, opacity;animation:linear both learn-panel;animation-timeline:--learn-layer;animation-range:entry exit}html[data-motion=full] [data-learn-panel]>.learn-layer-text{animation:linear both learn-rise;animation-timeline:--learn-layer;animation-range:entry exit}}@supports (timeline-scope:--teacher-row){@media (min-width:1024px){html[data-motion=full] .learn-two-views{timeline-scope:--teacher-row}html[data-motion=full] .learn-views>[data-view=teacher]{view-timeline:--teacher-row block;view-timeline-inset:0px}html[data-motion=full] .learn-two-views[data-scroll-sync]:not([data-turn=manual]) .learn-card-turn{animation:linear both learn-card-turn;animation-timeline:--teacher-row;animation-range:contain 45% contain 55%}}}}@media (min-width:1024px){html[data-motion=full] [data-learn-panel][data-reveal=pending] .learn-panel-art{opacity:0;transform:translateY(-24px)}html[data-motion=full] [data-learn-panel][data-reveal=pending]>.learn-layer-text{opacity:0;transform:translateY(24px)}html[data-motion=full] [data-learn-panel][data-reveal=seen] .learn-panel-art{transition:opacity var(--x-dur-state) var(--x-ease-out), transform var(--x-dur-state) var(--x-ease-out)}html[data-motion=full] [data-learn-panel][data-reveal=seen]>.learn-layer-text{transition:opacity var(--x-dur-step) var(--x-ease-out), transform var(--x-dur-step) var(--x-ease-out)}}