:root{--font-size-title: 24px;--line-height-title: 32px;--font-size-heading: 20px;--font-size-body: 18px;--line-height-body: 28px;--font-size-secondary: 16px;--line-height-secondary: 24px;--font-size-compact: 14px;--line-height-compact: 20px;--font-size-caption: 12px;--line-height-caption: 20px;--space-unit: 4px;--essay-measure: 64ch;--space-paragraph: 16px;--space-module: 32px;--space-section: 64px;--caption-clearance: 4px;--caption-optical-offset: 4px;--space-panel-mobile: 16px;--space-panel: 24px;--header-row: 56px;--column-width: clamp(272px, 25vw, 360px);--form-width: 420px;--control-height: 44px;--field-height: 36px;--control-height-compact: 32px;--list-row: var(--control-height);--list-row-compact: var(--field-height);--button-height: var(--control-height-compact);--list-inset: 12px;--media-control-blur: 32px;--ink: #000;--ink-muted: #666;--ink-active: #111;--link-external: var(--ink);--link-external-hover: var(--link-external);--surface-base: #fff;--surface-paper: #fafafa;--surface-hover: #f3f3f3;--surface-canvas: #eeeef0;--control-rest: #ededed;--control-hover: #e3e3e3;--control-pressed: #333;--field-border: rgb(0 0 0 / .18);--selection-surface: #a0a0a0;--selection-surface-hover: #8c8c8c;--accent: #e8531c;--field-focus: var(--accent);--field-error: #b3261e;--field-success: #276738;--field-disabled-ink: #8a8a8a;--field-disabled-surface: #f2f2f2;--media-control-surface: rgb(0 0 0 / .48);--media-control-hover: rgb(0 0 0 / .64);--media-control-ink: #fff;--media-frame-color: #3786ff;--radius-surface: 2px;--focus-ring-width: 2px;--rule-opacity: .07;--rule-color: rgb(0 0 0 / .1);--underline-rest: .22;--underline-focus: .45;--shadow-edge: .04;--shadow-center: .07;--shadow-depth: 8px;--shadow-blur: 2px;--shadow-ramp: 16px;--motion-link: .18s;--motion-control: var(--motion-link);--motion-shadow: .16s;--motion-diamond: .48s;--media-reveal-surface: .24s;--media-reveal-work: .8s;--media-reveal-content: .72s;--ease-ui: ease;--ease-symmetric: ease-in-out;--ease-reading: cubic-bezier(.22, 1, .36, 1)}.form-field,.form-example{display:grid;gap:calc(var(--space-unit, 4px) * 2);font-family:inherit;font-size:var(--font-size-compact, 14px);font-weight:400;line-height:var(--line-height-compact, 20px)}.form-example{gap:calc(var(--space-unit, 4px) * 4);width:100%;max-width:var(--form-width, 420px)}.form-field-label{display:block;color:var(--ink, #000)}.form-required,.form-field .form-field-hint{color:var(--ink-muted, #666)}.form-field .form-field-hint,.form-field .form-field-error,.form-message.form-message{margin:0;font-size:var(--font-size-caption, 12px);line-height:var(--line-height-caption, 20px)}.form-field .form-field-error,.form-message[data-status=error]{color:var(--field-error, #b3261e)}.form-message[data-status=success]{color:var(--field-success, #276738)}.form-input.form-input,.form-button.form-button{box-sizing:border-box;min-height:var(--control-height, 44px);border:0;border-radius:var(--radius-surface, 2px);padding:calc(var(--space-unit, 4px) * 2) calc(var(--space-unit, 4px) * 3);color:var(--ink, #000);background-color:var(--control-rest, #ededed);font-family:inherit;font-size:var(--font-size-compact, 14px);font-weight:400;line-height:var(--line-height-compact, 20px);transition:background-color var(--motion-control, .18s) var(--ease-ui, ease),color var(--motion-control, .18s) var(--ease-ui, ease)}.form-input.form-input{width:100%;min-width:0}.form-select{position:relative;display:block}.form-select>select.form-input{appearance:none;padding-right:calc(var(--space-unit, 4px) * 10)}.form-select>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-muted, #666)}.form-input.form-textarea{min-height:112px;resize:vertical}.form-button.form-button{cursor:pointer;width:fit-content;max-width:100%;justify-self:start}.form-button.form-button[data-full-width]{width:100%;justify-self:stretch;align-self:stretch}.form-button.form-button[data-size=field]{min-height:var(--control-height, 44px);padding-block:12px}.form-button[data-variant=primary]{color:var(--surface-base, #fff);background-color:var(--ink, #000)}.form-checkbox-label{position:relative;display:flex;gap:calc(var(--space-unit, 4px) * 2);align-items:center;min-height:var(--control-height, 44px);cursor:pointer}.form-checkbox.form-checkbox{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:inherit;appearance:none}.form-checkbox-mark{border-radius:var(--radius-surface, 2px);display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;background-color:var(--selection-surface, #a0a0a0);color:var(--surface-base, #fff)}.form-checkbox-mark svg{opacity:0}.form-checkbox:checked+.form-checkbox-mark{background-color:var(--ink, #000)}.form-checkbox:checked+.form-checkbox-mark svg{opacity:1}.form-checkbox:disabled+.form-checkbox-mark{background-color:var(--field-disabled-surface, #f2f2f2);color:var(--field-disabled-ink, #8a8a8a)}.form-checkbox:focus-visible+.form-checkbox-mark{outline:var(--focus-ring-width, 2px) solid var(--field-focus, #e8531c);outline-offset:2px}.form-checkbox[aria-invalid=true]+.form-checkbox-mark{background-color:var(--field-error, #b3261e)}@media(hover:hover){.form-checkbox:enabled:not(:checked):hover+.form-checkbox-mark{background-color:var(--selection-surface-hover, #8c8c8c)}}.form-input[aria-invalid=true]{background-color:color-mix(in srgb,var(--field-error, #b3261e) 8%,var(--surface-base, #fff))}.form-input.form-input:focus-visible,.form-button.form-button:focus-visible,.form-checkbox.form-checkbox:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--field-focus, #e8531c);outline-offset:2px}.form-input:disabled,.form-button:disabled{color:var(--field-disabled-ink, #8a8a8a);background-color:var(--field-disabled-surface, #f2f2f2);cursor:not-allowed;opacity:1}.form-checkbox-label:has(:disabled){color:var(--field-disabled-ink, #8a8a8a);cursor:not-allowed}@media(hover:hover){.form-input:enabled:not([aria-invalid=true]):hover{background-color:var(--control-hover, #e3e3e3)}.form-button[data-variant=primary]:enabled:hover{background-color:var(--ink-muted, #666)}.form-button[data-variant=secondary]:enabled:hover{background-color:var(--control-hover, #e3e3e3)}}@media(prefers-reduced-motion:reduce){.form-input.form-input,.form-button.form-button{transition:none}}.form-button[data-variant=primary]:enabled:active{background-color:var(--control-pressed, #333)}.form-button[data-variant=secondary]:enabled:active{background-color:var(--control-hover, #e3e3e3)}.form-checkbox-mark{transition:background-color var(--motion-control, .18s) var(--ease-ui, ease)}.form-checkbox-mark svg{transition:opacity var(--motion-control, .18s) var(--ease-ui, ease)}@media(hover:hover){.form-checkbox:enabled:checked:hover+.form-checkbox-mark{background-color:var(--control-pressed, #333)}}@media(prefers-reduced-motion:reduce){.form-checkbox-mark,.form-checkbox-mark svg{transition:none}}@media(min-width:640px)and (pointer:fine){.form-input.form-input{min-height:var(--field-height, 36px)}.form-button.form-button{min-height:var(--button-height, 32px);padding-block:6px}.form-button.form-button[data-size=field]{min-height:var(--field-height, 36px);padding-block:8px}.form-input.form-textarea{min-height:96px}}.form-button{position:relative}.form-button[data-loading] .button-label{opacity:0}.button-spinner{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button-spinner{animation:none}}.form-input.form-input:not(textarea){height:var(--control-height,44px)}@media(min-width:640px)and (pointer:fine){.form-input.form-input:not(textarea){height:var(--field-height,36px)}}@media(max-width:639px),(pointer:coarse){.form-button.form-button{min-width:var(--control-height,44px);border-block:calc((var(--control-height,44px) - var(--button-height,32px)) / 2) solid transparent;padding-block:6px;background-clip:padding-box}.form-button.form-button[data-size=field]{border-block-width:calc((var(--control-height,44px) - var(--field-height,36px)) / 2);padding-block:8px}}[data-interactive-surface][data-interactive-surface]{border-radius:var(--radius-surface, 2px);transition:background-color var(--motion-link, .18s) var(--ease-ui, ease),color var(--motion-link, .18s) var(--ease-ui, ease)}[data-interactive-surface][data-surface-shape=square]{border-radius:0}@media(hover:hover)and (pointer:fine){[data-interactive-surface][data-interactive-surface]:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--surface-hover, #f3f3f3)}}@media(prefers-reduced-motion:reduce){[data-interactive-surface][data-interactive-surface]{transition:none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--surface-base);font-family:Helvetica,Arial,sans-serif;font-size:var(--font-size-body);line-height:var(--line-height-body)}.page{max-width:1200px;padding:var(--space-panel)}.page-header{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-header h1{margin:0;font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:400}.lede{margin:0;color:var(--ink-muted);font-size:var(--font-size-secondary);line-height:var(--line-height-secondary)}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.block{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-color);border:1px solid var(--rule-color)}.cell{display:block;width:100%;min-width:0;height:104px;margin:0;padding:8px;border:0;border-radius:0;resize:none;color:var(--ink);background:var(--surface-base);font:inherit;font-size:var(--font-size-compact);line-height:var(--line-height-compact);text-align:center;transition:background-color var(--motion-control) var(--ease-ui)}.cell::placeholder{color:var(--ink-muted);opacity:.6}.cell[data-kind=pillar]{background:var(--control-rest)}.cell[data-kind=goal]{color:var(--surface-base);background:var(--ink)}.cell[data-kind=goal]::placeholder{color:var(--surface-base)}.cell:focus-visible{position:relative;z-index:1;outline:var(--focus-ring-width) solid var(--field-focus);outline-offset:0}@media(hover:hover)and (pointer:fine){.cell[data-kind=action]:hover{background:var(--surface-hover)}.cell[data-kind=pillar]:hover{background:var(--control-hover)}}.progress{margin:12px 0 0;color:var(--ink-muted);font-size:var(--font-size-compact);line-height:var(--line-height-compact)}.block-map{display:none}.method{max-width:var(--essay-measure);margin-top:var(--space-section)}.method h2{margin:40px 0 8px;font-size:var(--font-size-heading);line-height:var(--line-height-body);font-weight:400}.method h2:first-child{margin-top:0}.method p,.method ol,.method ul{margin:0 0 var(--space-paragraph)}.method ol,.method ul{padding-left:1.2em}.method li+li{margin-top:8px}.method strong{font-weight:400;color:var(--ink);text-decoration:underline;text-decoration-color:rgb(0 0 0 / var(--underline-rest));text-underline-offset:4px}.method a{color:var(--ink);text-decoration-color:rgb(0 0 0 / var(--underline-rest));text-underline-offset:4px;transition:text-decoration-color var(--motion-link) var(--ease-ui)}.method a:hover{text-decoration-color:currentColor}.method a:focus-visible{outline:var(--focus-ring-width) solid var(--field-focus);outline-offset:2px;border-radius:var(--radius-surface)}.sources{font-size:var(--font-size-secondary);line-height:var(--line-height-secondary)}@media(max-width:1023px){.page{padding:var(--space-panel-mobile)}.cell{height:88px;padding:6px;font-size:var(--font-size-caption);line-height:16px}}@media(max-width:639px){.block-map{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px}.block-map-cell{min-width:0;min-height:var(--control-height);padding:4px 8px;border:0;color:var(--ink);background:var(--surface-paper);font:inherit;font-size:var(--font-size-caption);line-height:16px;cursor:pointer}.block-map-cell span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.block-map-cell[aria-pressed=true]{background:var(--control-rest)}.block-map-cell[data-center]{font-weight:400}.block-map-cell:focus-visible{outline:var(--focus-ring-width) solid var(--field-focus);outline-offset:2px}.grid{grid-template-columns:1fr}.block:not([data-active]){display:none}.cell{height:auto;aspect-ratio:1;font-size:var(--font-size-compact);line-height:var(--line-height-compact)}}@media(prefers-reduced-motion:reduce){.cell,.method a{transition:none}}@page{size:A4 landscape;margin:10mm}@media print{.toolbar,.lede,.block-map,.progress,.method{display:none!important}.page{max-width:none;padding:0}.page-header{margin-bottom:4mm}.grid{grid-template-columns:repeat(3,1fr)!important;gap:2mm}.block{display:grid!important;border-color:#000;background:#999}.cell{height:19mm;aspect-ratio:auto;padding:1mm;font-size:8pt;line-height:1.2;overflow:hidden}.cell::placeholder{color:transparent}.cell[data-kind=goal],.cell[data-kind=pillar]{-webkit-print-color-adjust:exact;print-color-adjust:exact}}