@font-face{font-family:Fira;src:url('/assets/font.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--navy:#0b2948;--blue:#125bc0;--ink:#22394e;--muted:#607183;--border:#dce5ec;--pale:#f1f7fd;--orange:#a44d20;--shadow:0 5px 20px #132f5010}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Fira,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #eaa565;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.18}h1,h2{font-family:Georgia,serif;font-weight:700;letter-spacing:-.035em}h1{font-size:46px;margin-bottom:18px}h2{font-size:30px;margin-bottom:18px}h3{font-size:18px;margin-bottom:8px}p{margin-bottom:16px}button{color:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-80px;left:15px;background:var(--navy);padding:12px;color:white;z-index:100}.skip:focus{top:8px}.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;color:var(--blue);margin-bottom:16px}.prototype-note{background:#edf2f7;color:#526477;font:12px/1.5 Arial,sans-serif;padding:7px 0}.prototype-note .wrap>span:first-child{font-weight:700;margin-right:10px}.note-right{float:right}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:bold 24px/1 Arial,sans-serif;letter-spacing:-1px;color:var(--navy);white-space:nowrap}.brand span{color:var(--blue)}.brand .brand-mark{color:#b36737;font-size:23px;margin-left:6px}.brand:hover{text-decoration:none}nav{display:flex;align-items:center;gap:32px}.site-header nav a{font:600 13px Arial,sans-serif;color:var(--ink)}.header-search{padding:11px 15px;border:1px solid var(--border);border-radius:6px}.header-search span{font-size:21px;margin-left:18px}.home-hero{background:linear-gradient(110deg,#f7fbff,#edf6fe 60%,#e5f0fb);border-bottom:1px solid #dceaf6}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:58px;align-items:center;padding-block:60px}.hero-copy h1{font-size:50px;line-height:1.1}.hero-copy h1 em{font-weight:inherit;color:var(--blue)}.lead{font-size:18px;line-height:1.65;color:#53697d;max-width:760px}.search-form{display:flex;margin-top:25px;padding:6px;background:white;border:1px solid #cddceb;border-radius:8px;box-shadow:var(--shadow)}.search-form input{min-width:0;flex:1;border:0;background:transparent;padding:12px;font-size:14px}.search-form button{border:0;border-radius:5px;background:var(--blue);color:white;padding:13px 20px;font-size:14px;font-weight:bold;white-space:nowrap}.search-form button span{margin-left:12px}.search-hint{margin-top:10px;color:var(--muted)}.search-hint a{border-bottom:1px solid #9dbddd}.benefits{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#46647c;margin-top:25px}.benefits b{color:#357b67;margin-right:5px}.hero-document{position:relative;width:100%;max-width:360px;justify-self:center;padding:10px 12px 28px}.sample-paper{position:relative;background:white;padding:30px 32px;transform:rotate(3deg);box-shadow:0 20px 38px #253f6723;border:1px solid #e3e8ee;border-radius:3px;font-size:12px;line-height:1.7}.paper-shadow{position:absolute;inset:26px 17px 33px 1px;border:1px solid #cbddef;background:#e0edf9;transform:rotate(-6deg);border-radius:3px}.paper-heading{display:flex;justify-content:space-between;font:9px Arial;color:#557186;letter-spacing:.08em;margin-bottom:21px}.sample-paper h2{font-size:28px;line-height:1.15}.paper-rule{width:34px;height:2px;background:#b4693f;margin-bottom:22px}.paper-sign{margin-top:25px;margin-bottom:0}.paper-tag{position:absolute;bottom:2px;left:8px;right:-5px;background:#fff;border:1px solid #dde7ef;box-shadow:0 6px 18px #12375a12;border-radius:6px;padding:13px 16px;font-size:12px}.tag-check{background:#dff3ea;color:#257158;border-radius:50%;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px}.section{padding-block:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:10px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category{display:flex;gap:15px;padding:23px 20px;border:1px solid var(--border);border-radius:7px;background:#fff;min-width:0}.category h3{font-size:16px}.category p{font-size:13px;color:var(--muted);margin-bottom:9px}.category-icon{flex:0 0 40px;height:40px;display:grid;place-items:center;background:#f0f6fc;border-radius:8px;color:#6385a6;font:13px Georgia,serif}.active-category{border-color:#97b9e6;box-shadow:var(--shadow)}.active-category:hover{background:#f8fbff;text-decoration:none}.category-action{font-size:12px;font-weight:bold}.category-action span{margin-left:8px}.planned-label{color:#7c6e60;font-size:11px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:32px 38px;border:1px solid var(--border);border-radius:8px;background:#f7fafe}.feature-row h2{font-size:30px}.feature-row p{font-size:14px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;border:1px solid #c8d6e4;border-radius:5px;padding:10px 15px;background:white;font:600 13px/1.5 Arial,sans-serif;min-height:42px;color:#254b73;white-space:nowrap}.button:hover{background:#f0f6fc;text-decoration:none}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:#104b99}.feature-quote{align-self:center;border-left:1px solid #d7e1ec;padding-left:45px}.feature-quote .quote-mark{font:60px/1 Georgia;color:#9ebcda}.feature-quote p{font:27px/1.5 Georgia;color:var(--navy);margin-bottom:15px}.feature-quote strong{color:var(--blue)}.how-section{padding-block:48px 60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:30px}.steps>div{position:relative;padding-left:47px}.steps span{position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid #d5e2ef;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:13px}.steps h3{font-size:16px}.steps p{font-size:14px;color:var(--muted);margin-bottom:0}.breadcrumb{padding-block:24px;gap:10px;color:#6a7d8e;font-size:12px;flex-wrap:wrap}.breadcrumb a{color:inherit}.catalog-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 0 35px;gap:30px}.catalog-heading h1{font-size:44px}.catalog-heading p:last-child{margin-bottom:0}.catalog-note{border-left:2px solid #c6dbef;padding-left:22px;font-size:13px;flex-shrink:0}.catalog-note strong{color:var(--navy)}.catalog-note p{color:var(--muted);margin:8px 0 0}.catalog-layout{display:grid;grid-template-columns:235px 1fr;gap:38px;border-top:1px solid var(--border);padding:30px 0 70px}.filter-panel{align-self:start}.filter-panel h2{font:600 16px Arial;margin-bottom:22px;letter-spacing:0}.filter-panel>label{font-size:12px;display:block;margin-bottom:8px}.filter-panel input[type=search]{width:100%;border:1px solid #cddae6;border-radius:5px;padding:10px;font-size:14px}.filter-panel fieldset{padding:21px 0;margin:16px 0 10px;border:0;border-bottom:1px solid var(--border)}.filter-panel legend{font-size:12px;color:var(--muted);padding:0}.filter-panel fieldset label{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 0;cursor:pointer}.filter-panel input[type=radio],.filter-panel input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}.available-filter{display:flex!important;align-items:start;gap:8px;line-height:1.6;padding:8px 0}.text-button{border:0;background:transparent;text-decoration:underline;color:var(--blue);font-size:12px;padding:8px 0}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:13px}.results-heading p{margin:0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-card{border:1px solid var(--border);border-radius:7px;padding:23px;min-width:0;display:flex;flex-direction:column;align-items:start}.result-card.available{border-color:#a6c3e5;background:linear-gradient(145deg,#f6faff,white);box-shadow:var(--shadow)}.result-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a7f91;display:flex;justify-content:space-between;width:100%;margin-bottom:18px}.result-kicker .ready{color:#307761}.result-card h2{font:600 19px/1.3 Arial;letter-spacing:-.025em;margin-bottom:10px}.result-card p{font-size:14px;color:var(--muted);flex:1}.result-bottom{font-size:12px;margin-top:8px}.result-bottom a{font-weight:bold}.catalog-disclosure{margin-top:23px;max-width:620px}.empty-state{padding:40px 20px;background:var(--pale)}.empty-state h2{font-size:24px}.letter-heading{padding:14px 0 32px;border-bottom:1px solid var(--border)}.letter-heading h1{font-size:40px;max-width:980px}.letter-heading .lead{font-size:17px}.letter-meta{display:flex;gap:22px;font-size:12px;color:var(--muted);margin-top:18px}.letter-meta span+span:before{content:"·";margin-right:22px}.letter-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;padding:28px 0 60px}.example-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.example-picker button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);background:#fff;padding:16px;border-radius:6px;min-width:0}.example-picker button[aria-pressed=true]{background:#edf5fd;border-color:#84addd}.picker-number{font:17px Georgia;color:#7e9abb}.example-picker strong{display:block;font:600 13px/1.4 Arial;color:var(--navy)}.example-picker small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.picker-check{margin-left:auto;color:var(--blue);visibility:hidden}.example-picker [aria-pressed=true] .picker-check{visibility:visible}.editor{border:1px solid #cddbe8;border-radius:7px;overflow:hidden;box-shadow:var(--shadow);--letter-size:11pt;--letter-leading:1.15}.editor-top{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;background:#f8fafc;border-bottom:1px solid var(--border);gap:10px}.editor-top .eyebrow{font-size:9px;margin:0;color:#708395}.editor-top h2{font:600 17px/1.3 Arial;letter-spacing:0;margin:5px 0 0}.editor-top>span{color:#718493;font-size:11px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:13px 18px;border-bottom:1px solid var(--border)}.download-group{display:flex;gap:8px;margin-left:auto}.editing-tools{display:flex;align-items:end;flex-wrap:wrap;gap:20px;padding:12px 20px;background:#f7fafe}.editing-tools label{font-size:11px;display:grid;gap:4px}.editing-tools select{font-size:13px;padding:6px;border:1px solid #cad9e7;border-radius:4px;background:white}.editing-tools .text-button{margin-left:auto}.editor-hint{font-size:11px;color:#647788;padding:15px 24px 0;margin:0}.editor-hint span{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #8fa9c1;border-radius:50%;margin-right:5px}.document{padding:34px 42px 36px;background:white}.document pre,.document textarea{font:var(--letter-size)/var(--letter-leading) Fira,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;border:0;background:#fff;color:#273d50;margin:0;padding:0;width:100%;display:block;resize:none}.document pre{overflow:visible}.document textarea{overflow:hidden;min-height:700px}.document textarea:focus{outline:2px solid #a3bfdf;outline-offset:12px}.editor-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:12px 20px;background:#f8fafc;gap:10px;font-size:11px;color:var(--muted)}.editor-bottom p{margin:0}.editor-bottom>span{white-space:nowrap}.privacy{font-size:11px;color:#728192;line-height:1.7;padding:14px 4px;margin-bottom:0}.letter-sidebar{align-self:start}.guide-box{background:#f2f7fc;border:1px solid #dce8f3;border-radius:7px;padding:25px 23px}.guide-box .eyebrow{font-size:9px;margin-bottom:10px}.guide-box h2{font-size:23px;letter-spacing:-.03em}.guide-box ol{padding-left:21px;margin:24px 0 20px;font-size:13px}.guide-box li{padding-left:5px;margin-bottom:20px}.guide-box li::marker{color:var(--blue);font-weight:bold}.guide-box strong{color:var(--navy)}.guide-box p{font-size:12px;color:var(--muted);margin:5px 0 0}.check-button{width:100%;font-size:11px;gap:6px;padding-inline:9px}.check-result{font-size:12px;color:#6e471d;background:#fff6e8;margin-top:15px;padding:12px;border-radius:4px}.check-result ul{padding-left:15px;margin:8px 0 0}.sidebar-note{padding:22px 10px;font-size:12px;color:var(--muted)}.sidebar-note strong{color:#536c81}.sidebar-note p{margin:6px 0 0}.back-link{display:block;border-top:1px solid var(--border);padding:16px 8px;font-size:12px}.content-section{padding-top:35px}.content-section h2,.faq h2{font-size:26px}.advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.advice-grid h3{font-size:16px}.advice-grid .eyebrow{font-size:9px;display:block;margin:4px 0 10px}.advice-grid p{font-size:14px;color:var(--muted)}.faq{margin-top:22px}.faq details{border-top:1px solid var(--border);padding:14px 0}.faq summary{font-size:14px;font-weight:bold;cursor:pointer}.faq details p{font-size:14px;color:var(--muted);margin:14px 0 0}.mobile{display:none}footer{background:#f3f7fb;border-top:1px solid var(--border);padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-inner .brand{font-size:21px}.footer-inner p,.footer-inner>a{font-size:12px;color:var(--muted);margin:10px 0 0}
@media(min-width:1600px){.hero-grid{padding-block:74px}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.hero-grid{gap:20px;grid-template-columns:1.5fr 1fr;padding-block:42px}.hero-copy h1{font-size:41px}.lead{font-size:16px}.hero-document{max-width:290px}.sample-paper{padding:25px}.sample-paper h2{font-size:25px}.benefits{gap:10px}.category-grid{grid-template-columns:1fr 1fr}.catalog-note{display:none}.letter-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.guide-box{padding:20px 16px}.example-picker{grid-template-columns:1fr}.document{padding:28px}.letter-heading h1{font-size:34px}.toolbar{padding:12px}.toolbar .button{font-size:11px;padding:9px 11px}.download-group{margin-left:0}.catalog-layout{grid-template-columns:205px 1fr;gap:24px}.result-card{padding:18px}.desktop{display:none}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.note-right{display:none}.prototype-note{font-size:10px}.header-inner{height:68px;gap:10px}.brand{font-size:21px}.site-header nav{gap:18px}.site-header nav a{font-size:12px}.site-header nav a:nth-child(2),.header-search{display:none}.hero-grid{grid-template-columns:1fr;padding-block:38px}.hero-copy h1{font-size:39px}.hero-document{display:none}.lead{font-size:16px}.search-form input{font-size:13px;padding:10px 7px}.search-form button{padding:12px;font-size:12px}.search-form button span{display:none}.benefits{font-size:11px;gap:13px}.section{padding-block:30px}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading>span{display:block;margin-top:12px}.category-grid{grid-template-columns:1fr}.category{padding:20px}.feature-row{grid-template-columns:1fr;padding:26px;gap:20px}.feature-quote{display:none}.feature-row h2{font-size:28px}.steps{grid-template-columns:1fr;gap:25px}.how-section h2{font-size:27px}.catalog-heading{padding:12px 0 25px}.catalog-heading h1{font-size:35px}.catalog-layout{grid-template-columns:1fr;gap:18px;padding-top:22px}.filter-panel{background:#f5f9fd;padding:18px;border-radius:6px}.filter-panel h2{margin-bottom:14px}.filter-panel fieldset{display:flex;flex-wrap:wrap;gap:4px 18px;margin:10px 0;padding:10px 0}.filter-panel fieldset label{font-size:12px;padding:5px 0}.filter-panel .text-button{padding:4px 0}.result-grid{grid-template-columns:1fr}.result-card{padding:23px}.result-card h2{font-size:19px}.letter-heading h1{font-size:31px;overflow-wrap:normal}.letter-heading .eyebrow{font-size:10px}.letter-heading .lead{font-size:15px}.letter-meta{gap:10px;font-size:10px}.letter-meta span+span:before{margin-right:10px}.letter-layout{grid-template-columns:1fr}.letter-sidebar{display:grid;grid-template-columns:1fr}.example-picker{grid-template-columns:1fr 1fr;gap:8px}.example-picker button{padding:12px;gap:7px;align-items:start}.picker-number{font-size:13px}.example-picker strong{font-size:11px}.example-picker small{font-size:10px}.picker-check{display:none}.editor-top{padding:17px}.editor-top h2{font-size:16px}.editor-hint{padding:14px 17px 0}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toolbar .button{font-size:12px;min-height:44px}.download-group{display:contents}.document{padding:27px 22px}.document pre,.document textarea{font-size:max(var(--letter-size),15px)}.document textarea{font-size:16px}.editing-tools{gap:12px;padding:12px}.editing-tools .text-button{margin-left:0}.editor-bottom{align-items:start;padding:12px;font-size:10px}.advice-grid{grid-template-columns:1fr;gap:8px}.footer-inner{display:block}.footer-inner>p{margin-top:20px}.footer-inner>a{display:inline-block;margin-top:12px}.breadcrumb{font-size:10px;gap:7px;padding-block:18px}.mobile{display:block}.content-section h2,.faq h2{font-size:24px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,border-color .15s}}
/* Letter workflow polish: preserve the approved visual system. */
/* Application-specific context, without changing the approved visual language. */
.vacancy-notes{border:1px solid var(--border);border-radius:7px;margin-bottom:24px;background:#fbfcfe}
.vacancy-notes>summary{cursor:pointer;padding:16px 20px;color:var(--navy);font-size:14px;font-weight:bold}
.vacancy-notes summary small{font-size:11px;color:var(--muted);font-weight:normal;margin-left:12px}
.vacancy-notes>div{padding:0 20px 18px}.vacancy-notes label{display:block;font-size:13px;margin:8px 0}
.vacancy-notes textarea{width:100%;min-height:100px;resize:vertical;padding:12px;border:1px solid #b8cde1;border-radius:5px;font-size:15px;background:white;color:var(--ink)}
.vacancy-notes p{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.choice-heading{font-size:22px;margin-bottom:14px}.profile-context{padding:0 4px 18px;font-size:13px}
.profile-context strong{color:var(--navy)}.profile-context p{margin:5px 0 0;color:var(--muted);line-height:1.6}
.field-help{font-size:13px;line-height:1.6;margin:0 0 5px;color:#425f78}
.field-illustration{padding:10px 13px;background:#fff;border:1px solid #d3e2f0;border-radius:4px;margin-bottom:5px}
.field-illustration summary,.vacancy-reference summary{cursor:pointer;font-size:12px;color:var(--blue)}
.field-illustration p{font-size:14px;color:var(--navy);margin:10px 0}.field-illustration small{display:block;font-size:11px;color:var(--muted)}
.vacancy-reference{border-top:1px solid #ccdeee;padding-top:15px;margin-top:16px}
.vacancy-reference p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:180px;overflow:auto;margin:12px 0 0}
.application-checklist{padding:16px 0 0;border:0;border-top:1px solid #edd7bb;margin:18px 0 0}
.application-checklist legend{font-size:13px;font-weight:bold;padding-right:8px;color:var(--navy)}
.application-checklist label{display:flex;align-items:flex-start;gap:9px;font-size:13px;padding:7px 0;cursor:pointer}
.application-checklist input{flex-shrink:0;width:17px;height:17px;margin:2px 0 0;accent-color:var(--blue)}
.action-review .review-progress{font-size:11px;margin:10px 0;color:var(--muted)}
.action-review .review-disclaimer{font-size:11px;line-height:1.6}
@media(max-width:720px){
 .vacancy-notes summary small{display:block;margin:5px 0 0 15px}
 .vacancy-notes>summary{padding:14px}.vacancy-notes>div{padding:0 14px 15px}.vacancy-notes textarea{font-size:16px}
 .choice-heading{font-size:21px}.profile-context{font-size:12px}.field-help{font-size:13px}
 .application-checklist label{padding-block:10px}
}

.journey{display:flex;gap:28px;list-style:none;padding:20px 0;margin:0;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.journey li{display:flex;align-items:center;gap:9px}.journey b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf4fc;color:var(--blue)}
.field-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:#f9fbfd;font-size:12px;color:#4c657c}
.field-summary .text-button{font-size:12px;white-space:nowrap}
.field-guide{padding:24px;background:#f1f7fd;border-bottom:1px solid #d1e1f1}
.guide-heading{display:flex;gap:20px;align-items:start;justify-content:space-between}.guide-heading .eyebrow{font-size:9px}.guide-heading h3{font-size:18px;margin:7px 0 12px}
.field-guide form{display:grid;grid-template-columns:1fr;gap:8px}.field-guide label{font-size:12px;font-weight:bold;color:var(--navy)}
.field-guide select,.field-guide textarea{width:100%;min-width:0;border:1px solid #b8cde1;border-radius:5px;background:white;color:var(--ink);padding:11px;font-size:15px}
.field-guide select{margin-bottom:6px;text-overflow:ellipsis}.field-guide textarea{resize:vertical;min-height:74px}
.field-context{font-size:12px;color:#536b80;margin:0 0 8px;line-height:1.5;max-height:88px;overflow:auto}
.guide-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.guide-actions .text-button{font-size:12px}
.document pre{white-space:pre-wrap;overflow-wrap:anywhere}
.placeholder-token{font:inherit;color:#155a9f;background:#edf5fc;border:0;border-bottom:1px dashed #82b0d7;border-radius:3px;padding:0 2px;display:inline;text-align:left;white-space:normal;overflow-wrap:anywhere}
.placeholder-token:hover{background:#dbeafa}.placeholder-token:focus-visible{outline-offset:1px}
.action-review{margin:16px 20px;padding:20px;background:#fff7ed;border:1px solid #edd7bb;border-radius:6px;color:#624d33}
.action-review h3{font-size:17px}.action-review p{font-size:13px;margin:10px 0 14px}
.action-review>div{display:flex;gap:10px;flex-wrap:wrap}.action-review .button{min-height:42px}
.undo-row{padding:0 20px 15px;font-size:12px}.check-result .text-button{text-align:left;font-size:12px;white-space:normal}
.letter-heading{padding-bottom:22px}.letter-layout{padding-top:24px}
@media(max-width:720px){
 .journey{gap:8px;justify-content:space-between;padding:16px 0;font-size:10px}.journey li{gap:5px;flex:1;align-items:start}.journey b{flex-shrink:0;width:20px;height:20px;font-size:10px}
 .field-summary{padding:10px 12px;font-size:11px}.field-summary .text-button{font-size:11px}
 .field-guide{padding:18px 14px}.guide-heading{gap:10px}.guide-heading h3{font-size:16px}.field-guide select,.field-guide textarea{font-size:16px}
 .guide-actions{gap:8px}.guide-actions .button{width:100%;min-height:44px}.guide-actions .text-button{min-height:40px}
 .action-review{margin:12px;padding:16px}.action-review>div{flex-direction:column}.action-review .button{width:100%}
 .undo-row .text-button{white-space:normal;text-align:left;min-height:40px}
 .placeholder-token{padding-block:2px}.letter-layout{padding-top:20px}
}
/* Progressive enhancement: letters remain readable before JavaScript initializes. */
body:not(.js-ready) .editor .toolbar,body:not(.js-ready) .field-summary,body:not(.js-ready) .editor-hint,body:not(.js-ready) .editor-bottom,body:not(.js-ready) .example-picker,body:not(.js-ready) .check-button{display:none}
.document pre{white-space:pre-wrap;overflow-wrap:anywhere}
.static-index{padding-block:40px}.static-index .result-grid{margin-top:24px}
.noscript-example{margin-block:24px}.noscript-example pre{white-space:pre-wrap;overflow-wrap:anywhere}
.support-layout{padding-block:28px 64px}.support-heading{max-width:760px;margin:22px 0 32px}.support-heading h1{font-size:clamp(32px,5vw,48px)}.support-heading .lead{max-width:680px}.support-columns{display:grid;grid-template-columns:minmax(0,740px) minmax(190px,1fr);gap:60px;align-items:start}.support-copy{min-width:0;line-height:1.75}.support-copy section+section{margin-top:32px}.support-copy h2{font-size:23px;line-height:1.3;margin:0 0 12px}.support-copy p{margin:0 0 16px}.support-copy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.support-copy ul{padding-left:22px}.support-copy li{margin-bottom:10px}.support-notice{max-width:740px;padding:18px 22px;background:#fff6e9;border:1px solid #ead8bd;border-radius:6px;margin-bottom:30px;font-size:14px}.support-notice p{margin:8px 0 0}.support-nav{display:flex;flex-direction:column;gap:13px;padding:22px;background:#f3f7fb;border-radius:6px;font-size:14px}.support-nav a[aria-current]{font-weight:700;text-decoration:underline}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:13px}.footer-inner{align-items:start}.footer-inner>div p{max-width:300px}.prototype-note a{color:inherit;text-decoration:underline}
@media(max-width:760px){.support-columns{grid-template-columns:1fr;gap:30px}.support-layout{padding-block:22px 40px}.support-heading{margin-top:18px}.support-copy h2{font-size:21px}.footer-links{width:100%;gap:14px 20px}.footer-inner{flex-wrap:wrap;gap:26px}}
.field-group{background:#fff;border:1px solid #cddbe8;border-radius:6px;margin:0 0 12px;overflow:hidden}
.field-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;font-weight:600;color:var(--navy);list-style:none}
.field-group>summary::-webkit-details-marker{display:none}.field-group>summary:after{content:'+';font-size:20px;font-weight:400}.field-group[open]>summary:after{content:'−'}
.group-progress{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:400;color:#526477}
.group-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:4px 16px 20px}
.guided-field{min-width:0}.guided-field label{display:block;margin-bottom:6px;line-height:1.45}.guided-field input,.guided-field textarea{display:block;width:100%;min-width:0;border:1px solid #b8cde1;border-radius:5px;background:#fff;color:var(--ink);padding:10px;font-size:16px;line-height:1.45}
.guided-field textarea{min-height:100px;resize:vertical}.field-advice{font-size:12px;margin-top:6px;color:#425f78}.field-advice summary{cursor:pointer;padding:5px 0;color:var(--blue)}.field-advice p{margin:8px 0;overflow-wrap:anywhere}
.field-group:has(textarea) .group-fields{grid-template-columns:1fr}.field-guide .guide-actions{margin-top:16px}.field-guide>p{overflow-wrap:anywhere}
@media(max-width:600px){.group-fields{grid-template-columns:1fr}.field-group>summary{padding:14px 12px;font-size:14px}.group-fields{padding:4px 12px 16px;gap:16px}.group-progress{font-size:11px}.field-guide .guide-heading p{font-size:13px}.field-guide .guide-actions .button{white-space:normal}}
.page-jumps{display:flex;flex-wrap:wrap;gap:10px 20px;padding:0 0 24px;font-size:13px}.example-picker-many{grid-template-columns:repeat(3,minmax(0,1fr))}.example-picker-many button{min-width:0}.example-picker-many strong{font-size:12px}#voorbeelden,#opbouw,#persoonlijk,#vragen{scroll-margin-top:20px}@media(max-width:1000px){.example-picker-many{grid-template-columns:1fr}.example-picker-many strong{font-size:13px}}
