/* Hallmark · macrostructure: Illustrated Manual · theme: studied-DNA (source: https://impeccable.style/gallery/view/5e92c078544a22a1/) · nav: manual masthead · footer: mast-headed */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 · studied: yes · display: Barlow · body: Barlow · illustration: original media-review schematic */

body{font-size:17px}::selection{background:var(--selection);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 96px))}h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:1.04;text-transform:uppercase}h1{font-size:clamp(52px,5.5vw,76px)}h2{font-size:clamp(36px,3.7vw,52px)}h3{font-size:23px;letter-spacing:-.02em}.site-header{background:var(--cover);color:var(--cover-text)}.site-header .topline,.site-header .masthead{width:min(1280px,calc(100% - 96px));margin:auto;border-color:var(--cover-line)}.topline{font-size:10px;padding:8px 0;color:var(--cover-muted)}.status-dot{background:var(--cover-text)}.masthead{padding:24px 0}.brand{color:inherit}.brand-type{font-family:var(--font-brand);font-size:32px}.brand-mark{font-family:var(--font-brand);border-top-color:currentColor;border-bottom-color:currentColor}.site-header nav a:hover{color:var(--cover-text);text-decoration:underline}.site-header nav a[aria-current=page]{text-decoration-color:var(--cover-text)}nav{gap:28px}nav a{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.site-header .btn.secondary{border-color:var(--cover-line);color:var(--cover-text)}.site-header .btn.secondary:hover{background:var(--cover-text);color:var(--cover)}.site-header .menu-toggle{color:var(--cover-text);border-color:var(--cover-line)}.site-header .menu-toggle:hover{background:var(--cover-text);color:var(--cover)}.btn{border-radius:0;padding:14px 20px;font-size:14px;letter-spacing:.03em;text-transform:uppercase}.btn:hover{background:var(--blue);border-color:var(--blue)}.btn.secondary{border-color:var(--control-line)}.btn.light{background:var(--cover-text);color:var(--cover)}.text-link{font-size:14px;text-transform:uppercase;letter-spacing:.025em}.cover{background:var(--cover);color:var(--cover-text)}.cover .hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);padding:56px 0 40px;gap:64px;align-items:center}.cover h1{font-size:clamp(52px,5.4vw,76px);line-height:1.02;letter-spacing:-.045em;max-width:12ch}.cover h1 span{color:var(--cover-muted)}.hero-copy .eyebrow{color:var(--cover-muted);font-size:10px;margin-bottom:20px}.hero-copy p.lede{font-size:19px;line-height:1.55;max-width:44ch;color:var(--cover-text);margin-top:24px}.cover .btn{background:var(--cover-text);border-color:var(--cover-text);color:var(--cover)}.cover .btn:hover{background:var(--cover-muted);border-color:var(--cover-muted)}.cover .text-link:hover{color:var(--cover-muted)}.hero-copy .note{color:var(--cover-muted);font-size:12px}.cover .scope-strip{border-color:var(--cover-line);color:var(--cover-muted);font-size:10px;padding:16px 0 20px}.cover .scope-strip strong{color:var(--cover-text)}.review-diagram{margin:0;min-width:0}.diagram-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cover-muted);margin-bottom:16px}.review-diagram svg{width:100%;height:auto;display:block;color:var(--cover-text)}.diagram-sheet{fill:var(--cover);stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.diagram-ink{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.diagram-faint{fill:none;stroke:var(--cover-line);stroke-width:1;stroke-dasharray:4 5}.diagram-number{fill:var(--cover-text);stroke:none}.diagram-numeral{fill:var(--cover);font:700 15px var(--font-body);text-anchor:middle;dominant-baseline:central}.diagram-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:16px;border-top:1px solid var(--cover-line);list-style:none;padding:0}.diagram-key li{padding:8px 0;border-bottom:1px solid var(--cover-line);font-size:12px;display:flex;align-items:center;gap:12px}.diagram-key a{color:var(--cover-text);text-decoration:none;min-height:32px;display:inline-flex;align-items:center;gap:12px}.diagram-key a:hover{text-decoration:underline}.diagram-key b{font-size:10px;border:1px solid var(--cover-line);width:20px;height:20px;display:inline-grid;place-items:center}.diagram-note{font-size:11px;color:var(--cover-muted);margin-top:12px}.edition-section{padding:64px 0;gap:80px}.edition-label{color:var(--blue);font-size:10px}.edition-list{border-top:2px solid var(--ink)}.edition-row{padding:28px 0}.edition-row p{font-size:16px}.dark{background:var(--cover);color:var(--cover-text)}.statement{padding:56px 0}.statement h2{font-size:clamp(36px,3.7vw,52px)}.statement p{color:var(--cover-text)}.statement .eyebrow{color:var(--cover-muted);font-size:10px}.dark a:hover{color:var(--cover-muted)}.section{padding:64px 0}.section-heading p{font-size:17px}.sequence{margin-top:40px;gap:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.sequence article{padding:24px;border-top:0}.sequence article:first-child{padding-left:0}.sequence article+article{border-left:1px solid var(--line)}.step-number{font:700 24px/1 var(--font-body);color:var(--blue);margin-bottom:24px}.sequence h3{font-size:21px}.sequence p{font-size:16px}.comparison{font-size:16px}.comparison thead{border-top:2px solid var(--ink)}.comparison th:last-child{color:var(--blue)}.comparison th,.comparison td{padding-block:18px}.comparison th[scope=row]{font-weight:500}.page-hero{padding:56px 0;border-color:var(--ink)}.page-hero h1{max-width:18ch}.page-hero .eyebrow{color:var(--blue);font-size:10px;margin-bottom:20px}.page-hero p{font-size:21px;max-width:55ch}.file-stage{padding:0;background:transparent;max-width:600px}.file-label{font-size:10px;letter-spacing:.08em;gap:16px;margin-bottom:16px}.file{padding:0;box-shadow:none;background:var(--sheet);border-color:var(--line)}.file:before{display:none}.file-top{padding:16px 20px;background:var(--wash);border-color:var(--line)}.console-name{font-size:12px;font-weight:600}.console-name span{color:var(--muted);font-weight:400;margin-left:8px}.badge{font-size:10px;color:var(--red);padding:4px 8px}.badge.approved{color:var(--green)}.file .file-title{font:600 22px/1.2 var(--font-body);text-transform:none;letter-spacing:-.02em;margin:24px 20px 4px}.file .filename{font-size:12px;margin:0 20px 20px}.console-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--line)}.console-meta div{padding:12px 20px;font-size:12px}.console-meta div+div{border-left:1px solid var(--line)}.console-meta span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.console-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 20px;border-bottom:1px solid var(--line)}.checkline{padding:12px 20px;font-size:13px}.review-result{border-top:2px solid var(--blue);padding:16px 20px;margin:0;background:var(--selection);font-size:12px}.review-result strong{font-size:18px;margin-bottom:4px}.demo-buttons{padding:16px 20px;margin:0;gap:12px}.demo-buttons button{font-size:11px;padding:12px;min-height:44px}.demo-caption{font-size:11px;margin-top:12px}.audit-sample{border:1px solid var(--line);background:var(--wash)}.sample-image{background:var(--cover);color:var(--cover-text);font:700 34px/1 var(--font-body);text-transform:uppercase}.plan-summary{background:var(--wash);border:1px solid var(--line);border-top:3px solid var(--blue);color:var(--ink)}.plan-summary p{color:var(--muted)}.plan-summary .price{font:700 64px/1 var(--font-body);letter-spacing:-.045em;color:var(--blue)}.plan-summary .btn.light{background:var(--ink);border-color:var(--ink);color:var(--sheet)}.plan-summary .btn.light:hover{background:var(--blue);border-color:var(--blue)}.plan-option:has(input:checked){background:var(--selection)}.plan-option input{accent-color:var(--blue);margin-left:12px}.plan-option b{padding-right:12px}input[type=text],input[type=search]{border-color:var(--control-line)}.site-footer{border-top:2px solid var(--ink)}.footer-tag{font-family:var(--font-brand);font-size:32px}.footer-bottom{font-size:11px}.footer-links a{font-size:13px}.closing h2{max-width:20ch}.doc-content h2{font-size:36px}.prose h2{font-size:32px}dialog h2{font-size:40px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--blue)}.cover a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.dark a:focus-visible{outline-color:var(--cover-text)}
@media(max-width:1100px){.cover .hero{gap:40px}.cover h1{font-size:64px}.edition-section{gap:48px}.edition-row{grid-template-columns:minmax(0,1fr) auto}.edition-label{grid-column:1/-1}.sequence article{padding:20px}.console-name span{display:none}}
@media(max-width:900px){.wrap,.site-header .topline,.site-header .masthead{width:calc(100% - 40px)}.masthead{padding:20px 0}.brand-type{font-size:29px}.cover .hero{grid-template-columns:minmax(0,1fr);padding:40px 0;gap:40px}.cover h1{font-size:clamp(52px,9vw,72px);max-width:14ch}.hero-copy .lede{max-width:50ch}.review-diagram{max-width:600px;width:100%;justify-self:center}.edition-section{grid-template-columns:minmax(0,1fr);gap:32px;padding:48px 0}.section{padding:48px 0}.statement{padding:48px 0}.sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence article:first-child{padding-left:20px}.sequence article+article{border-left:0}.sequence article:nth-child(2n){border-left:1px solid var(--line)}.sequence article:nth-child(n+3){border-top:1px solid var(--line)}.page-hero{padding:40px 0}.page-hero h1{font-size:clamp(48px,8vw,68px)}.page-hero p{font-size:20px}.file-stage{justify-self:start;width:100%}.comparison{font-size:14px}.comparison th,.comparison td{padding:12px 8px}.comparison th:first-child,.comparison td:first-child{padding-left:0}.plan-summary .price{font-size:52px}.console-name span{display:inline}}
@media(max-width:375px){.wrap,.site-header .topline,.site-header .masthead{width:calc(100% - 32px)}.brand-type{font-size:26px}.cover h1{font-size:48px}.hero-copy p.lede{font-size:18px}.diagram-caption{font-size:9px;letter-spacing:.04em}.diagram-key{gap:0 12px}.diagram-key li{font-size:11px}.console-name span{display:none}.demo-buttons{flex-direction:column;align-items:stretch;padding:16px}.demo-buttons button{width:100%}.console-meta div{padding:12px 16px}.sequence{grid-template-columns:minmax(0,1fr)}.sequence article:nth-child(2n){border-left:0}.sequence article+article{border-top:1px solid var(--line)}.footer-tag{font-size:26px}.plan-option{gap:12px}.plan-option b{font-size:15px}}

@media(min-width:901px){.cover .hero{align-items:start}.review-diagram{padding-top:24px}.review-diagram svg{max-height:400px}}

/* Requested brand palette: white surfaces and text on the cover; the same blue for dark text. */
.plan-option:has(input:checked){outline:1px solid var(--blue);outline-offset:-1px}.btn:hover,.btn.secondary:hover{text-decoration:underline}input::placeholder{color:var(--muted);opacity:1}

/* Theme control and dark surface variant. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;white-space:nowrap;border:1px solid var(--cover-line);background:transparent;color:var(--cover-text);font:500 12px/1 var(--font-body);cursor:pointer}.theme-toggle:hover{background:var(--cover-text);color:var(--cover)}.theme-toggle:active{opacity:.75}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.theme-sun{display:none}:root[data-theme="dark"] .theme-moon{display:none}:root[data-theme="dark"] .theme-sun{display:block}.site-header .theme-toggle:focus-visible{outline-color:var(--cover-text)}
:root[data-theme="dark"] .site-header .btn.secondary:hover{background:var(--cover-text);color:var(--cover)}:root[data-theme="dark"] .plan-summary .btn.light{color:var(--paper)}:root[data-theme="dark"] .btn.light{background:var(--ink);color:var(--paper)}:root[data-theme="dark"] .file .badge{color:var(--ink)}:root[data-theme="dark"] .sample-image{background:var(--cover);color:var(--cover-text)}:root[data-theme="dark"] .btn.secondary:hover{background:var(--selection);color:var(--ink)}:root[data-theme="dark"] .close-dialog:hover{background:var(--selection)}
@media(min-width:1101px){nav{gap:20px}.brand-type{font-size:30px}}
@media(max-width:1100px){.masthead{flex-wrap:wrap;gap:16px}.menu-toggle{display:block;border:1px solid var(--cover-line);background:transparent;padding:10px 16px;min-height:44px}.masthead nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--cover-line);padding-top:16px}.masthead nav.open{display:flex}.masthead nav a{padding:14px 0}.masthead nav .theme-toggle{align-self:start;margin-top:12px}.topline span:last-child{display:none}}

/* Shared gavel brand mark. */
.brand-mark{width:28px;height:32px;border:0;flex-shrink:0}.brand-mark svg{display:block;width:28px;height:28px}

/* Square, proportional gavel with a clearer head and handle. */
.brand-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;aspect-ratio:1;flex:0 0 32px;border:0}.brand-mark svg{display:block;width:32px;height:32px;aspect-ratio:1;flex-shrink:0}

/* WCAG audit corrections: names, focus, reflow and text-spacing tolerance. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header .brand:hover{color:var(--cover-text)}.plan-options,.plan-options legend,.plan-option,.plan-option span{min-width:0;max-width:100%}.comparison{table-layout:fixed}.comparison th,.comparison td,.comparison caption{overflow-wrap:anywhere}.table-wrap{max-width:100%;overscroll-behavior-inline:contain}.table-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.doc-nav{min-width:0}.doc-nav a{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.btn[aria-disabled="true"]{cursor:default;opacity:.6}.btn[aria-disabled="true"]:hover{text-decoration:none}#main:focus{outline:none}.close-dialog{border-color:var(--control-line)}
@media(max-width:600px){.plan-option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px 12px;padding:20px 12px}.plan-option input{grid-column:1;grid-row:1 / span 2;margin:0;align-self:center}.plan-option span{grid-column:2}.plan-option b{grid-column:2;padding:0;white-space:normal}.doc-nav{display:block}.doc-nav a{display:block}.diagram-key a{white-space:normal;overflow-wrap:anywhere}.dialog-top{flex-wrap:wrap}.file-label{flex-wrap:wrap}}

/* Enlarged text must be able to move navigation onto a new row. */
.masthead{flex-wrap:wrap}.masthead nav{flex-wrap:wrap;min-width:0;max-width:100%}

/* Broad-headed gavel and striking block; preserve its natural aspect ratio. */
.brand-mark{width:36px;min-width:36px;height:32px;aspect-ratio:64 / 56;flex:0 0 36px}.brand-mark svg{width:36px;height:32px;aspect-ratio:64 / 56}

/* Larger mark and fuller head, preserving the drawing aspect ratio. */
.brand-mark{width:48px;min-width:48px;height:44px;aspect-ratio:74 / 68;flex:0 0 48px}.brand-mark svg{width:48px;height:44px;aspect-ratio:74 / 68}.brand{gap:12px}
@media(max-width:375px){.brand{gap:8px}.brand-type{font-size:25px}}

/* Longer handle with a wider natural drawing box, without stretching. */
.brand-mark,.brand-mark svg{aspect-ratio:80 / 68}
@media(max-width:375px){.brand-type{font-size:24px}.masthead{column-gap:12px}}

/* Link sound preference: available before activating navigation; wraps with the menu. */
.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--cover-line);background:transparent;color:var(--cover-text);font:500 12px/1 var(--font-body);white-space:nowrap;cursor:pointer}.sound-toggle[hidden]{display:none}.sound-toggle:hover{background:var(--cover-text);color:var(--cover)}.sound-toggle .sound-state{font-weight:700}.site-header .sound-toggle:focus-visible{outline-color:var(--cover-text)}
@media(max-width:1100px){.masthead nav .sound-toggle{align-self:start;margin-top:12px}}