:root{--canvas:#f5f7f2;--surface:#fff;--surface-soft:#eaf1ed;--ink:#14231f;--muted:#53625d;--line:#cbd6d0;--primary:#075e54;--primary-deep:#06473f;--accent:#d7f36b;--warning:#7a3e00;--warning-bg:#fff4d6;--danger:#9a2a16;--success:#17663b;--focus:#b54708;--radius-sm:.55rem;--radius:1rem;--radius-lg:1.5rem;--shadow:0 1.25rem 3rem #14231f14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);word-break:keep-all;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Noto Sans CJK KR,sans-serif;font-size:1rem;line-height:1.7}button,input,select,textarea{font:inherit;color:inherit}code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}pre{color:var(--ink);background:#f1f6f3}pre code{color:inherit;font-size:inherit}a{color:var(--primary-deep);text-underline-offset:.22em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{color:var(--ink);background:var(--accent)}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:var(--radius-sm);padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(1180px,100% - 2rem);margin-inline:auto}.site-header{z-index:10;border-bottom:1px solid var(--line);background:#f5f7f2f7;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.75rem;display:flex}.brand{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{min-width:2.8rem;min-height:2.1rem;color:var(--accent);background:var(--ink);letter-spacing:.08em;border-radius:.45rem;place-items:center;font:800 .73rem/1 ui-monospace,monospace;display:grid}.nav-list,.footer-links{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--ink);border-radius:.5rem;padding:.55rem .75rem;font-weight:650;text-decoration:none;display:block}.nav-list a:hover,.nav-list a[aria-current=page]{background:var(--surface-soft);box-shadow:inset 0 -3px 0 var(--primary)}.site-main{flex:1;min-height:70vh;padding-block:clamp(2.5rem,6vw,5.5rem)}.site-footer{color:#dfeae4;background:var(--ink);margin-top:auto}.footer-inner{grid-template-columns:minmax(0,1fr) minmax(18rem,1fr);gap:3rem;padding-block:3rem;display:grid}.footer-inner p{max-width:38rem;margin:.35rem 0}.footer-title{color:#fff;font-size:1.2rem;font-weight:800}.footer-owner{color:#c9d8d1;margin-top:1rem;font-size:.88rem}.footer-owner strong{color:#fff}.footer-owner a{color:#fff;overflow-wrap:anywhere}.footer-links{justify-content:flex-end}.footer-links a{color:#fff;padding:.35rem .5rem;display:block}h1,h2,h3{letter-spacing:-.045em;margin:0;line-height:1.25}h1{max-width:18ch;font-size:clamp(2.25rem,6vw,4.75rem)}h2{font-size:clamp(1.6rem,3vw,2.45rem)}h3{font-size:clamp(1.12rem,2vw,1.4rem)}p{margin-block:.65rem 0}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:850}.lede,.hero-copy{max-width:50rem;color:var(--muted);margin-top:1.25rem;font-size:clamp(1.06rem,2vw,1.28rem)}.page-intro{border-bottom:1px solid var(--line);padding-bottom:clamp(2rem,5vw,4rem)}.page-intro h1{max-width:21ch;font-size:clamp(2.2rem,5vw,4rem)}.hero{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:34rem;display:grid}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.button{cursor:pointer;border:2px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;min-height:3rem;padding:.65rem 1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.button-primary:hover{background:var(--primary-deep)}.button-secondary{color:var(--ink);background:var(--surface);border-color:var(--ink)}.button-secondary:hover{background:var(--surface-soft)}.button:disabled{opacity:.55;cursor:not-allowed}.decision-map{background:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:.75rem;padding:1rem;display:grid}.decision-map>div{color:#fff;border-radius:var(--radius);border:1px solid #42544e;grid-template-columns:2.5rem 1fr;align-items:center;column-gap:.8rem;padding:1rem;display:grid}.decision-map span{width:2.4rem;height:2.4rem;color:var(--ink);background:var(--accent);border-radius:999px;grid-row:1/3;place-items:center;font-weight:900;display:grid}.decision-map p{color:#c9d8d1;margin:0;font-size:.9rem}.notice{border-radius:var(--radius);border:1px solid;margin-block:2rem;padding:1rem 1.1rem}.notice p{margin:.25rem 0 0}.notice-preview{color:var(--warning);background:var(--warning-bg);border-color:#d49a35}.notice code{font-size:.9em}.notice-error{color:var(--danger);background:#fff0eb;border-color:#d99183}.home-section,.content-section{margin-top:clamp(3.5rem,8vw,7rem)}.section-heading{max-width:48rem;margin-bottom:1.75rem}.section-heading>p:not(.eyebrow){color:var(--muted)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:1.5rem;position:relative;box-shadow:0 .5rem 1.5rem #14231f09}.feature-card:hover{border-color:#7e958b;transform:translateY(-2px)}.feature-card h2,.feature-card h3{margin:.6rem 0}.feature-card h2{font-size:1.35rem}.feature-card h3 a,.feature-card h2 a{color:var(--ink);text-decoration:none}.feature-card h3 a:after,.feature-card h2 a:after{content:"";position:absolute;inset:0}.feature-card p{color:var(--muted)}.card-number{color:var(--primary);font:800 .85rem/1 ui-monospace,monospace}.card-kicker{margin:0;font-weight:750;color:var(--primary)!important}.text-link{color:var(--primary-deep);font-weight:750}.mini-list{color:var(--muted);margin:1rem 0 0;padding-left:1.2rem}.split-section{background:var(--surface-soft);border-radius:var(--radius-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,6vw,5rem);padding:clamp(1.5rem,5vw,3.5rem);display:grid}.process-list{counter-reset:process;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.process-list li{counter-increment:process;background:var(--surface);border-radius:var(--radius-sm);grid-template-columns:2.5rem 1fr;padding:1rem;display:grid}.process-list li:before{content:counter(process, decimal-leading-zero);color:var(--primary);grid-row:1/3;font:800 .9rem/1.7 ui-monospace,monospace}.process-list span{color:var(--muted)}.privacy-band{color:#fff;background:var(--primary-deep);border-radius:var(--radius-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;padding:clamp(1.5rem,5vw,3rem);display:grid}.privacy-band .eyebrow{color:var(--accent)}.owner-todos ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.owner-todos li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem}.owner-todos strong{overflow-wrap:anywhere;font:800 .82rem/1.4 ui-monospace,monospace;display:block}.owner-todos p{color:var(--muted);font-size:.9rem}.status-configured,.status-missing{border-radius:999px;margin-top:.5rem;padding:.15rem .45rem;font-size:.76rem;font-weight:800;display:inline-block}.status-configured{color:var(--success);background:#e3f5e9}.status-missing{color:var(--warning);background:var(--warning-bg)}.on-this-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:2rem;padding:.9rem 1rem;display:flex}.on-this-page a{font-size:.94rem}.prose-block{max-width:52rem}.prose-block p{color:var(--muted);font-size:1.05rem}.tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:3.5rem;padding:clamp(1.2rem,4vw,2.5rem)}.tool-form{gap:1.25rem;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{align-content:start;gap:.4rem;display:grid}.field label,.field legend{font-weight:750}.field small,.field-hint{color:var(--muted)}.field input,.field select,.field textarea{background:#fff;border:2px solid #8a9d94;border-radius:.5rem;width:100%;min-height:2.85rem;padding:.62rem .75rem}.field textarea{resize:vertical;white-space:pre;min-height:13rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.5}.field input[type=color]{min-height:3rem;padding:.2rem}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}fieldset.field{border:0;margin:0;padding:0}.radio-row,.check-row{flex-wrap:wrap;gap:.75rem;display:flex}.radio-row label,.check-row label{background:var(--surface-soft);border-radius:.45rem;align-items:center;gap:.4rem;padding:.35rem .6rem;font-weight:600;display:inline-flex}.radio-row input,.check-row input{width:1.15rem;min-height:1.15rem}.error-text{color:var(--danger);font-weight:700}.focus-preview{border:1px solid var(--line);border-radius:var(--radius);place-items:center;min-height:10rem;padding:2rem;display:grid}.focus-preview button{border:2px solid var(--ink);border-radius:.45rem;min-height:2.75rem;padding:.6rem 1rem;font-weight:750}.focus-preview button:focus-visible{outline-style:solid}.result-panel{border:2px solid var(--line);border-radius:var(--radius);border-left-width:.55rem;margin-top:1.5rem;padding:1.25rem}.result-pass{border-left-color:var(--success);background:#f0faf3}.result-fail,.result-invalid_input{border-left-color:var(--danger);background:#fff4f0}.result-potential_issue,.result-manual_review{border-left-color:var(--warning);background:var(--warning-bg)}.result-not_applicable{background:#f0f3f8;border-left-color:#61728b}.status-label{align-items:center;gap:.35rem;margin-bottom:.5rem;font-weight:850;display:inline-flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffbf;padding:.75rem}.metric dt{color:var(--muted);font-size:.82rem}.metric dd{margin:.15rem 0 0;font-weight:800}.result-panel ul{padding-left:1.3rem}.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.definition-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem}.definition-grid dt{font-weight:800}.definition-grid dd{color:var(--muted);margin:.25rem 0 0}.check-list{gap:.7rem;padding:0;list-style:none;display:grid}.check-list li{padding-left:1.7rem;position:relative}.check-list li:before{content:"";background:var(--accent);border:2px solid var(--ink);border-radius:.2rem;width:1rem;height:1rem;position:absolute;top:.22em;left:0}.comparison-stack{gap:1rem;display:grid}.comparison{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.code-label{color:var(--muted);margin:0 0 .35rem;font-size:.86rem;font-weight:750}pre{color:#ecf4f0;background:var(--ink);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-width:100%;margin:0;padding:1rem;overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%}caption{text-align:left;padding:.75rem;font-weight:750}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.75rem}thead th{color:#fff;background:var(--primary-deep)}.source-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.source-list li{background:var(--surface);border-left:4px solid var(--primary);gap:.15rem;padding:.85rem 1rem;display:grid}.source-list span,.meta-line{color:var(--muted);font-size:.88rem}.faq-list{gap:.65rem;display:grid}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem 1rem}.faq-list summary{cursor:pointer;font-weight:750}.related-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem;margin-top:4rem;padding-top:2rem;display:flex}.related-links a{background:var(--surface-soft);border-radius:var(--radius-sm);padding:.55rem .8rem;font-weight:750}.article-card{overflow:hidden}.article-thumbnail{border-radius:var(--radius-sm);background:var(--surface-soft);margin:0 0 1rem;overflow:hidden}.article-thumbnail img{width:100%;height:auto;display:block}.article-thumbnail-large{max-width:64rem;margin:0 auto 1.5rem}.article-thumbnail figcaption{color:var(--muted);padding:.45rem .75rem;font-size:.8rem}.article-reading-order{gap:.7rem;padding-left:1.4rem;display:grid}.article-reading-order li{padding-left:.25rem}.article-reading-order span{color:var(--muted);font-size:.9rem}.callout{color:#fff;background:var(--primary-deep);border-radius:var(--radius);padding:1.5rem}.callout p{color:#e5efea}.case-record{border-top:1px solid var(--line);margin:0;display:grid}.case-record>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(10rem,.3fr) minmax(0,1fr);gap:1rem;padding:1rem 0;display:grid}.case-record dt{font-weight:800}.case-record dd{color:var(--muted);margin:0}.visual-figure{margin:1.5rem 0;padding:0}.visual-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--ink);overflow:hidden;box-shadow:0 4px 16px #14231f14}.visual-svg{width:100%;height:auto;display:block}.visual-caption{color:var(--muted);margin-top:.75rem;font-size:.88rem;line-height:1.5}.visual-caption strong{color:var(--ink)}.source-badge{letter-spacing:.02em;border-radius:.35rem;padding:.15rem .5rem;font-size:.75rem;font-weight:800;display:inline-block}.source-badge-rec{color:var(--success);background:#edf7f2;border:1px solid #b8dfcb}.source-badge-draft{color:#7a3e00;background:var(--warning-bg);border:1px solid #d49a35}.source-badge-nat{color:#06473f;background:#eaf1ed;border:1px solid #a8c7ba}.source-badge-tech{color:var(--primary);border:1px solid var(--line);background:#eaf1ed}.source-card-grid{gap:1.25rem;margin-top:1rem;display:grid}.source-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.source-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.source-card h3{margin:0;font-size:1.12rem}.source-meta-grid{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-top:.75rem;padding-top:.75rem;font-size:.88rem;display:grid}.source-meta-grid dt{color:var(--ink);font-weight:700}.source-meta-grid dd{color:var(--muted);margin:.15rem 0 0}.verification-record-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:2rem 0;padding:1.5rem}.verification-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.92rem}.verification-table th{text-align:left;background:var(--surface-soft);border-bottom:1px solid var(--line);width:30%;color:var(--ink);padding:.65rem .75rem;font-weight:700}.verification-table td{border-bottom:1px solid var(--line);color:var(--muted);padding:.65rem .75rem}.badge-observed{color:#17663b;background:#edf7f2;border:1px solid #b8dfcb;border-radius:4px;padding:.2rem .55rem;font-size:.85rem;font-weight:700;display:inline-block}.fixture-block{margin-top:1rem}.fixture-block pre{color:#14231f;border-radius:var(--radius-sm);border:1px solid var(--line);background:#f1f6f3;max-width:100%;padding:1rem;overflow-x:auto}.fixture-block code{color:#14231f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.author-review-card{margin-top:2.5rem}.card-top-meta{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.article-type-badge{border-radius:4px;padding:.2rem .5rem;font-size:.78rem;font-weight:800;display:inline-block}.badge-type-boundary{color:#872110;background:#fdf0ed;border:1px solid #f5c4bb}.badge-type-dom{color:#075e54;background:#edf7f4;border:1px solid #bce1d7}.badge-type-keyboard{color:#6b3e00;background:#fff7eb;border:1px solid #f2d4a7}.badge-type-checklist{color:#18527a;background:#eef6fc;border:1px solid #c2def4}.badge-type-default{color:var(--ink);background:var(--surface-soft);border:1px solid var(--line)}.article-status-badge{border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.status-verified{color:#17663b;background:#edf7f2;border:1px solid #b8dfcb}.status-reproduced{color:#6b3e00;background:#fff7eb;border:1px solid #f2d4a7}.status-pending{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line)}.badge-verification-status{border-radius:4px;padding:.25rem .6rem;font-size:.85rem;font-weight:800;display:inline-block}.badge-status-verified{color:#17663b;background:#edf7f2;border:1px solid #b8dfcb}.badge-status-reproduced{color:#6b3e00;background:#fff7eb;border:1px solid #f2d4a7}.badge-status-pending{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line)}.evidence-case-desc{color:var(--muted);font-size:.88rem}.card-bottom-meta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;font-size:.82rem;display:flex}.card-env-badge{color:var(--muted);font-weight:600}.card-date-badge{color:var(--muted)}.locked-page,.not-found{align-content:center;justify-items:start;max-width:48rem;min-height:45vh;display:grid}.locked-page p,.not-found p{max-width:42rem;color:var(--muted)}.static-prose{max-width:52rem}.static-prose section{margin-top:3.5rem}.static-prose p,.static-prose li{color:var(--muted)}.static-prose li+li{margin-top:.5rem}@media (max-width:900px){.card-grid,.owner-todos ul{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.split-section,.privacy-band{grid-template-columns:1fr}.hero{min-height:auto}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media (max-width:640px){body{word-break:normal;overflow-wrap:anywhere}.shell{width:min(100% - 1.25rem,1180px)}.header-inner{flex-direction:column;align-items:flex-start;gap:.55rem;padding-block:.8rem}.nav-list{gap:0}.nav-list a{padding-inline:.55rem}.brand-mark{min-width:2.45rem}.hero{gap:2rem;min-height:auto}.card-grid,.card-grid-two,.owner-todos ul,.field-grid,.definition-grid,.comparison-grid,.metric-grid{grid-template-columns:1fr}.case-record>div{grid-template-columns:1fr;gap:.25rem}.tool-panel{padding-inline:.85rem}.button-row{flex-direction:column;align-items:stretch}.button{width:100%}.checklist-step-card{padding:1rem!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.on-this-page,.button-row,.checklist-sample-toolbar,.related-links,button{display:none!important}body{color:#000;background:#fff}.shell{width:100%;max-width:100%;margin:0;padding:0}.checklist-step-card{break-inside:avoid;margin-bottom:1rem;border:1px solid #000!important}}