.discipline-wrap{max-width:1340px;margin:0 auto;padding:24px 32px 96px}.panes{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,8fr);gap:32px;align-items:start}.pane-preview{position:sticky;top:64px;max-height:calc(100vh - 80px);overflow-y:auto}@media (max-width: 900px){.pane-preview{position:static;max-height:none;overflow:visible}.panes{grid-template-columns:1fr}}.doc-lang-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.doc-lang-toggle>span{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.cat{margin-bottom:16px}.cat h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-faint);margin:16px 0 6px;font-weight:600}.infraction-opt{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur) var(--ease-out)}.infraction-opt:hover{background:var(--color-rail)}.infraction-opt input{margin-top:3px;accent-color:var(--color-accent)}.serious-tag{color:var(--color-danger);font-weight:600}.q-block>.q-head{font-weight:600;font-size:14px;margin-bottom:10px}.q-block.serious{border-left-color:var(--color-danger)}.level-select-field{max-width:320px}.stop-check{margin-top:18px;border-top:1px solid var(--color-line);padding-top:16px}.stop-check .stop-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--color-ink);margin:0 0 4px}.stop-check .stop-intro{font-size:12.5px;color:var(--color-muted);margin:0 0 12px}.stop-q{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--color-line-2)}.stop-q:last-of-type{border-bottom:0}.stop-q .stop-q-text{font-size:13px;line-height:1.4;flex:1}.stop-q .stop-yn{display:flex;gap:6px;flex:0 0 auto}.stop-q .stop-yn label{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;padding:3px 9px;border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface)}.stop-q .stop-yn label:hover{background:var(--color-line-2)}.stop-q .stop-yn input{margin:0}.stop-q.is-yes{background:#fff0ee;background:oklch(97% .04 27);border-radius:var(--radius-sm);padding-left:8px;padding-right:8px}.stop-banner{display:flex;gap:8px;align-items:flex-start;background:#ffece9;background:oklch(96% .05 27);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);padding:10px 13px;font-size:12.5px;font-weight:600;margin-bottom:14px}.prior-row{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;align-items:end;margin-bottom:8px}.prior-row .prior-note{grid-column:1 / -1}.prior-row>.btn{justify-self:start;margin-bottom:16px}.doc-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doc-head .t{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);font-weight:600}.doc-head .spacer{flex:1}.legend{display:flex;gap:16px;font-size:11.5px;color:var(--color-faint);margin-bottom:16px}.legend .swatch{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin:0 4px 0 0}.legend .swatch.frozen{background:var(--color-rail);border:1px solid var(--color-line)}.legend .swatch.edit{background:var(--color-accent-soft);border:1px dashed oklch(82% .05 258)}.doc{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:40px 40px 48px;font-size:14px;box-shadow:0 1px 2px #5c646f0a,0 8px 24px #5c646f0d}.doc .legal-en{display:block;margin-top:5px;color:var(--color-faint);font-size:12px;line-height:1.5;font-style:italic}.doc-empty{color:var(--color-muted);font-size:14px;padding:24px 0;text-align:center}.supervisor-banner{display:flex;gap:8px;align-items:flex-start;background:var(--color-warn-soft);border:1px solid oklch(88% .06 75);color:#673c14;border-radius:var(--radius-sm);padding:10px 13px;font-size:12.5px;font-weight:500;margin-bottom:16px}.doc h1.doc-title{font-size:19px;font-weight:700;letter-spacing:-.01em;text-transform:none;margin:0 0 16px}.doc .level-line{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;color:var(--color-accent-2);background:var(--color-accent-soft);border-radius:100px;padding:4px 11px;margin:6px 0 10px}.doc blockquote{margin:10px 0;padding:2px 0 2px 16px;border-left:2px solid var(--color-accent);background:none;font-style:normal;font-size:12.5px;color:var(--color-muted);line-height:1.6}.doc h3.sec{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--color-faint);margin:24px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--color-line-2)}.doc .infraction-line{font-size:13px}.doc .frozen{background:var(--color-rail);border-radius:var(--radius-sm);padding:9px 11px;font-size:13px;color:var(--color-ink-2)}.doc .frozen.bold{font-weight:600;color:var(--color-ink)}.doc .editable{border:1px dashed oklch(82% .05 258);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:9px 11px;min-height:22px;font-size:13.5px;line-height:1.6;color:var(--color-ink);cursor:text;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.doc .editable:hover{background:#e0ecff;background:oklch(94% .04 258);border-color:#81a6dd}.doc .editable:focus,.doc .editable:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;border-color:transparent;background:var(--color-surface)}.doc .editable:empty:before{content:attr(data-placeholder);color:var(--color-faint);font-style:italic}.doc .incident-para{display:block;margin-bottom:10px}.doc .incident-para:last-of-type{margin-bottom:0}.doc ul.expect{margin:8px 0;padding-left:18px}.doc ul.expect li{margin-bottom:5px}.doc .ca-notice{font-size:11.5px;color:var(--color-faint);margin-top:24px;line-height:1.55}.doc .checklist{border:1px solid oklch(88% .06 75);background:var(--color-warn-soft);border-radius:var(--radius-sm);padding:12px 14px;margin-top:18px}.doc .checklist h4{margin:0 0 8px;color:#673c14;font-size:13px}.doc .checklist li{margin-bottom:6px;font-size:13px}.incomplete-note{margin-top:14px}.incomplete-note ul{margin:6px 0 0 18px;padding:0}@media print{.topbar,header.app,.pane-form,#output-card>.doc-head,#output-card>.legend,.incomplete-note{display:none!important}body{background:#fff}.panes{display:block!important}.pane-preview{position:static!important}#output-card{display:block!important;border:none;padding:0;margin:0;max-height:none!important;overflow:visible!important}.doc{border:none;padding:0;box-shadow:none}.doc .editable,.doc .frozen{background:transparent;border:none;padding:0}.supervisor-banner{border:1px solid #999;color:#000}}:root{--color-ink: oklch(22% .02 255);--color-ink-2: oklch(40% .015 255);--color-muted: oklch(50% .013 255);--color-faint: oklch(54% .013 255);--color-line: oklch(90% .008 255);--color-line-2: oklch(94% .006 255);--color-paper: oklch(98.2% .004 255);--color-surface: oklch(100% 0 0);--color-rail: oklch(96.5% .006 255);--color-accent: oklch(52% .2 258);--color-accent-2: oklch(46% .21 258);--color-accent-soft: oklch(96% .03 258);--color-warn: oklch(58% .16 60);--color-warn-soft: oklch(97% .04 75);--color-danger: oklch(52% .2 27);--color-ok: oklch(56% .14 150);--radius: 10px;--radius-sm: 7px;--font: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .18s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--color-paper);color:var(--color-ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}#root{min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:12px 32px;border-bottom:1px solid var(--color-line);background:var(--color-surface);position:sticky;top:0;z-index:10}.topbar .brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px;text-decoration:none;color:inherit}.topbar .brand .glyph{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:500;font-size:13px;flex-shrink:0}.topbar .brand .brand-name{letter-spacing:.04em;text-transform:uppercase;font-size:13px}.topbar .brand .sep{color:var(--color-line);font-weight:300;margin:0 2px}.topbar .brand .brand-section{color:var(--color-muted);font-weight:500;font-size:13px}.topbar .spacer{flex:1}.topbar .confidential-pill{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);background:var(--color-rail);border:1px solid var(--color-line);border-radius:100px;padding:4px 12px;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.wrap{max-width:860px;margin:0 auto;padding:52px 32px 96px}.page-header{margin-bottom:48px}.page-header .eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;display:flex;align-items:center;gap:8px}.page-header .eyebrow:before{content:"";display:inline-block;width:20px;height:1px;background:var(--color-accent);vertical-align:middle}.page-header h1{font-size:clamp(22px,4vw,28px);font-weight:700;letter-spacing:-.02em;margin:0 0 8px;color:var(--color-ink);line-height:1.25}.page-header .subtitle{margin:0;color:var(--color-muted);font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:24px 24px 20px;position:relative;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008}.tool-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #00000012,0 0 0 3px var(--color-accent-soft);transform:translateY(-1px)}.tool-card:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft),0 4px 16px #00000012;transform:translateY(-1px)}.tool-card:active{transform:translateY(0);box-shadow:0 1px 3px #0000000a;transition-duration:60ms}.tool-card .card-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;background:var(--tool-accent, var(--color-accent));opacity:.7;transition:opacity var(--dur) var(--ease-out)}.tool-card:hover .card-accent-bar,.tool-card:focus-visible .card-accent-bar{opacity:1}.tool-card .card-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--tool-icon-bg, var(--color-accent-soft));border:1px solid var(--tool-icon-border, oklch(90% .04 258));display:grid;place-items:center;margin-bottom:16px;font-size:15px;color:var(--tool-icon-color, var(--color-accent));font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tool-card .card-title{font-size:15px;font-weight:600;color:var(--color-ink);margin:0 0 6px;letter-spacing:-.01em}.tool-card .card-desc{font-size:13px;color:var(--color-muted);margin:0;line-height:1.5}.tool-card .card-cta{margin-top:20px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--color-accent);letter-spacing:.02em;transition:gap var(--dur) var(--ease-out)}.tool-card:hover .card-cta,.tool-card:focus-visible .card-cta{gap:10px}.tool-card .card-cta .arrow{display:inline-block;transition:transform var(--dur) var(--ease-out)}.tool-card:hover .card-cta .arrow,.tool-card:focus-visible .card-cta .arrow{transform:translate(3px)}.tool-card.discipline{--tool-accent: var(--color-warn);--tool-icon-bg: var(--color-warn-soft);--tool-icon-border: oklch(90% .06 70);--tool-icon-color: var(--color-warn)}.tool-card.leave{--tool-accent: var(--color-ok);--tool-icon-bg: oklch(96% .03 150);--tool-icon-border: oklch(90% .05 150);--tool-icon-color: var(--color-ok)}.tool-card.harassment{--tool-accent: var(--color-danger);--tool-icon-bg: oklch(97% .03 27);--tool-icon-border: oklch(91% .05 27);--tool-icon-color: var(--color-danger)}.tool-card.accident{--tool-accent: var(--color-accent);--tool-icon-bg: var(--color-accent-soft);--tool-icon-border: oklch(90% .04 258);--tool-icon-color: var(--color-accent)}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--color-line)}.page-footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-footer .footer-left,.page-footer .footer-right{font-family:var(--font-mono);font-size:11px;color:var(--color-faint);letter-spacing:.03em}@media (max-width: 600px){.topbar{padding:10px 16px}.topbar .confidential-pill{display:none}.wrap{padding:36px 16px 72px}.tool-grid{grid-template-columns:1fr}.page-footer{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 360px){.page-header h1{font-size:20px}.tool-card{padding:20px 18px 16px}}@media (prefers-reduced-motion: no-preference){.page-header{animation:fadeUp .4s var(--ease-out) both}.section-label{animation:fadeUp .4s .08s var(--ease-out) both}.tool-card:nth-child(1){animation:fadeUp .4s .12s var(--ease-out) both}.tool-card:nth-child(2){animation:fadeUp .4s .18s var(--ease-out) both}.tool-card:nth-child(3){animation:fadeUp .4s .24s var(--ease-out) both}.tool-card:nth-child(4){animation:fadeUp .4s .3s var(--ease-out) both}.page-footer{animation:fadeUp .4s .36s var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.form-wrap{max-width:760px;margin:0 auto;padding:24px 32px 96px}header.app{margin-bottom:16px}header.app h1{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}header.app p{margin:0;color:var(--color-muted);font-size:13px}.topbar .store-pill{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-2);background:var(--color-rail);border:1px solid var(--color-line);border-radius:100px;padding:5px 12px;white-space:nowrap}.topbar .store-pill b{color:var(--color-accent)}.card{position:relative;margin:0 0 32px;padding:0 0 0 32px}.card>h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);margin:0 0 16px;font-weight:600}.card>h2 .step-num{position:absolute;left:0;top:-1px;width:22px;color:var(--color-accent);font-family:var(--font-mono);font-size:12px;font-weight:500}.card:after{content:"";position:absolute;left:7px;top:22px;bottom:-32px;width:1px;background:var(--color-line-2)}.card:last-of-type:after{display:none}label.field{display:block;margin:0 0 16px}label.field>span{display:block;font-size:12.5px;color:var(--color-ink-2);margin-bottom:8px;font-weight:500}input[type=text],input[type=date],input[type=time],input[type=number],input[type=tel],input[type=email],input[type=datetime-local],select,textarea{width:100%;padding:9px 11px;font:inherit;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}textarea{resize:vertical;min-height:60px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media (max-width: 600px){.grid2{grid-template-columns:1fr}}.help{font-size:11.5px;color:var(--color-faint);margin-top:4px}.grp{margin-bottom:16px}.grp h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-faint);margin:16px 0 6px;font-weight:600}.grp h3.protected{color:var(--color-accent-2)}.type-opt{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur) var(--ease-out)}.type-opt:hover{background:var(--color-rail)}.type-opt input{margin-top:3px;accent-color:var(--color-accent)}.type-opt .meta{font-size:11.5px;color:var(--color-faint);display:block}.seg{display:inline-flex;border:1px solid var(--color-line);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;border-radius:0;background:var(--color-surface);padding:8px 14px;color:var(--color-ink-2)}.seg button.on{background:var(--color-accent);color:#fff;font-weight:500}.seg button+button{border-left:1px solid var(--color-line)}.q-block{border-left:2px solid var(--color-line);padding:4px 0 4px 14px;margin:0 0 18px}.suggestion{background:var(--color-accent-soft);border:1px solid oklch(90% .04 258);color:var(--color-accent-2);border-radius:var(--radius-sm);padding:9px 12px;font-size:12.5px;margin-bottom:12px}.suggestion.warn{background:var(--color-warn-soft);border-color:#efd3ac;color:#673c14}.suggestion strong{color:var(--color-ink)}.ack{background:var(--color-rail);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:11px 13px;font-size:12.5px;color:var(--color-ink-2);line-height:1.6;margin-bottom:16px}button.btn{font:inherit;font-size:13px;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-2);padding:7px 13px;transition:all var(--dur) var(--ease-out)}button.btn:hover{border-color:var(--color-faint)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);font-weight:500}button.btn.primary:hover:not(:disabled){background:var(--color-accent-2);border-color:var(--color-accent-2)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}.submit-block{margin-top:8px}.req-card{border:1px solid oklch(90% .04 258);border-radius:var(--radius);padding:14px 16px;background:var(--color-accent-soft)}.req-card h4{margin:0 0 8px;font-size:13px;color:var(--color-accent-2)}.req-row{font-size:13px;margin-bottom:4px}.req-row .lbl{font-weight:600;color:var(--color-muted)}.req-note{font-size:12px;color:var(--color-muted);margin-top:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--color-ink);color:#fff;padding:10px 18px;border-radius:20px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:50}.toast.show{opacity:1}.print-sheet{position:fixed;left:-99999px;top:0;width:760px;background:#fff;padding:32px;font-family:var(--font);color:#1a1a1a}.print-sheet .ps-title{font-size:18px;font-weight:700;margin:0 0 4px}.print-sheet .ps-sub{color:#444;font-size:12px;margin:0 0 18px}.print-sheet table{width:100%;border-collapse:collapse;margin-bottom:18px}.print-sheet td{border:1px solid #bbb;padding:6px 9px;font-size:12.5px;vertical-align:top}.print-sheet td.k{background:#f2f2f2;font-weight:600;width:230px}.print-sheet .ps-sec{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:18px 0 8px;border-bottom:1px solid #ccc;padding-bottom:4px}.print-sheet .ps-sig{margin-top:36px;font-size:12.5px}.print-sheet .ps-sig div{margin-bottom:28px;border-bottom:1px solid #444;max-width:360px;padding-bottom:2px}.print-sheet .ps-note{font-size:11px;color:#555;margin-top:24px;line-height:1.5}
