/* SOUVELUNE foundation v1. Shared by all 45 routes, from the approved five references.
   Screen-only by contract: no rule may style the physical #work-output tree. */
@media screen {
 body.ui-pilot{
  --paper:#F8F5EE;--paper-deep:#E8DED0;--sage:#A8B6A3;--clay:#B77E68;
  --ink:#24372F;--muted:#526156;--line:#CEC9BA;--control-line:#798574;--surface:#FFFDF8;
  --accent:#73513F;--danger:#923A30;--success:#365340;--focus:#176777;
  --serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;
  --text-sm:.875rem;--text-base:1rem;--text-lead:1.125rem;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;
  --space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;
  --content:1160px;--reading:68ch;--radius:.375rem;
  background:var(--paper);color:var(--ink);font:400 var(--text-base)/1.7 var(--sans);
 }
 .ui-pilot .wrap{width:min(var(--content),calc(100% - 3rem))}
 .ui-pilot a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.25em}
 .ui-pilot a:hover{color:var(--accent)}
 .ui-pilot :focus-visible{outline:3px solid var(--focus);outline-offset:4px}
 .ui-pilot .skip-link{background:var(--surface);color:var(--ink);z-index:50}
 .ui-pilot .dev-note{background:var(--paper-deep);color:var(--muted);padding:.35rem 1rem;font-size:.7rem;letter-spacing:.04em}
 .ui-pilot .site-header{background:var(--paper);border-color:var(--line)}
 .ui-pilot .header-inner{padding-block:1.65rem;gap:2rem}
 .ui-pilot .brand{font:400 1.5rem/1 var(--serif);letter-spacing:.17em;color:var(--ink)}
 .ui-pilot .desktop-nav a{text-decoration:none;font-size:.8rem;padding-block:.6rem;border-bottom:1px solid transparent}
 .ui-pilot .desktop-nav a:hover{border-color:var(--accent)}
 .ui-pilot :is(.desktop-nav,.mobile-menu) a[aria-current]{font-weight:600;border-bottom-color:var(--ink)}
 .ui-pilot .mobile-menu summary{min-height:44px;display:list-item;align-content:center;padding:.5rem .75rem}
 .ui-pilot .mobile-menu[open]{border-top:1px solid var(--line);padding-top:1rem}
 .ui-pilot .mobile-menu a{display:block;padding:.5rem 0;min-height:44px}
 .ui-pilot .breadcrumbs{font-size:.75rem;padding-top:1.5rem;color:var(--muted)}
 .ui-pilot .breadcrumbs a{color:var(--muted)}
 .ui-pilot .breadcrumbs li+li::before{content:'›';color:var(--accent)}
 .ui-pilot .page-heading{padding-block:3.5rem 2.5rem;max-width:850px}
 .ui-pilot .eyebrow{color:var(--accent);font-size:.68rem;font-weight:650;letter-spacing:.16em;margin-bottom:1.25rem}
 .ui-pilot .page-heading h1{font:400 clamp(2.3rem,4.8vw,4.4rem)/1.09 var(--serif);letter-spacing:-.04em;margin-bottom:1.5rem;text-wrap:balance}
 .ui-pilot .intro{font-size:var(--text-lead);color:var(--muted);max-width:62ch;line-height:1.75}
 .ui-creation .page-heading,.ui-print .page-heading{padding-block:2.5rem 1.5rem}
 .ui-creation .page-heading h1,.ui-print .page-heading h1{font-size:clamp(2.3rem,4vw,3.5rem)}
 .ui-print .print-help{max-width:74ch;margin-bottom:1.5rem;color:var(--muted);font-size:.875rem}
 .ui-print .print-help>summary{padding:.75rem 0;cursor:pointer;min-height:44px;color:var(--ink);font-weight:500}
 .ui-print .print-help[open]{border-bottom:1px solid var(--line);padding-bottom:1rem}
 .ui-pilot main{padding-bottom:var(--space-24)}
 .ui-pilot main :is(h2,h3):not(#work-output *){color:var(--ink);font-family:var(--serif);font-weight:400;letter-spacing:-.015em}
 .ui-pilot main h2:not(#work-output *){font-size:clamp(1.65rem,2.4vw,2.15rem);line-height:1.25}
 .ui-pilot main h3:not(#work-output *){font-size:1.35rem;line-height:1.35}
 .ui-pilot .section{margin-top:var(--space-16)}
 .ui-pilot .section-heading{max-width:66ch;margin-bottom:var(--space-8)}
 .ui-pilot .section-heading p{color:var(--muted)}
 .ui-pilot .grid{gap:1.5rem}
 .ui-pilot .card{border:0;border-top:1px solid var(--line);background:transparent;padding:1.6rem 0 1rem;min-width:0}
 .ui-pilot .card h3{margin-top:.5rem;font-size:1.55rem;max-width:30ch}
 .ui-pilot .card h3 a{text-decoration:none;font-weight:400}
 .ui-pilot .card h3 a:hover{text-decoration:underline}
 .ui-pilot .card p{color:var(--muted);font-size:.95rem;max-width:58ch}
 .ui-pilot .status{background:transparent;padding:0;color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
 .ui-pilot .entry{padding:2.25rem;border:0;background:var(--paper-deep);gap:.25rem}
 .ui-pilot .entry:first-child{background:#E4E9DE}
 .ui-pilot .entry h2{font-size:2rem;max-width:16ch}
 .ui-pilot .entry p{max-width:42ch}
 .ui-pilot .entry .eyebrow{color:var(--muted)}
 .ui-pilot .entry .button{font:500 .875rem/1.4 var(--sans);background:var(--ink);color:var(--surface);border:1px solid var(--ink);padding:.85rem 1.25rem;min-height:44px;border-radius:var(--radius);display:inline-flex;align-items:center}
 .ui-pilot .entry:nth-child(2) .button{background:transparent;color:var(--ink)}
 .ui-pilot .button:hover{filter:brightness(.93)}
 .ui-pilot .home-lead{max-width:58ch;color:var(--muted);font-size:1.125rem;margin:-.75rem 0 3.5rem}
 .ui-home .page-heading{padding-top:5rem;padding-bottom:1rem;max-width:900px}
 .ui-home .page-heading h1{font-size:clamp(2.6rem,5.5vw,4.8rem)}
 .ui-home .page-heading .intro{display:none}
 .ui-pilot .home-start{margin-top:2rem}
 .ui-pilot .home-start .section-heading h2{font-size:1.35rem}
 .ui-pilot .home-reading{padding-block:3rem;border-block:1px solid var(--line)}
 .ui-pilot .home-reading .grid{column-gap:3rem}
 .ui-pilot .section-more{font-size:.9rem;margin-top:1.5rem}
 .ui-pilot .home-workbench{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;padding:2.5rem;background:var(--paper-deep)}
 .ui-pilot .home-workbench .grid{grid-template-columns:1fr}
 .ui-pilot .home-workbench .card{padding-top:1rem}
 .ui-pilot .site-footer{background:var(--paper-deep);color:var(--ink);padding-block:3rem;border-top:0}
 .ui-pilot .footer-inner{gap:2rem}
 .ui-pilot .footer-inner strong{font:400 1.25rem var(--serif);letter-spacing:.12em}
 .ui-pilot .site-footer nav{max-width:38rem}
 .ui-pilot .site-footer nav a{padding-block:.35rem;display:inline-block}
 /* Reading: narrow prose, full-width plan table, no decorative image placeholders. */
 .ui-reading .reading-content{max-width:var(--reading);margin-left:clamp(0px,8vw,110px);font:400 1.125rem/1.85 var(--serif)}
 .ui-reading .reading-content section{margin-top:3.5rem}
 .ui-pilot .reading-content h2{scroll-margin-top:2rem}
 .ui-pilot .reading-toc{background:var(--paper-deep);border:0;padding:1.5rem 1.75rem;font:400 .9rem/1.7 var(--sans)}
 .ui-pilot .reading-toc ol{counter-reset:contents;margin-bottom:0}
 .ui-pilot .reading-toc li{counter-increment:contents;display:flex;gap:.75rem;margin-bottom:.4rem}
 .ui-pilot .reading-toc li:before{content:counter(contents,decimal-leading-zero);color:var(--accent);font-variant-numeric:tabular-nums}
 .ui-pilot .reading-toc a{padding:.35rem 0}
 .ui-pilot .reading-content strong{font-weight:700}
 .ui-pilot .reading-content table{font:400 .875rem/1.6 var(--sans);background:var(--surface)}
 .ui-pilot .reading-content caption{font:500 .875rem/1.6 var(--sans);color:var(--muted)}
 .ui-pilot .reading-content th{background:var(--paper-deep);font-weight:600}
 .ui-pilot .reading-content td,.ui-pilot .reading-content th{padding:1rem;border-color:var(--line)}
 .ui-pilot .reading-content table td:first-child{font-weight:600}
 /* Functional controls: selectors exclude the unchanged physical work tree. */
 .ui-pilot :is(#journey,#template-app,#print-form,#page-switch,#print-confirmation,#print-report,#planner,#writing,#photos-form,#photo-projects,#photo-confirmation) button,.ui-photos #refresh-photos{
  font:500 .875rem/1.5 var(--sans);min-height:44px;margin:.25rem .35rem .25rem 0;padding:.75rem 1rem;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);color:var(--ink);max-width:100%;cursor:pointer;overflow-wrap:anywhere;
 }
 .ui-pilot :is(#journey,#template-app,#print-form,#page-switch,#print-confirmation,#print-report,#planner,#writing,#photos-form,#photo-projects,#photo-confirmation) button:hover:not(:disabled){border-color:var(--ink);background:#EDEEE4}
 .ui-pilot :is(#journey,#template-app,#print-form,#page-switch,#planner,#writing,#photos-form) button:disabled{opacity:.6;cursor:not-allowed}
 .ui-pilot :is(#journey-save,#journey-next,#template-prepare,#template-confirm,#save-print,#browser-pdf,#check-print,#save-project,#apply-edits,#writing-preview,#writing-confirm,#prepare-layout,#save-photos),.ui-pilot :is(#planner-form,#writing-form) button[type=submit]{background:var(--ink)!important;color:var(--surface)!important;border-color:var(--ink)!important}
 .ui-pilot :is(#journey,#template-app,#print-form,#planner,#writing,#photos-form) :is(input:not([type=checkbox]),textarea,select){display:block;width:100%;max-width:100%;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:400 1rem/1.5 var(--sans);padding:.8rem;min-width:0;margin-top:.5rem}
 .ui-pilot :is(#journey,#template-app,#print-form,#planner,#writing) textarea{min-height:8rem;resize:vertical}
 .ui-pilot :is(#journey,#template-app,#print-form,#planner,#writing,#photos-form) label{display:block;margin:1.25rem 0;font-size:.9rem;font-weight:500}
 .ui-pilot :is(#journey,#template-app,#print-form,#planner,#writing,#photos-form) input[type=checkbox]{accent-color:var(--ink);width:1.2rem;height:1.2rem;flex-shrink:0}
 .ui-pilot :is(#journey-status,#template-status,#print-status,#planner-status,#writing-status,#photos-status){border-left:3px solid var(--sage);background:#EDF0E6;padding:1rem 1.25rem;font-size:.9rem;color:var(--ink);overflow-wrap:anywhere}
 .ui-pilot :is(#journey-error,#template-error,#template-confirm-error,#print-error,#planner-error,#writing-error,#photos-error){border:1px solid var(--danger);border-left:4px solid var(--danger);background:#FFF0E9;color:#772E25;padding:1.25rem;border-radius:var(--radius)}
 .ui-pilot .notice{background:var(--paper-deep);border-left-color:var(--clay);padding:1.5rem;max-width:none}
 .ui-pilot .notice h2{font-size:1.4rem}
 .ui-pilot dialog{max-width:min(92vw,680px);max-height:85dvh;padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}
 .ui-pilot dialog::backdrop{background:#24372F66}
 .ui-pilot [hidden]{display:none!important}
 .ui-pilot .actions{gap:.5rem;align-items:center}
 .ui-pilot #journey{max-width:960px}
 .ui-pilot #journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-block:2rem}
 .ui-pilot #journey-steps button{margin:0;text-align:left;font-size:.8rem;min-height:64px;background:transparent}
 .ui-pilot #journey-steps [aria-current=step]{background:var(--ink);color:var(--surface);border:1px solid var(--ink)}
 .ui-pilot #journey-panel{background:var(--surface);border:1px solid var(--line);padding:2rem;margin-block:1.5rem}
 .ui-pilot #journey-panel>h2{font-size:1.65rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}
 .ui-pilot #journey>section:last-of-type{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
 .ui-pilot .project-summary{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.25rem 0;border-block:1px solid var(--line);margin:1.5rem 0}
 .ui-pilot .project-summary div{flex:1 1 120px}
 .ui-pilot .project-summary dt{font-size:.75rem;color:var(--muted)}
 .ui-pilot .project-summary dd{margin:.25rem 0 0;font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}
 .ui-pilot #journey-progress{font-size:.875rem;color:var(--muted)}
 .ui-model .reading-content{max-width:none}
 .ui-model .reading-content>p,.ui-model .reading-content>ol,.ui-model .reading-content>ul{max-width:var(--reading)}
 .ui-model .reading-content>h2{margin-top:2.5rem}
 .ui-pilot .template-facts{display:flex;flex-wrap:wrap;gap:2.5rem;border-block:1px solid var(--line);padding-block:1.25rem;margin-block:1.5rem}
 .ui-pilot .template-facts dt{font-size:.75rem;color:var(--muted)}
 .ui-pilot .template-facts dd{margin:.25rem 0 0;font:400 1.65rem var(--serif)}
 .ui-pilot .template-composition{max-width:var(--reading);margin-block:1.5rem;border-block:1px solid var(--line);padding-block:.75rem}
 .ui-pilot .template-composition summary{cursor:pointer;min-height:44px;padding-block:.5rem}
 .ui-pilot .structure-preview{background:var(--paper-deep);padding:1.5rem;gap:1.25rem;grid-template-columns:repeat(6,minmax(0,1fr))}
 .ui-pilot .structure-preview figure{background:transparent;border:0;padding:0}
 .ui-pilot .structure-preview figcaption{font-size:.7rem;color:var(--muted);padding-top:.5rem}
 .ui-pilot #template-inputs{border:1px solid var(--line);background:var(--surface);padding:1.5rem 2rem}
 .ui-pilot #template-inputs>section{border-top:1px solid var(--line);padding-top:1.5rem}
 .ui-pilot #template-result{background:#E4E9DE;padding:2rem;margin-top:2rem;border:0}
 .ui-pilot .next-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}
 .ui-pilot .next-actions a{border-bottom:1px solid var(--ink);padding:.6rem 0;min-height:44px;margin-right:1rem;font-size:.9rem;font-weight:500}
 .ui-print #print-form fieldset{padding:2rem;background:var(--surface);border-color:var(--line)}
 .ui-print #print-form .section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line)}
 .ui-pilot #print-form .check{display:flex;align-items:center;gap:.75rem}
 .ui-pilot #print-preview{padding:2rem;background:var(--paper-deep);margin-block:2.5rem}
 .ui-pilot #page-switch{align-items:center}
 .ui-pilot #page-switch select{font:inherit;max-width:100%;min-height:44px;background:var(--surface);border:1px solid var(--control-line);padding:.5rem}
 .ui-pilot #print-page-label{font-size:.8rem;color:var(--muted)}
 .ui-pilot .output-error{color:var(--danger)}
 .ui-pilot .output-warning{color:#744C25}
 .ui-print #ppi-details{overflow:visible}
 .ui-print #ppi-details>summary,.ui-print #print-actions-help>summary{cursor:pointer;min-height:44px;padding-block:.75rem;font-weight:500}
 .ui-print #ppi-table{table-layout:fixed;font-size:1rem;line-height:1.6;margin-block:1rem}
 .ui-print #ppi-table caption{text-align:left;color:var(--muted);font-size:.875rem;padding-bottom:.75rem}
 .ui-print #ppi-table :is(td,th){padding:.75rem;vertical-align:top}
 .ui-print #ppi-table th:first-child{width:26%}
 .ui-print #ppi-table th:nth-child(2){width:14%}
 .ui-print #ppi-table th:nth-child(3){width:22%}
 .ui-print #ppi-table th:nth-child(4){width:12%}
 .ui-print #ppi-table th:last-child{width:26%}
 .ui-print .ppi-thumbnail{display:block;width:72px;height:72px;object-fit:contain;background:var(--paper);border:1px solid var(--line);margin-bottom:.5rem}
 .ui-print .ppi-page{display:block;font-weight:600}
 .ui-print .ppi-filename{display:block;overflow-wrap:anywhere;font-size:.875rem}
 .ui-print .ppi-value{display:inline-block;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
 .ui-print .ppi-label{display:none}
 .ui-print #print-actions-help{border-block:1px solid var(--line);margin-top:1.25rem}
 .ui-print #print-actions-help[open]{padding-bottom:1rem}
 @media(max-width:950px){
  .ui-print #ppi-table,.ui-print #ppi-table tbody{display:block;width:100%}
  .ui-print #ppi-table caption{display:block;width:100%}
  .ui-print #ppi-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
  .ui-print #ppi-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;background:var(--surface)}
  .ui-print #ppi-table td{display:block;border:0;padding:0;min-width:0}
  .ui-print #ppi-table .ppi-photo{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}
  .ui-print .ppi-photo>div{min-width:0}
  .ui-print .ppi-thumbnail{flex-shrink:0;margin:0}
  .ui-print .ppi-label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.125rem}
 }
 .ui-pilot #content-review{padding:1.5rem;background:#F4EFE3;border-left:3px solid var(--clay)}
 .ui-pilot #content-review h3{font-size:1.45rem}
 .ui-pilot #content-review ul{font-size:.9rem;padding-left:1.25rem}
 .ui-pilot #content-review .check{align-items:flex-start}
 .ui-pilot #content-review-result{font-size:.875rem;color:var(--muted)}
 /* Shared reading, local tools and factual structure previews; never the print tree. */
 .ui-pilot main>.section>p,.ui-pilot main>.notice{max-width:var(--reading)}
 .ui-pilot .breadcrumbs li{min-width:0;overflow-wrap:anywhere}
 .ui-pilot :is(#planner-form,#writing-form,#photos-form)>fieldset{padding:2rem;border:1px solid var(--line);background:var(--surface);margin:1.5rem 0}
 .ui-pilot :is(#planner,#writing) .card{border:1px solid var(--line);background:var(--surface);padding:1.5rem}
 .ui-pilot :is(#planner,#writing) :is(.form-grid,.actions){gap:1rem}
 .ui-pilot :is(#saved-projects,#writing-projects,#photo-projects){padding-left:0;list-style:none}
 .ui-pilot :is(#saved-projects,#writing-projects,#photo-projects)>li{padding:1rem;border-block-end:1px solid var(--line);overflow-wrap:anywhere}
 .ui-pilot :is(#confirmation,#writing-confirmation){border:1px solid var(--control-line);max-width:var(--reading)}
 .ui-pilot :is(#writing-before,#writing-after){padding:1rem;background:var(--surface);border:1px solid var(--line)}
 .ui-pilot :is(#planner,#writing) summary{padding-block:.75rem;min-height:44px;cursor:pointer}
 .ui-pilot .tool-help summary{min-height:44px;padding-block:.75rem;cursor:pointer;font-size:.9rem;font-weight:500}
 .ui-pilot .tool-help[open]{border-top:1px solid var(--line);margin-top:1rem}
 .ui-photos #photos-form .consent{display:flex;align-items:flex-start;gap:.75rem}
 .ui-photos #photos-form .consent input{margin-top:.25rem}
 .ui-photos .photo-card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--surface)}
 .ui-photos .photo-card img{background:var(--paper-deep)}
 .ui-photos #photos-form .photo-card input{font-size:1rem!important}
 .ui-photos .layout-card{padding:1rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}
 .ui-photos .layout-card[aria-current=true]{outline:3px solid var(--ink);outline-offset:2px}
 .ui-photos #actual-preview{padding:1rem;background:var(--paper-deep);border:1px solid var(--line)}
 .ui-photos #photo-confirmation{border:1px solid var(--control-line);background:var(--surface);max-width:800px;margin-inline:auto;border-radius:var(--radius)}
 .ui-pilot .comparison-preview{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
 .ui-pilot .structure-preview figcaption{font-size:.8rem}
 .ui-example .reading-content .table-scroll{margin-block:2rem}
 .ui-reading blockquote{border-left-color:var(--clay);background:var(--surface);padding:1rem 1.25rem}
 .ui-pilot .site-footer nav a{min-height:44px;align-content:center}
 @media(max-width:950px){.ui-pilot .header-inner{gap:1rem}.ui-pilot .home-workbench{grid-template-columns:1fr;gap:1.5rem}.ui-pilot .structure-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-reading .reading-content{margin-left:0}.ui-pilot .comparison-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @media(max-width:600px){
  .ui-pilot .wrap{width:calc(100% - 2rem)}.ui-pilot .header-inner{padding-block:1.25rem}.ui-pilot .brand{font-size:1.25rem}
  .ui-pilot .page-heading,.ui-home .page-heading{padding-top:2.75rem;padding-bottom:1rem}.ui-pilot .page-heading h1{font-size:2.6rem}
  .ui-pilot .intro,.ui-pilot .home-lead{font-size:1rem}.ui-pilot .home-lead{margin-top:.5rem;margin-bottom:2rem}
  .ui-pilot .entry{padding:1.5rem}.ui-pilot .entry h2{font-size:1.8rem}.ui-pilot .grid{gap:1rem}
  .ui-pilot .section{margin-top:3rem}.ui-pilot .home-workbench{padding:1.5rem}.ui-pilot .home-reading{padding-block:2rem}
  .ui-pilot .home-start .section-heading{margin-bottom:1rem}.ui-reading .reading-content{font-size:1.0625rem;line-height:1.85}
  .ui-pilot .reading-toc{padding:1.25rem}.ui-pilot .reading-content td,.ui-pilot .reading-content th{padding:.75rem}
  .ui-reading .reading-content table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
  .ui-reading .reading-content table,.ui-reading .reading-content tbody,.ui-reading .reading-content caption{display:block;width:100%}
  .ui-reading .reading-content tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);margin-bottom:1rem;padding:1rem;gap:.75rem}
  .ui-reading .reading-content td{display:block;border:0!important;padding:0!important;width:auto!important;white-space:normal!important;overflow-wrap:anywhere}
  .ui-reading .reading-content td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.8rem;font-weight:500;margin-bottom:.125rem}
  .ui-reading .reading-content td:first-child{color:var(--accent)}
  .ui-pilot #journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .ui-pilot #journey-steps button{font-size:.75rem;min-height:58px;padding:.6rem}
  .ui-pilot #journey-panel,.ui-pilot #template-inputs,.ui-print #print-form fieldset{padding:1.25rem}
  .ui-pilot :is(#planner-form,#writing-form,#photos-form)>fieldset{padding:1.25rem}
  .ui-pilot :is(#planner,#writing) .card{padding:1rem}
  .ui-pilot :is(#planner,#writing,#photos-form) .actions{align-items:stretch;flex-direction:column}
  .ui-pilot :is(#planner,#writing,#photos-form) .actions>*{width:100%;margin-inline:0}
  .ui-photos #photos-form .layout-card{display:block}
  .ui-photos .layout-card .sheet{max-width:260px;margin-inline:auto}
  .ui-photos #actual-preview{padding:.5rem}
  .ui-pilot #journey>.actions{display:grid;grid-template-columns:1fr 1fr}.ui-pilot #journey-save{grid-column:1/-1;grid-row:1}
  .ui-pilot #journey>.actions button{margin:0;font-size:.8rem}.ui-pilot #journey-export-draft{grid-column:1/-1}
  .ui-pilot .structure-preview{grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem;gap:.75rem}
  .ui-pilot .comparison-preview{grid-template-columns:1fr;gap:1.5rem}
  .ui-pilot #template-result{padding:1.25rem}.ui-pilot dialog{padding:1.25rem}
  .ui-pilot #print-preview{padding:1rem}.ui-pilot #page-switch{gap:.5rem}.ui-pilot #page-switch>label{order:-1;width:100%}
  .ui-print #print-actions .actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .ui-print #print-actions .actions button{width:100%;margin:0;text-align:left}
  .ui-pilot .next-actions{display:grid;grid-template-columns:1fr;gap:.25rem}.ui-pilot .next-actions a{margin-right:0}
  .ui-pilot .project-summary{gap:1rem}.ui-pilot .project-summary div{flex-basis:calc(50% - 1rem)}
 }
 /* Phase 4B-3 review gate: main-layout rules apply only to the six index references. */
 .ui-layout-pilot{--catalog-section:2.5rem;--catalog-gap:1rem}
 .ui-layout-pilot .page-heading{padding:2rem 0 .75rem}
 .ui-layout-pilot .page-heading .intro{margin-bottom:0}
 .ui-layout-pilot .page-heading+.section{margin-top:1rem}
 .ui-layout-pilot.ui-home .page-heading{padding-bottom:.25rem}
 .ui-layout-pilot.ui-home .page-heading h1{margin-bottom:.5rem}
 .ui-layout-pilot .page-heading h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.12;margin-bottom:1rem}
 .ui-layout-pilot .section{margin-top:var(--catalog-section)}
 .ui-layout-pilot .section-heading{margin-bottom:1rem;max-width:72ch}
 .ui-layout-pilot .section-heading h2:not(#work-output *){font-size:1.65rem;line-height:1.3;margin:0}
 .ui-layout-pilot .eyebrow{margin-bottom:.5rem}
 .ui-layout-pilot .home-lead{margin:0 0 1.5rem;font-size:1.0625rem;max-width:68ch}
 .ui-layout-pilot .home-start{margin-top:0}
 .ui-layout-pilot .entry{padding:1.5rem}
 .ui-layout-pilot .entry h2:not(#work-output *){font-size:1.65rem;max-width:22ch;margin-bottom:.75rem}
 .ui-layout-pilot .entry p{margin-bottom:1rem}
 .ui-layout-pilot .grid{gap:var(--catalog-gap)}
 .ui-layout-pilot main{padding-bottom:3rem}
 .ui-layout-pilot .catalog-note{font-size:.9rem;color:var(--muted);max-width:78ch;margin:.75rem 0 1.25rem}
 .ui-layout-pilot .linked-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:visible}
 .ui-layout-pilot .linked-card:hover,.ui-layout-pilot .linked-card:focus-within{border-color:var(--control-line)}
 .ui-layout-pilot .card-link{display:block;padding:1.25rem;height:100%;color:var(--ink);text-decoration:none;min-width:0}
 .ui-layout-pilot .card-link:hover{background:#F1F2E9}
 .ui-layout-pilot .card-link h3:not(#work-output *){font-size:1.3rem;margin:0 0 .75rem;line-height:1.35}
 .ui-layout-pilot .card-link p{margin:0 0 .75rem;line-height:1.65}
 .ui-layout-pilot .card-link p:not(.card-meta):not(.card-action){color:var(--muted);font-size:.95rem}
 .ui-layout-pilot .card-meta{font:.8rem/1.5 var(--sans);color:var(--accent);margin:0 0 .5rem}
 .ui-layout-pilot .card-action{display:block;font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:.25em;margin-top:.75rem}
 .ui-layout-pilot .card-arrow{display:inline-block;margin-left:.3rem;font-size:1.1rem}
 .ui-layout-pilot .featured-article{background:#E8EDE3;border-color:#BCC8B5}
 .ui-layout-pilot .featured-article .card-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}
 .ui-layout-pilot .featured-article .card-link>div{max-width:70ch}
 .ui-layout-pilot .featured-article h3:not(#work-output *){font-size:1.9rem;max-width:32ch}
 .ui-layout-pilot .article-list{display:grid;gap:var(--catalog-gap)}
 .ui-layout-pilot .article-row .card-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}
 .ui-layout-pilot .article-row h3:not(#work-output *){font-size:1.4rem}
 .ui-layout-pilot .article-row p{max-width:76ch}
 .ui-layout-pilot .home-journal{display:grid;gap:var(--catalog-gap)}
 .ui-layout-pilot .home-journal>.article-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ui-layout-pilot .home-journal .article-row .card-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem}
 .ui-layout-pilot .home-journal .article-row h3:not(#work-output *){font-size:1.25rem}
 .ui-layout-pilot .theme-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--catalog-gap)}
 .ui-layout-pilot .theme-link{position:relative;display:block;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);min-width:0;background:var(--surface)}
 .ui-layout-pilot .theme-link:hover{background:#EDEEE4;border-color:var(--control-line)}
 .ui-layout-pilot .theme-link h3:not(#work-output *){font-size:1.25rem;margin:.35rem 0 .5rem}
 .ui-layout-pilot .theme-link p{font-size:.9rem;color:var(--muted);margin:0}
 .ui-layout-pilot .theme-link>.card-arrow{position:absolute;right:1rem;top:.75rem}
 .ui-layout-pilot .guide-directory{display:grid;gap:1rem}
 .ui-layout-pilot .guide-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding:1.25rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}
 .ui-layout-pilot .guide-number{font:400 1.8rem/1.2 var(--serif);color:var(--accent)}
 .ui-layout-pilot .guide-row h3:not(#work-output *){font-size:1.5rem;margin:0 0 .5rem}
 .ui-layout-pilot .guide-row>div>p{max-width:78ch;margin-bottom:.6rem}
 .ui-layout-pilot .guide-steps{color:var(--muted);font-size:.9rem}
 .ui-layout-pilot .guide-links{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-size:.9rem}
 .ui-layout-pilot .guide-links a{display:inline-flex;align-items:center;min-height:44px}
 .ui-layout-pilot .case-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--catalog-gap)}
 .ui-layout-pilot .case-card .card-link{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem;align-items:center}
 .ui-layout-pilot .case-card h3:not(#work-output *){font-size:1.25rem}
 .ui-layout-pilot .template-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--catalog-gap)}
 .ui-layout-pilot .template-card .card-link{display:flex;flex-direction:column;gap:1rem}
 .ui-layout-pilot .template-card h3:not(#work-output *){font-size:1.3rem}
 .ui-layout-pilot .catalog-preview{min-width:0;background:var(--paper-deep);padding:.75rem;border-radius:.2rem}
 .ui-layout-pilot .catalog-preview .structure-preview{display:flex;gap:.5rem;padding:0;margin:0;background:transparent;min-width:0}
 .ui-layout-pilot .catalog-preview .structure-preview figure{flex:1;min-width:0;margin:0}
 .ui-layout-pilot .catalog-preview .structure-preview svg{display:block;height:150px;max-height:150px;width:100%}
 .ui-layout-pilot .catalog-preview .structure-preview figcaption{font-size:.8rem;line-height:1.5;color:var(--ink)}
 .ui-layout-pilot .card-link .catalog-preview>p,.ui-layout-pilot .catalog-preview>p{font-size:.75rem;color:var(--muted);margin:.5rem 0 0}
 .ui-layout-pilot .tool-directory{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
 .ui-layout-pilot .tool-directory li{border-bottom:1px solid var(--line)}
 .ui-layout-pilot .tool-link{display:grid;grid-template-columns:8rem minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:88px;padding:1rem .5rem;text-decoration:none;color:var(--ink)}
 .ui-layout-pilot .tool-link:hover{background:#EDEEE4}
 .ui-layout-pilot .tool-step{font-size:.85rem;color:var(--accent)}
 .ui-layout-pilot .tool-link strong{display:block;font-size:1.1rem;font-weight:600}
 .ui-layout-pilot .tool-link>span>span{display:block;color:var(--muted);font-size:.9rem}
 .ui-layout-pilot .catalog-aside{max-width:78ch;background:var(--paper-deep);padding:1.25rem;margin-top:2rem}
 .ui-layout-pilot .catalog-aside h2,.ui-layout-pilot .home-template-pick h2:not(#work-output *){font-size:1.4rem;margin-bottom:.75rem}
 .ui-layout-pilot .home-practical{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2rem;align-items:start}
 .ui-layout-pilot .home-practical .tool-link{grid-template-columns:6rem minmax(0,1fr) auto}
 .ui-layout-pilot .home-template-pick{padding:1.25rem;border:1px solid var(--line);background:var(--surface)}
 .ui-layout-pilot .home-template-pick>p{font-size:.95rem;margin:1rem 0 .5rem}
 /* The requested information footer is shared on all 45 routes. */
 .ui-pilot .site-footer{padding-block:2rem}
 .ui-pilot .site-footer .footer-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem 2.5rem}
 .ui-pilot .footer-brand p{max-width:35ch}
 .ui-pilot .footer-heading{font:600 .9rem/1.5 var(--sans);margin:0 0 .5rem;color:var(--ink);letter-spacing:0}
 .ui-pilot .site-footer nav{min-width:0;max-width:none}
 .ui-pilot .site-footer nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
 .ui-pilot .site-footer .footer-info ul{grid-template-columns:1fr}
 .ui-pilot .site-footer nav a{font-size:.9rem;min-height:44px;padding-block:.5rem}
 .ui-pilot .footer-note{grid-column:1/-1;border-top:1px solid #C1B5A5;padding-top:1rem;margin:0;max-width:none;font-size:.8rem;color:var(--muted)}
 @media(max-width:950px){
  .ui-layout-pilot .theme-directory{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-layout-pilot .home-journal>.article-list{grid-template-columns:1fr}
  .ui-layout-pilot .case-card .card-link{display:block}
  .ui-layout-pilot .case-card .catalog-preview{margin-bottom:1rem}
  .ui-layout-pilot .template-directory{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-pilot .site-footer .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}
  .ui-pilot .footer-brand{grid-column:1/-1}
 }
 @media(max-width:600px){
  .ui-layout-pilot{--catalog-section:1.75rem}
  .ui-layout-pilot .page-heading{padding:1.5rem 0 1rem}
  .ui-layout-pilot .page-heading h1{font-size:2.1rem}
  .ui-layout-pilot .section-heading h2:not(#work-output *){font-size:1.4rem}
  .ui-layout-pilot .home-lead{font-size:1rem;margin-bottom:1.25rem}
  .ui-layout-pilot .entry{padding:1.25rem}
  .ui-layout-pilot .entry h2:not(#work-output *){font-size:1.5rem}
  .ui-layout-pilot .theme-directory,.ui-layout-pilot .case-directory,.ui-layout-pilot .template-directory,.ui-layout-pilot .home-practical{grid-template-columns:1fr}
  .ui-layout-pilot .theme-link{padding:1rem}
  .ui-layout-pilot .theme-link h3:not(#work-output *){font-size:1.2rem}
  .ui-layout-pilot .featured-article .card-link,.ui-layout-pilot .article-row .card-link{display:block}
  .ui-layout-pilot .featured-article h3:not(#work-output *){font-size:1.55rem}
  .ui-layout-pilot .card-link{padding:1rem}
  .ui-layout-pilot .guide-row{grid-template-columns:2rem minmax(0,1fr);gap:.5rem;padding:1rem}
  .ui-layout-pilot .guide-number{font-size:1.4rem}
  .ui-layout-pilot .guide-row h3:not(#work-output *){font-size:1.25rem}
  .ui-layout-pilot .guide-links{display:block}
  .ui-layout-pilot .guide-links a{display:flex}
  .ui-layout-pilot .catalog-preview .structure-preview svg{height:150px}
  .ui-layout-pilot .tool-link,.ui-layout-pilot .home-practical .tool-link{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;min-height:100px}
  .ui-layout-pilot .tool-step{grid-column:1/-1}
  .ui-layout-pilot .home-practical{gap:1.5rem}
  .ui-pilot .site-footer .footer-inner{gap:1.25rem}
  .ui-pilot .site-footer nav ul{grid-template-columns:1fr}
 }
 /* Phase 4B-3A: compact directory excerpts only; home cards and detail pages keep their layout. */
 .ui-layout-pilot :is(.case-directory--compact,.template-directory--compact){gap:1rem;align-items:start}
 .ui-layout-pilot :is(.compact-case,.compact-template) .card-link{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;height:auto}
 .ui-layout-pilot :is(.compact-case,.compact-template) .compact-card-heading h3:not(#work-output *){margin:0 0 .5rem}
 .ui-layout-pilot :is(.compact-case,.compact-template) .card-link p{margin:0}
 .ui-layout-pilot .compact-case .case-goal{margin-top:.5rem}
 .ui-layout-pilot :is(.compact-case,.compact-template) .compact-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.75rem;align-items:center}
 .ui-layout-pilot :is(.compact-case,.compact-template) .catalog-preview{padding:.5rem;margin:0}
 .ui-layout-pilot :is(.compact-case,.compact-template) .structure-preview{gap:.375rem}
 .ui-layout-pilot :is(.compact-case,.compact-template) .catalog-preview .structure-preview svg{height:96px;max-height:none}
 .ui-layout-pilot :is(.compact-case,.compact-template) .card-action{margin:0;min-height:44px;display:flex;align-items:center;gap:.25rem}
 @media(prefers-reduced-motion:no-preference){.ui-pilot a,.ui-pilot button{transition:background-color .15s,color .15s,border-color .15s}}
}
/* Phase 4B-3B detail layouts. The six approved directories have no ui-detail-layout class. */
@media screen {
 .ui-detail-layout{--detail-gap:2rem}
 .ui-detail-layout .page-heading{padding:1.75rem 0 1rem;max-width:52rem}
 .ui-detail-layout .page-heading h1{font-size:clamp(2.1rem,3.7vw,3.1rem);line-height:1.15;margin-bottom:1rem}
 .ui-detail-layout .page-heading .eyebrow{margin-bottom:.65rem}
 .ui-detail-layout .page-heading .intro{margin-bottom:0;line-height:1.7}
 .ui-detail-layout.ui-creation .page-heading{padding-bottom:0}
 .ui-detail-layout.ui-creation .page-heading h1{margin-bottom:.5rem}
 .ui-detail-layout main{padding-bottom:2.5rem}
 .ui-detail-layout .section{margin-top:var(--detail-gap)}
 .ui-detail-layout .page-heading+.section{margin-top:1rem}
 .ui-detail-layout main h2:not(#work-output *){font-size:1.65rem;line-height:1.3;margin-bottom:.8rem}
 .ui-detail-layout main h3:not(#work-output *){font-size:1.25rem;line-height:1.4}
 .ui-detail-layout.ui-reading .page-heading{max-width:48rem;margin-inline:auto}
 .ui-detail-layout .reading-content{margin-inline:auto;line-height:1.8}
 .ui-detail-layout .reading-content section{margin-top:2rem}
 .ui-detail-layout .reading-content p{margin-bottom:1rem}
 .ui-detail-layout .reading-content>section:first-of-type{margin-top:1.5rem}
 .ui-detail-layout .reading-index{font:400 1rem/1.6 var(--sans);border-block:1px solid var(--line);margin-bottom:1.5rem}
 .ui-detail-layout .reading-index>summary{min-height:44px;padding:.65rem .25rem;cursor:pointer;color:var(--ink)}
 .ui-detail-layout .reading-index .reading-toc{padding:1rem;background:var(--paper-deep);border:0}
 .ui-detail-layout .reading-index .reading-toc p{margin-bottom:.5rem}
 .ui-detail-layout .reading-index ol{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem}
 .ui-detail-layout .reading-index li{margin:0}
 .ui-detail-layout .reading-index a{min-height:44px;display:flex;align-items:center}
 .ui-detail-layout .reading-outcome{max-width:68ch;margin:0 auto 1.25rem;padding:.9rem 1rem;border-left:3px solid var(--sage);background:var(--paper-deep);font-size:1rem}
 .ui-detail-layout .reading-outcome strong,.ui-detail-layout .reading-outcome span{display:block}
 .ui-detail-layout .reading-outcome span{color:var(--muted)}
 .ui-detail-layout .reading-content table{font-size:1rem}
 .ui-detail-layout .reading-content :is(td,th){padding:.75rem}
 .ui-detail-layout .reading-content caption{font-size:1rem;line-height:1.6}
 .ui-detail-layout .theme-intention,.ui-detail-layout .detail-lead{max-width:75ch}
 .ui-detail-layout .theme-reading-route{padding:0;margin:0;list-style:none;max-width:58rem;border-top:1px solid var(--line)}
 .ui-detail-layout .theme-reading-route li{border-bottom:1px solid var(--line)}
 .ui-detail-layout .theme-reading-route a{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:1rem;padding:1rem 0;text-decoration:none;color:var(--ink)}
 .ui-detail-layout .route-number{font:400 1.6rem/1.4 var(--serif);color:var(--accent)}
 .ui-detail-layout .route-role{display:block;color:var(--accent);font-size:.875rem;margin-bottom:.25rem}
 .ui-detail-layout .theme-reading-route strong{display:block;font:400 1.4rem/1.4 var(--serif);margin-bottom:.3rem;text-decoration:underline;text-underline-offset:.2em}
 .ui-detail-layout .route-description{display:block;font-size:1rem;color:var(--muted);max-width:72ch}
 .ui-detail-layout .theme-try{background:var(--paper-deep);padding:1.25rem;max-width:58rem;margin-top:2rem}
 .ui-detail-layout .theme-try p:last-child{margin-bottom:0}
 .ui-detail-layout .detail-primary{display:inline-flex;min-height:44px;align-items:center;font-weight:600}
 .ui-detail-layout .discovery-themes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
 .ui-detail-layout .discovery-themes>a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none}
 .ui-detail-layout .discovery-themes h3:not(#work-output *){margin:0 0 .5rem;font-size:1.45rem;text-decoration:underline;text-underline-offset:.2em}
 .ui-detail-layout .discovery-themes p{color:var(--muted);margin-bottom:.5rem}
 .ui-detail-layout .discovery-next{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
 .ui-detail-layout .discovery-next ul{padding:0;list-style:none}
 .ui-detail-layout .discovery-next li{border-top:1px solid var(--line);padding:.75rem 0}
 .ui-detail-layout .discovery-next li>a{display:inline-flex;align-items:center;min-height:44px;font-size:1.1rem}
 .ui-detail-layout .discovery-next p{font-size:1rem;max-width:65ch;margin-bottom:0;color:var(--muted)}
 .ui-detail-layout :is(.case-facts,.template-facts){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1.25rem;padding:1rem;background:var(--paper-deep);font:400 1rem/1.6 var(--sans)}
 .ui-detail-layout .case-facts{max-width:68ch;margin-inline:auto}
 .ui-detail-layout :is(.case-facts,.template-facts) div{min-width:0}
 .ui-detail-layout :is(.case-facts,.template-facts) dt{font-size:.875rem;color:var(--muted)}
 .ui-detail-layout :is(.case-facts,.template-facts) dd{margin:0;font-weight:600}
 .ui-detail-layout .template-facts dd{font:600 1.05rem/1.5 var(--sans)}
 .ui-detail-layout :is(.case-output,.case-diagnostics){max-width:68ch;margin-inline:auto}
 .ui-detail-layout :is(.case-diagnostics,.case-full-plan){margin-top:1.5rem;border-block:1px solid var(--line);padding-block:.5rem}
 .ui-detail-layout :is(.case-diagnostics,.case-full-plan,.template-reference) summary{min-height:44px;padding:.65rem .25rem;cursor:pointer;font:500 1rem/1.6 var(--sans)}
 .ui-detail-layout .detail-preview .structure-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem;gap:.75rem}
 .ui-detail-layout .detail-preview .structure-preview figure{margin:0;min-width:0}
 .ui-detail-layout .detail-preview .structure-preview svg{display:block;width:100%;height:120px;max-height:none}
 .ui-detail-layout .detail-preview .structure-preview figcaption{font-size:.875rem;line-height:1.6;overflow-wrap:normal}
 .ui-detail-layout .detail-preview .structure-preview:has(figure:only-child){grid-template-columns:minmax(0,180px);justify-content:center}
 .ui-detail-layout .template-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;align-items:start}
 .ui-detail-layout .template-summary h2:not(#work-output *){font-size:1.5rem}
 .ui-detail-layout .template-summary p{font-size:1rem;line-height:1.7}
 .ui-detail-layout .template-entry-links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
 .ui-detail-layout .template-entry-links a{min-height:44px;display:inline-flex;align-items:center}
 .ui-detail-layout .template-limit{max-width:90ch;margin:1.25rem 0;font-size:1rem;color:var(--muted);border-left:3px solid var(--sage);padding-left:1rem}
 .ui-detail-layout #template-app{margin-top:1.5rem}
 .ui-detail-layout .template-reference{max-width:90ch;margin:1.5rem 0 0}
 .ui-detail-layout .template-reference>details{border-block:1px solid var(--line)}
 .ui-detail-layout .template-reference .structure-preview{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ui-detail-layout :is(.tool-context,.journey-help,.journey-state){border-block:1px solid var(--line);margin-bottom:1rem;max-width:90ch}
 .ui-detail-layout :is(.tool-context,.journey-help,.journey-state)>summary{font-size:1rem;min-height:44px;padding:.65rem .25rem;cursor:pointer}
 .ui-detail-layout :is(.tool-context,.journey-help,.journey-state)[open]{padding-bottom:.75rem}
 .ui-detail-layout :is(.tool-context,.journey-help,.journey-state) p{max-width:78ch;font-size:1rem}
 .ui-detail-layout :is(#planner-status,#writing-status,#photos-status,#print-status,#journey-status){padding:.75rem 1rem;margin-block:1rem;line-height:1.6;max-width:90ch}
 .ui-detail-layout #journey-status[data-save-state=pending]{border-left-color:var(--clay);background:var(--paper-deep)}
 .ui-detail-layout #journey-progress{font-weight:600;margin:.75rem 0}
 .ui-detail-layout #journey-overview{padding:1rem;margin-bottom:1rem}
 .ui-detail-layout #journey-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;padding:0;margin:1rem 0}
 .ui-detail-layout #journey-steps button{font-size:.875rem;min-height:60px;line-height:1.45;padding:.6rem;margin:0}
 .ui-detail-layout #journey-steps [aria-current=step]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
 .ui-detail-layout #journey-panel{padding:1.25rem;margin:1rem 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
 .ui-detail-layout #journey-panel label{margin:.8rem 0;font-size:1rem}
 .ui-detail-layout #journey-panel textarea{min-height:140px}
 .ui-detail-layout #journey-panel p{max-width:82ch;font-size:1rem}
 .ui-detail-layout #journey>.actions{gap:.65rem;margin:1rem 0}
 .ui-detail-layout #journey>.actions button{margin:0;font-size:1rem}
 .ui-detail-layout #journey>section:last-of-type{margin-top:2rem;max-width:90ch}
 .ui-detail-layout :is(#planner-form,#writing-form,#photos-form)>fieldset{padding:1.25rem;margin:1rem 0}
 .ui-detail-layout :is(#planner,#writing) label{font-size:1rem}
 .ui-detail-layout :is(#plan-output,#writing-results){padding:1.25rem;border-top:3px solid var(--sage);background:var(--paper-deep)}
 .ui-detail-layout :is(#planner,#writing) .card{padding:1rem;margin-block:.75rem}
 .ui-detail-layout #writing-candidates .card h3:not(#work-output *){font-size:1.25rem}
 .ui-detail-layout :is(#plan-actions,#print-actions,.next-actions){gap:.65rem}
 .ui-detail-layout :is(#plan-actions,#print-actions,.next-actions) :is(button,a){min-height:44px}
 .ui-detail-layout :is(#journey-save,#save-project,#save-photos,#save-print,#writing-confirm,#template-confirm){background:var(--ink);color:var(--surface);border-color:var(--ink)}
 .ui-detail-layout :is(#planner-error,#writing-error,#photos-error,#print-error,#journey-error){margin-block:1rem;line-height:1.7;max-width:90ch}
 .ui-detail-layout .photo-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:1rem}
 .ui-detail-layout .photo-card img{height:125px}
 .ui-detail-layout .photo-card p{font-size:1rem;margin-bottom:.6rem}
 .ui-detail-layout #photos-form .photo-card button{min-height:44px;font-size:1rem}
 .ui-detail-layout #print-form .section{margin-top:1.5rem}
 .ui-detail-layout #print-form>fieldset{padding:1.25rem}
 .ui-detail-layout #print-preview{padding:1rem}
 .ui-detail-layout.ui-create .grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
 .ui-detail-layout.ui-create .card{padding:1.25rem;border:1px solid var(--line);background:var(--surface)}
 .ui-detail-layout.ui-create .card h3:not(#work-output *){font-size:1.5rem}
 .ui-detail-layout:is(.ui-about,.ui-contact,.ui-privacy,.ui-terms) main>.notice{max-width:75ch;padding:1.25rem;font-size:1rem;line-height:1.8}
 .ui-detail-layout:is(.ui-about,.ui-contact,.ui-privacy,.ui-terms) .page-heading{padding-bottom:1.25rem}
 .ui-detail-layout:is(.ui-about,.ui-404) .entry{padding:1.25rem}
 .ui-detail-layout:is(.ui-about,.ui-404) .entry h2:not(#work-output *){font-size:1.6rem}
 @media(max-width:950px){.ui-detail-layout #journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @media(max-width:950px){.ui-detail-layout .template-summary{grid-template-columns:1fr}}
 @media(max-width:600px){
  .ui-detail-layout{--detail-gap:1.5rem}
  .ui-detail-layout .page-heading{padding:1.25rem 0 1rem}
  .ui-detail-layout .page-heading h1{font-size:2.1rem}
  .ui-detail-layout .reading-content section{margin-top:1.5rem}
  .ui-detail-layout main h2:not(#work-output *){font-size:1.5rem}
  .ui-detail-layout .reading-index ol{grid-template-columns:1fr}
  .ui-detail-layout .reading-content table td{font-size:1rem;line-height:1.65}
  .ui-detail-layout .discovery-themes,.ui-detail-layout .discovery-next{grid-template-columns:1fr}
  .ui-detail-layout .discovery-themes>a{padding:1rem}
  .ui-detail-layout .theme-reading-route a{grid-template-columns:1.75rem minmax(0,1fr) auto;gap:.5rem}
  .ui-detail-layout :is(.case-facts,.template-facts){padding:.75rem;gap:.5rem}
  .ui-detail-layout .template-summary{gap:1rem}
  .ui-detail-layout .template-summary .detail-preview .structure-preview svg{height:96px}
  .ui-detail-layout .template-reference .structure-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-detail-layout #journey-panel{padding:1rem}
  .ui-detail-layout #journey>.actions{display:grid;grid-template-columns:1fr 1fr}
  .ui-detail-layout #journey>.actions #journey-save,.ui-detail-layout #journey>.actions #journey-export-draft{grid-column:1/-1}
  .ui-detail-layout :is(#planner-form,#writing-form,#photos-form)>fieldset,.ui-detail-layout #print-form>fieldset{padding:1rem}
  .ui-detail-layout :is(#plan-output,#writing-results){padding:1rem}
  .ui-detail-layout .photo-list{grid-template-columns:1fr}
  .ui-detail-layout .photo-card img{height:125px}
  .ui-detail-layout.ui-create .grid.four{grid-template-columns:1fr}
 }
}

/* Phase 4F-3A: supplied PNG wordmark, screen presentation only. */
@media screen {
 .ui-pilot .header-inner{padding-block:.5rem}
 .ui-pilot .brand{display:block;flex:0 0 auto;line-height:0;letter-spacing:normal}
 .ui-pilot .brand-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
 .ui-pilot .footer-logo{display:inline-flex;max-width:100%;line-height:0}
 .ui-pilot .footer-logo img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}
 @media(max-width:600px){
  .ui-pilot .brand-logo{width:180px}
  .ui-pilot .footer-logo img{width:160px}
 }
}