.application-pack{margin:10px 0;padding:22px;border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--panel)}
.application-pack h3,.editor-section-title{font-family:Fraunces,Georgia,serif;font-size:25px;margin:0 0 14px}
.application-pack h4{font-size:17px;margin:28px 0 8px}
.application-pack>.field-help{margin-bottom:18px}
.application-pack-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0;min-width:0}
.job-ai,.job-ai-unavailable{min-width:0;overflow-wrap:anywhere}
.job-ai summary{min-height:44px;align-content:center;cursor:pointer;color:var(--blue);padding:6px 10px;border-radius:4px}
.job-ai summary:hover{background:var(--panel)}
.job-ai summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.job-ai .application-pack{margin:8px 0;padding:16px}
.job-ai .application-pack>p:first-child{margin-top:0}
.job-ai [data-job-draft-status]:empty{display:none}
.job-ai [data-job-draft-status]{margin:10px 0;font-weight:600}
.job-ai [data-letter-brief]{margin-top:12px}
.job-ai :is(button,select,input){min-height:44px;max-width:100%}
.job-ai .action-row{flex-wrap:wrap;gap:12px}
.job-ai .action-row button{white-space:normal;overflow-wrap:anywhere}
.job-ai-unavailable{font-size:14px;color:var(--muted);margin-top:10px}
.application-selects{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
.application-selects>.form-field{min-width:0}
.application-selects select{width:100%}
.linked-document-row{display:flex;align-items:baseline;gap:8px 15px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.linked-document-row>span:first-child{font-weight:650;min-width:90px}
.linked-document-row .text-action{font-size:14px;min-width:0;overflow-wrap:anywhere;text-align:left}
.linked-document-row>.form-field{min-width:0;max-width:100%;flex:0 1 320px}
.linked-document-row [data-job-cv]{width:100%;min-width:0}
[data-pack-preview]{margin-bottom:14px}
.link-page-options{margin:20px 0 0}
.link-page-options summary,.related-records summary,.card-materials summary{color:var(--blue);cursor:pointer;font-size:14px;min-height:36px;padding:7px 0}
.linked-pages{margin:14px 0;padding:12px 15px;border:1px solid var(--line);display:grid;gap:10px;max-height:210px;overflow:auto;grid-column:1/-1}
.linked-pages legend{font-size:13px;padding:0 6px;font-weight:600}
.linked-pages label,.inherit-pages,.archive-choice{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}
.linked-pages input,.inherit-pages input,.archive-choice input{flex-shrink:0;width:19px;height:19px;accent-color:var(--blue)}
.application-answer{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:14px}
.application-answer .form-field{gap:8px}
.application-answer textarea{min-height:85px}
.application-answer [data-answer-text]{min-height:125px}
.application-answer .text-action{justify-self:start;font-size:12px}
#application-answers{margin-bottom:14px}
.related-records{margin:15px 0;min-width:0;grid-column:1/-1}
.related-records ul{list-style:none;padding:0;margin:8px 0;max-height:200px;overflow:auto}
.related-records li{padding:8px 0;border-bottom:1px solid var(--line)}
.related-records li button{text-align:left;font-size:13px;line-height:1.6}
.related-records li small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.related-empty{margin:12px 0;grid-column:1/-1}
.card-materials{grid-column:1/-1;margin:8px 0 16px;min-width:0}
.card-materials .linked-document-row{font-size:12px}
.card-materials .linked-document-row .text-action{font-size:12px}
.job-status .record-stamp{font-weight:700;background:var(--paper)}
.job-status[data-status=Rejected] .record-stamp,.job-status[data-status=Withdrawn] .record-stamp{color:var(--ink);border-style:dashed}
.job-status[data-status=Offer] .record-stamp,.job-status[data-status=Accepted] .record-stamp{background:var(--blue);color:var(--accent-on)}
.collection-add-actions{display:flex;flex-wrap:wrap;gap:12px}
.prep-linked-pack{margin:18px 0;padding:14px 20px;border:1px solid var(--line);background:var(--panel)}
.submitted-answers article{padding:17px 20px;border-left:3px solid var(--blue);background:var(--panel);margin:14px 0}
.submitted-answers h5{font-size:15px;margin:0 0 10px;line-height:1.5}
.submitted-answers p{font-size:15px;line-height:1.7;white-space:pre-wrap}
.letter-dialog{max-width:850px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:8px}
.letter-paper{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 52px)}
.letter-paper>header{position:relative;padding:22px 27px;border-bottom:1px solid var(--line)}
.letter-paper h2{font-size:28px;padding-right:35px;margin-top:7px}
.letter-paper>header>button{position:absolute;right:20px;top:20px}
.letter-paper form{display:flex;flex-direction:column;min-height:0}
.letter-body{overflow:auto;padding:24px 28px;min-height:0}
.letter-body .form-field{gap:8px}
.letter-visibility{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:16px;border:1px solid var(--line);border-radius:3px;min-width:0}
.letter-visibility legend{padding:0 6px;font-weight:600}
.letter-visibility label{display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer}
.letter-visibility input{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue)}
.letter-visibility .field-help{grid-column:1/-1}
@media(max-width:480px){.letter-visibility{grid-template-columns:1fr}}
.letter-body textarea{min-height:280px;line-height:1.7}
.letter-body .field-help{margin-top:10px}
.letter-body [hidden]{display:none}
.file-picker{display:grid;gap:8px;padding:18px 0;font-size:14px}
.file-picker input{max-width:100%;font-size:13px}
.letter-paper footer{display:flex;gap:12px;justify-content:flex-end;padding:17px 24px;border-top:1px solid var(--line)}
.letter-paper footer .text-action{margin-right:auto}
.document-dialog{max-width:1040px;padding:0;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:hidden;background:var(--paper)}
.document-dialog[open]{display:flex;flex-direction:column}
.document-dialog:has(.document-pdf-preview){height:calc(100dvh - 32px)}
.document-dialog:has(.document-pdf-preview)>.document-scroll{flex:1}
.document-dialog>header{padding:20px 26px;display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}
.document-dialog h2{font-size:25px;margin-top:6px}
.document-dialog>header>button{align-self:start;flex-shrink:0}
.document-toolbar{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap;padding:14px 26px;border-bottom:1px solid var(--line);flex-shrink:0}
.document-toolbar fieldset{display:flex;gap:15px;padding:0;border:0;margin-right:auto}
.document-toolbar legend{font-size:11px;margin-bottom:7px;color:var(--muted)}
.document-toolbar label{display:flex;gap:7px;font-size:14px;align-items:center}
.document-toolbar .document-paper-field{display:block;max-width:100%;margin:0}
.document-toolbar .document-paper-field label{margin-bottom:7px}
.document-toolbar .document-paper-field select{min-height:44px;max-width:100%}
.document-toolbar .document-paper-field small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.document-toolbar input{accent-color:var(--blue)}
.document-toolbar p{flex-basis:100%;font-size:12px;color:var(--muted)}
.document-toolbar [role=status]{font-size:12px}
.document-scroll{overflow:auto;padding:28px;background:var(--paper2);min-height:0}
.document-preview{max-width:790px;margin:auto;padding:55px 62px;background:#fff;color:#19232b;box-shadow:0 3px 15px #0002;font:15px/1.75 Arial,sans-serif;overflow-wrap:anywhere;color-scheme:light}
.document-preview header{border-bottom:1px solid #235b72;padding-bottom:18px;margin-bottom:26px}
.document-preview h1{font:700 34px/1.2 Arial,sans-serif;margin:0 0 12px}
.document-preview h2{font:700 18px/1.4 Arial,sans-serif;color:#235b72;margin:26px 0 12px}
.document-preview p{white-space:pre-wrap;margin:10px 0}
.document-preview .document-subtitle{font-size:19px;color:#235b72}
.document-preview .document-contact{font-size:13px;color:#4e5860}
.document-preview[data-appearance=dark]{background:#283541;color:#f5f1e7;color-scheme:dark}
.document-preview[data-appearance=dark] h2,.document-preview[data-appearance=dark] .document-subtitle{color:#9fcee3}
.document-preview[data-appearance=dark] header{border-color:#9fcee3}
.document-preview[data-appearance=dark] .document-contact{color:#c6ccd1}
.document-print-frame{position:fixed;left:-10000px;top:0;width:800px;height:1100px;border:0}
.document-output{min-width:0}.document-pdf-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.document-pdf-controls label{display:flex;gap:8px;align-items:center;font-size:14px}.document-pdf-controls button,.document-pdf-controls select{min-height:44px;padding:8px 12px;font:inherit;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink)}.document-pdf-controls button{cursor:pointer}.document-pdf-controls button:disabled{opacity:.5;cursor:default}.document-pdf-controls button[hidden]{display:none}.document-pdf-controls [role=status]{font-size:13px;color:var(--muted);flex-basis:100%}.document-pdf-stage{overflow:auto;max-width:100%;min-height:80px;background:var(--paper2);padding:4px}.document-pdf-stage canvas{display:block;margin:auto;box-shadow:0 3px 15px #0002}.document-pdf-stage:focus-visible,.document-pdf-controls :focus-visible,.document-read-text summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.document-read-text{margin-top:20px}.document-read-text summary{cursor:pointer;min-height:44px;align-content:center}.document-read-text .document-preview{margin-top:12px}
@media(max-width:600px){
 .application-pack{padding:16px;margin-inline:0}
 .application-selects{grid-template-columns:1fr;gap:15px}
 .collection-add-actions{gap:8px}
 .letter-paper>header{padding:18px}
 .letter-paper h2{font-size:24px}
 .letter-body{padding:20px 17px}
 .letter-paper footer{padding:13px;gap:10px;flex-wrap:wrap}
 .letter-paper footer .metal{flex:1;font-size:12px;padding:8px}
 .letter-paper footer .text-action{flex-basis:100%;font-size:13px}
 .document-dialog>header{padding:16px}
 .document-dialog h2{font-size:23px}
 .document-toolbar{padding:12px 16px;gap:10px}
 .document-toolbar fieldset{flex-basis:100%;margin-bottom:4px}
 .document-toolbar button{font-size:12px;flex:1;padding:10px 8px}
 .document-scroll{padding:12px}
 .document-preview{padding:26px 20px;font-size:13px}
 .document-preview h1{font-size:26px}
}

/* Browsing records keeps editing an explicit action. */
.record-dialog{max-width:880px}
.record-view-body{line-height:1.65;overflow-wrap:anywhere}
.publication-dialog .record-view-body{background:color-mix(in srgb,var(--paper),var(--ink) 2%)}
.record-view-body>section+section{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.record-view-body h3{font-size:18px;margin-bottom:12px}
.record-view-body h4{margin-top:18px}
.record-view-body ul{padding-left:22px}
.record-copy{white-space:pre-wrap}
.record-lead{font-size:20px;font-weight:650}
.record-view-body .related-records{margin-top:24px}
.page-record-preview{margin:20px auto;padding:36px}
.document-links{max-width:790px;margin:0 auto 20px}
.record-dialog .document-footer{padding:18px 26px;display:flex;gap:18px;flex-wrap:wrap;flex-shrink:0;border-top:1px solid var(--line)}
body .record-dialog .document-footer [data-record-close]{margin-right:auto}

.document-dialog [hidden]{display:none!important}


/* CV experience uses the same job grouping in preview, print and PDF. */
.document-preview .document-job{margin:0 0 26px}
.document-preview .document-job h3{font:700 16px/1.4 Arial,sans-serif;margin:0 0 4px;color:inherit}
.document-preview .document-job p{margin:5px 0}
.document-preview .document-job-role{font-weight:600}
.document-preview .document-job-date{font-size:13px;color:#4e5860}
.document-preview .document-job ul{padding-left:22px;margin:9px 0}
.document-preview .document-job li{padding-left:3px;margin:4px 0}
.document-preview[data-appearance=dark] .document-job-date{color:#c6ccd1}

/* CV guidance and the existing document preview share one editor. */
#editor[data-kind=cv]{--editor-width:1280px}
.cv-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.cv-edit-fields,.cv-live-preview{min-width:0}
.cv-guided-section{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:4px}
.cv-guided-section legend{padding:0 6px;font-weight:650;font-size:17px}
.cv-field-requirement{font-weight:400;font-size:13px;color:var(--muted)}
body #editor[data-kind=cv] .cv-guided-section .form-field span:has(>[name="useAsUsualCV"]){display:flex;align-items:center;gap:10px;min-height:44px}
body #editor[data-kind=cv] .cv-guided-section .form-field [name="useAsUsualCV"]{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0}
.document-options{min-width:0;border:1px solid var(--line);border-radius:4px;padding:8px 16px;background:var(--paper);color:var(--ink);overflow-wrap:anywhere}
.document-options>summary{min-height:44px;align-content:center;cursor:pointer;font-weight:650}
.document-options>summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.document-options>.form-grid{padding:16px 0 8px}
[data-profile-import-option]>[data-profile-import]{padding:16px 0 8px}
#editor[data-kind=info],#editor[data-kind=interview]{--working-field:color-mix(in srgb,var(--paper),var(--ink) 2%)}
.profile-guided-section,.interview-guided-section{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:4px}
.profile-guided-section legend,.interview-guided-section legend{padding:0 6px;font-weight:650;font-size:17px}
.profile-field-requirement{font-weight:400;font-size:13px;color:var(--muted)}
.profile-guided-section .field-help,.interview-guided-section .field-help{margin:0;font-size:13px;font-weight:400;line-height:1.6}
body #editor[data-kind=info] .profile-guided-section .form-field textarea{min-height:0;resize:vertical}
.letter-edit-fields>[data-letter-text]:not([hidden]){display:grid;gap:18px;min-width:0}
.cv-guided-section .field-help{margin:0;font-size:13px;font-weight:400;line-height:1.6}
body #editor[data-kind=cv] .cv-guided-section .form-field textarea{min-height:0;resize:vertical}
.cv-live-preview{border:1px solid var(--line);border-radius:4px;padding:16px;background:var(--paper2)}
.cv-live-preview summary{font-weight:650;cursor:pointer;min-height:44px;display:list-item;align-content:center}
.cv-live-preview summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.cv-live-preview>.field-help{font-size:13px;line-height:1.6;margin:8px 0 18px}
.cv-live-preview .document-preview{padding:30px 26px;font-size:13px}
.cv-live-preview .document-preview h1{font-size:28px}
.cv-live-preview .document-preview .document-subtitle{font-size:17px}
.cv-entry-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:16px}
.cv-entry-list>li{border:1px solid var(--line);padding:14px;border-radius:4px;min-width:0}
.cv-entry-toolbar,.cv-entry-moves,.cv-entry-boundaries,.cv-entry-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cv-entry-toolbar{justify-content:space-between;margin-bottom:8px}
.cv-entry-actions{gap:12px;margin:14px 0}
.cv-entry-toolbar label{display:flex;gap:8px;align-items:center;min-height:44px}
.cv-entry-list summary{min-height:44px;cursor:pointer;font-weight:600;overflow-wrap:anywhere}
.cv-entry-list textarea{width:100%;margin:8px 0;min-height:140px}
.cv-entry-section button{min-height:44px}
.cv-entry-list summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.cv-entry-status:empty{display:none}

/* Written letters use the existing document formatter beside their draft. */
.letter-editor-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.letter-edit-fields{display:grid;gap:18px;min-width:0}
.letter-job-section,.letter-writing{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:4px}
.letter-job-section legend,.letter-writing legend{padding:0 6px;font-weight:650;font-size:17px}
.letter-writing .field-help,.letter-edit-fields>.form-field .field-help{font-weight:400;font-size:13px;line-height:1.6;margin:0}
.letter-writing-prompts{padding-left:20px;margin:14px 0 20px;font-size:13px;line-height:1.6}
.letter-writing-prompts li+li{margin-top:8px}
.letter-writing textarea{width:100%;resize:vertical;margin-top:8px}
.letter-field-requirement{font-weight:400;font-size:13px;color:var(--muted)}
.letter-paragraph-reuse{margin-top:16px;border:1px solid var(--line);border-radius:4px;padding:12px 16px}
.letter-paragraph-reuse summary{cursor:pointer;font-weight:650;min-height:44px;align-content:center}
.letter-paragraph-reuse summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.letter-paragraph-reuse [data-letter-paragraph-choices]{display:grid;gap:14px;margin-top:16px}
.letter-paragraph-reuse [data-letter-paragraph-choices][hidden]{display:none}
.letter-paragraph-reuse .letter-paragraph-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;background:var(--paper);border:1px solid var(--line);padding:14px;margin:0;font-size:14px;line-height:1.6}
.letter-paragraph-reuse button{min-height:44px;justify-self:start}
.letter-paragraph-reuse [data-letter-paragraph-status]:empty{display:none}
.letter-live-preview{min-width:0;border:1px solid var(--line);border-radius:4px;padding:16px;background:var(--paper2)}
.letter-live-preview summary{font-weight:650;cursor:pointer;min-height:44px;display:list-item;align-content:center}
.letter-live-preview summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.letter-live-preview>.field-help{font-size:13px;line-height:1.6;margin:8px 0 18px}
.letter-live-preview .document-preview{padding:30px 26px;font-size:13px}
.letter-live-preview .document-preview h1{font-size:28px}
.letter-live-preview .document-preview .document-subtitle{font-size:17px}
@media(min-width:1000px){
 body #editor[data-kind=cv] .dialog-frame{height:calc(100dvh - 50px)}
 body #editor[data-kind=cv] .dialog-body{overflow:hidden}
 .cv-editor-layout{height:100%;min-height:0}
 .cv-edit-fields,.cv-live-preview{max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .cv-edit-fields{padding:4px 10px 10px 4px}
 #letter-editor[data-letter-mode=text]{--editor-width:1280px}
 .letter-dialog[data-letter-mode=text] .letter-paper{height:calc(100dvh - 52px)}
 .letter-dialog[data-letter-mode=text] form{flex:1}
 body #letter-editor[data-letter-mode=text] .letter-body{overflow:hidden;flex:1}
 .letter-dialog[data-letter-mode=text] .letter-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0}
 .letter-dialog[data-letter-mode=text] :is(.letter-edit-fields,.letter-live-preview){max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .letter-dialog[data-letter-mode=text] .letter-edit-fields{padding:4px 10px 10px 4px}
}
@media(max-width:999px){
 #editor[data-kind=cv]{--editor-width:760px}
 .cv-editor-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .cv-live-preview{grid-row:1}
 .cv-live-preview :is(.document-preview,.document-pdf-stage){max-height:55dvh;overflow:auto;overscroll-behavior:contain}
 .cv-guided-section{padding:16px 12px}
 .letter-dialog[data-letter-mode=text] .letter-live-preview{grid-row:1}
 .letter-live-preview :is(.document-preview,.document-pdf-stage){max-height:55dvh;overflow:auto;overscroll-behavior:contain}
 .letter-writing,.letter-job-section{padding:16px 12px}
}

.record-primary-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 24px}

/* Responsive HTML profiles use one appearance control and no paper dimensions. */
#editor[data-kind=page]{--editor-width:1280px}
.page-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.page-edit-fields,.page-live-preview{min-width:0}
body #editor[data-kind=page] .page-edit-fields textarea{min-height:0;resize:vertical}
.page-live-preview{border:1px solid var(--line);border-radius:4px;padding:16px;background:var(--paper2)}
.page-live-preview summary{font-weight:650;cursor:pointer;min-height:44px;display:list-item;align-content:center}
.page-live-preview summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.page-live-preview>.field-help{font-size:13px;line-height:1.6;margin:8px 0 18px}
.professional-page{--page-bg:#fff;--page-ink:#19232b;--page-muted:#4e5860;--page-accent:#235b72;--page-line:#d5d8d9;background:var(--page-bg);color:var(--page-ink);color-scheme:light;max-width:900px;margin:auto;padding:clamp(20px,4vw,44px);border-radius:4px;font:16px/1.65 Arial,sans-serif;overflow-wrap:anywhere;container:online-cv / inline-size}
.professional-page[data-appearance=dark]{--page-bg:#283541;--page-ink:#f5f1e7;--page-muted:#c6ccd1;--page-accent:#9fcee3;--page-line:#57646e;color-scheme:dark}
.professional-page .page-hero{display:flex;gap:24px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--page-line);padding-bottom:24px;margin-bottom:28px}
.professional-page .page-hero>div{flex:1 1 180px;min-width:0}
.professional-page h1{font:700 clamp(26px,3vw,38px)/1.25 Arial,sans-serif;margin:0 0 12px}
.professional-page h2{font:700 20px/1.4 Arial,sans-serif;color:var(--page-accent);margin:0 0 14px}
.professional-page h3{font:700 17px/1.4 Arial,sans-serif;margin:0 0 6px}
.professional-page section{margin:28px 0 0}
.professional-page p{margin:8px 0}
.professional-page .page-copy{white-space:pre-wrap}
.professional-page .page-headline{font-size:20px;color:var(--page-accent)}
.professional-page :is(.page-location,.document-job-date){color:var(--page-muted);font-size:14px}
.professional-page .profile-picture{width:96px;height:96px;flex:none;background:var(--page-line);color:var(--page-ink);font-size:28px}
.professional-page .document-job{margin-bottom:24px}
.professional-page .document-job-role{font-weight:600}
.professional-page :is(.document-job ul,.page-links){padding-left:22px}
.professional-page a{color:var(--design-ink,var(--page-accent));text-decoration:underline;display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;margin-left:-8px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.professional-page a:focus-visible{outline:3px solid var(--design-ink,var(--page-accent));outline-offset:2px}
.professional-page a:hover{background:var(--design-soft,var(--page-line));border-radius:4px}
.professional-page .document-template{min-width:0;background:transparent}
.professional-page .document-template-columns>*{min-width:0}
@container online-cv (max-width:480px){
 .professional-page .document-template-columns{grid-template-columns:minmax(0,1fr)}
 .professional-page .design-structured section:has(>h2){grid-template-columns:minmax(0,1fr);gap:8px}
 .professional-page .design-timeline .document-job:has(.document-job-date){display:block}
 .professional-page .design-timeline .document-job:has(.document-job-date) .document-job-heading{display:block}
}
@media(min-width:1000px){
 body #editor[data-kind=page] .dialog-frame{height:calc(100dvh - 50px)}
 body #editor[data-kind=page] .dialog-body{overflow:hidden}
 .page-editor-layout{height:100%;min-height:0}
 .page-edit-fields,.page-live-preview{max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .page-edit-fields{padding:4px 10px 10px 4px}
}
@media(max-width:999px){
 #editor[data-kind=page]{--editor-width:760px}
 .page-editor-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .page-live-preview{grid-row:1}
 .page-live-preview .professional-page{max-height:55dvh;overflow:auto;overscroll-behavior:contain}
}
.record-primary-actions>[data-job-apply]{display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;white-space:normal}

/* Review forms keep actions out of the surrounding text flow. */
[data-letter-brief],[data-job-preferences],[data-profile-import],[data-profile-import-preview],[data-job-capture-review],[data-invitation-review]{display:grid;gap:16px;min-width:0}
:is([data-profile-import-preview],[data-job-capture-review],[data-invitation-review]):empty{display:none}
:is([data-letter-brief],[data-job-preferences],[data-profile-import-preview],[data-job-capture-review],[data-invitation-review])>.action-row{margin:0}
body [data-job-capture]>.action-row,body [data-invitation-capture]>.action-row{margin:8px 0 12px}
[data-profile-import] .field-help{margin:0}
[data-profile-import]>label{display:grid;gap:8px}
:is([data-profile-import-preview],[data-job-capture-review],[data-invitation-review])>div:not(.action-row){display:grid;gap:12px;min-width:0}
body [data-submissions]>button,body [data-submissions]>details>button{margin:16px 0 8px}
.cv-entry-moves,.cv-entry-boundaries{gap:12px}
.cv-entry-boundaries{margin-top:16px}
.letter-create-actions{row-gap:16px;margin:16px 0}
[data-letter-feedback-fields]{display:grid;gap:16px;min-width:0;margin:16px 0;padding:16px}
[data-letter-feedback-fields]>button{justify-self:start}

/* Saved document design controls, in the editor's normal scroll flow. */
.document-design-fields{display:grid;gap:12px;min-width:0;margin:16px 0;padding:16px;border:1px solid var(--line)}
.document-design-fields legend{padding:0 6px;font-weight:700}.document-design-fields select{width:100%;min-width:0;min-height:44px;font:inherit}.document-design-fields .field-help{margin:0}
.document-design-colour{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.document-design-colour label{display:flex;gap:10px;align-items:center}.document-design-colour input[type=color]{width:48px;height:44px;padding:3px}
.document-design-fields>h3{font-size:16px;letter-spacing:0}
.document-template-picker{min-width:0;margin:0;padding:0;border:0;display:grid;gap:16px}
.document-template-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:16px;min-width:0}
.document-template-choice{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:10px;min-width:0;padding:12px;border:2px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer;overflow-wrap:anywhere}
.document-template-choice:has(input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.document-template-choice:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:4px}
.document-template-choice img{display:block;max-width:100%;width:100%;height:150px;object-fit:contain;background:transparent}
.template-choice-heading{display:flex;align-items:flex-start;gap:8px;min-width:0;font-size:14px;line-height:1.4}
.template-choice-heading input{flex:none;width:18px;height:18px;min-height:0;margin:1px 0 0;accent-color:var(--blue)}
.template-choice-description{font-size:13px;line-height:1.45}
.template-choice-selected{font-size:12px;font-weight:700;visibility:hidden}
.document-template-choice:has(input:checked) .template-choice-selected{visibility:visible}
@media(max-width:767px){.document-template-choices{grid-template-columns:1fr}.document-template-choice{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:10px 12px}.document-template-choice img{grid-column:1;grid-row:1/span 3;width:76px;height:auto;align-self:start}.template-choice-heading,.template-choice-description,.template-choice-selected{grid-column:2}}
@media(forced-colors:active){.document-template-choice:has(input:checked){border-color:Highlight}.document-template-choice:has(input:focus-visible){outline-color:Highlight}}
.document-toolbar [data-pdf-appearance][hidden]{display:none}

/* Shared with documentTemplateStyle for white-paper printing. */
.document-preview .document-template{background:white;color:#19232b;line-height:1.6;color-scheme:light;overflow-wrap:anywhere;print-color-adjust:exact;-webkit-print-color-adjust:exact}.document-preview .document-template header{border-color:var(--design-accent)}.document-preview .document-template h2,.document-preview .document-template .document-subtitle{color:var(--design-ink)}.document-preview .document-template .document-contact,.document-preview .document-template .document-job-date{color:#4e5860}.document-preview .document-template h1,.document-preview .document-template h2,.document-preview .document-template h3{line-height:1.35}.document-preview .document-template section{margin-bottom:20px}.document-preview .document-template p{white-space:pre-wrap}.document-preview .design-monochrome{color:#191919}.document-preview .design-monochrome .document-contact,.document-preview .design-monochrome .document-job-date{color:#4e4e4e}.document-preview .design-monochrome img{filter:grayscale(1)}.document-preview .design-classic{font-family:Georgia,serif}.document-preview .design-classic header{text-align:center}.document-preview .design-classic h1,.document-preview .design-classic h2,.document-preview .design-classic h3{font-family:Georgia,serif}.document-preview .design-classic h2{border-bottom:1px solid #d5d8d9;padding-bottom:6px}.document-preview .design-structured section:has(>h2){display:grid;grid-template-columns:minmax(60px,22%) minmax(0,1fr);gap:18px;border-top:1px solid #d5d8d9;padding-top:14px}.document-preview .design-structured section>h2{font-size:.85em;margin-top:0}.document-preview .design-timeline h2{text-transform:uppercase;font-size:.9em;letter-spacing:.06em}.document-preview .design-timeline .document-job{border-left:2px solid var(--design-accent);padding-left:14px}.document-preview .design-timeline .document-job-date{color:var(--design-ink)}.document-preview .design-timeline .document-job:has(.document-job-date){display:grid;grid-template-columns:25% minmax(0,1fr);column-gap:14px}.document-preview .design-timeline .document-job:has(.document-job-date) .document-job-heading{display:contents}.document-preview .design-timeline .document-job:has(.document-job-date) h3,.document-preview .design-timeline .document-job:has(.document-job-date) p,.document-preview .design-timeline .document-job:has(.document-job-date)>ul{grid-column:2}.document-preview .design-timeline .document-job:has(.document-job-date) .document-job-date{grid-column:1;grid-row:1 / span 2}.document-preview .design-structured.design-letter section{border-left:3px solid var(--design-accent);padding-left:20px}.document-preview .design-timeline.design-letter section{border-top:1px solid var(--design-accent);padding-top:18px}.document-preview .design-sidebar.design-letter header{border-left:8px solid var(--design-accent);border-bottom:0;padding-left:20px}.document-preview .design-sidebar.design-letter section{padding-left:20px}.document-preview .document-template-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,29%);gap:22px}.document-preview .document-template-columns aside{background:var(--design-soft);padding:16px;align-self:start;font-size:.9em}.document-preview .document-template-columns aside h2{font-size:1em}.document-preview .design-banner header{background:var(--design-accent);color:var(--design-on-accent);padding:22px;border:0}.document-preview .design-banner header .document-subtitle,.document-preview .design-banner header .document-contact{color:var(--design-on-accent)}.document-preview .design-banner h2{border-bottom:1px solid var(--design-accent);padding-bottom:6px}.document-preview .design-banner.design-monochrome header{background:#f1f1f1;color:#19232b;border-bottom:3px solid #303030}.document-preview .design-banner.design-monochrome header .document-subtitle,.document-preview .design-banner.design-monochrome header .document-contact{color:#303030}.document-preview .document-template.design-dark{background:#283541;color:#f5f1e7;color-scheme:dark}.document-preview .document-template.design-dark.design-monochrome{background:#282828;color:#f1f1f1}.document-preview .design-dark .document-contact,.document-preview .design-dark .document-job-date{color:#c6ccd1}.document-preview .design-dark.design-monochrome .document-contact,.document-preview .design-dark.design-monochrome .document-job-date{color:#cccccc}.document-preview .design-dark.design-classic h2,.document-preview .design-dark.design-structured section:has(>h2){border-color:#71818d}.document-preview .design-dark.design-monochrome.design-classic h2,.document-preview .design-dark.design-monochrome.design-structured section:has(>h2){border-color:#818181}.document-preview .design-dark.design-banner.design-monochrome header{background:var(--design-soft);color:#f1f1f1;border-color:var(--design-accent)}.document-preview .design-dark.design-banner.design-monochrome header .document-subtitle,.document-preview .design-dark.design-banner.design-monochrome header .document-contact{color:#f1f1f1}

.document-preview[data-appearance=dark]:has(>.design-monochrome){background:#282828}

/* Keep starting-source information visible before choosing a CV action. */
.cv-starting-options{--panel:color-mix(in srgb,var(--paper),var(--ink) 2%);margin:0 0 16px;padding:16px 20px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);overflow-wrap:anywhere}
.cv-starting-options p{font-size:14px;line-height:1.5;margin:0}
.cv-starting-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:10px 0}
.cv-starting-options .field-help{color:var(--muted)}
