/* Kanna portal / brief: measured from the 1512px desktop frames.
   Scoped so the landing page and Checkout success screen stay untouched. */
.studio-ui { position:relative; isolation:isolate; --card-radius:.5rem; min-width:0; overflow-x:clip; }
.studio-grid { position:absolute; inset:0 var(--gutter); z-index:-1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); pointer-events:none; overflow:hidden; }
.studio-grid span { background:url('../assets/figma/imgGroup1.svg') left top / 100% 479.8125rem repeat-y; }
.studio-ui .onboarding-header { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); align-items:start; height:11.875rem; padding:1.25rem; }
.studio-ui .onboarding-header::after { display:none; }
.studio-ui .onboarding-header > a:first-child { grid-column:1 / 3; }
.studio-ui .onboarding-header img { width:6.5rem; height:1.625rem; }
.studio-ui .onboarding-header .secure { grid-column:3 / 7; line-height:1.1; }
.studio-ui .brief-close { grid-column:11 / 13; width:100%; }
.studio-ui .btn-icon-link.is-light { --button-bg:#e6e6e6; }
.studio-ui .brief-close .btn-icon-content,.studio-ui .is-light .btn-icon-content { background:var(--button-bg); }
.studio-ui .brief-close:not(#sign-out) .btn-icon-icon { transform:rotate(180deg); }
.studio-ui .onboarding-shell { max-width:none; width:auto; margin:0 var(--gutter); padding:0; min-height:0; overflow:visible; }
.studio-ui [hidden] { display:none!important; }
.studio-ui .field input,.studio-ui .field textarea { border-bottom:1px dashed #e0e0e0; color:var(--muted); }
.studio-ui .field input:focus,.studio-ui .field textarea:focus { color:var(--ink); }
.studio-ui .field input::placeholder,.studio-ui .field textarea::placeholder { color:var(--muted); }
.studio-ui .field-label { color:var(--ink); }
.studio-ui .helper { color:#888; }
.studio-ui .secure.is-muted { color:var(--muted); }
.studio-ui .upload-area { border-color:#e0e0e0; }
.studio-ui .onboarding-header button { font-size:var(--type-body); }
.studio-ui .btn-icon-content__text { white-space:nowrap; }
.studio-ui .draft-preference { grid-column:7 / 11; grid-row:1; margin:0; line-height:1.2; color:var(--ink); }
.studio-ui .draft-preference input { appearance:none; border:1px solid #bbb; border-radius:50%; width:1.5625rem; height:1.5625rem; flex:none; background:transparent; }
.studio-ui .draft-preference input:checked { background:radial-gradient(circle,var(--ink) 0 3px,transparent 4px); border-color:transparent; }
.studio-ui .draft-preference input:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.brief-ui .progress-row { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1.25rem; margin:0 0 4.3125rem; align-items:start; }
.brief-ui .progress-track { display:grid; grid-template-columns:repeat(var(--steps),minmax(0,1fr)); gap:1.25rem; grid-column:1 / -1; height:.3125rem; background:none; border-radius:0; overflow:visible; }
.brief-ui .progress-track span { border:1px dashed #e0e0e0; min-width:0; }
.brief-ui .progress-track .is-complete { background:var(--ink); border-color:var(--ink); }
.brief-ui .progress-fill { display:none; }
.brief-ui #progressText { grid-column:1 / 3; }
.brief-ui #headerPrice { grid-column:3 / 7; text-align:left; }
.brief-ui #headerService { grid-column:7 / 13; }
.brief-ui .question-heading { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1.25rem; align-items:start; margin:0 0 6.25rem; }
.brief-ui .question-heading .eyebrow { grid-column:1 / 3; grid-row:1; font-size:6.375rem; color:var(--muted); letter-spacing:-.04em; line-height:1; }
.brief-ui .question-step h1 { grid-column:3 / 13; grid-row:1; max-width:none; font-size:6.375rem; line-height:1; letter-spacing:-.04em; color:var(--muted); text-wrap:initial; }
.brief-ui .question-content { margin-left:calc((100% + var(--gap)) / 6); margin-right:calc((100% + var(--gap)) / 12); }
.brief-ui .question-content > .field:first-child { margin-top:0; }
.brief-ui .question-content > .field { margin-bottom:6.25rem; }
.brief-ui .field-label { margin-bottom:2.5rem; }
.brief-ui .field input,.brief-ui .field textarea { padding:0 0 .625rem; font-size:var(--type-lead); line-height:1.2; }
.brief-ui .field textarea { min-height:3.375rem; }
.brief-ui .choice-card { min-height:12.5rem; padding:1.5rem; border:0; background:#e6e6e6; color:var(--muted); }
.brief-ui .choice-card strong { margin:0; padding-right:2.75rem; line-height:1; }
.brief-ui .choice-card::after { display:none; }
.brief-ui .choice-index { position:absolute; top:1.5rem; right:1.5rem; display:grid; place-items:center; width:2.5rem; height:2.5rem; border:1px solid var(--muted); border-radius:50%; font-size:1rem; color:transparent; }
.brief-ui .choice-card[aria-pressed=true] .choice-index { background:var(--paper); border-color:var(--paper); color:var(--ink); }
.brief-ui .choice-card[aria-pressed=true],.brief-ui .check-card.selected { background:var(--ink); color:var(--paper); }
.brief-ui .check-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.brief-ui .address-options { margin-bottom:2.5rem; }
.brief-ui .address-options + .field { margin-bottom:2.5rem; }
.brief-ui .check-card { min-height:5.5rem; padding:1.5rem; border:0; color:var(--muted); background:#e6e6e6; }
.brief-ui .tick { width:2.5rem; height:2.5rem; font-size:0; }
.brief-ui .selected .tick { color:transparent; }
.brief-ui .field--other { margin-top:6.25rem; }
.brief-ui .onboarding-actions { margin:0 calc(-1 * var(--gutter)); padding:1.25rem; margin-top:auto; gap:1.25rem; background:var(--paper); border-top:1px dashed #e0e0e0; }
.brief-ui .onboarding-actions > .draft-actions { display:flex; gap:1rem; flex-wrap:wrap; }
.brief-ui .reset-brief { margin:0; color:var(--muted); font-size:1rem; text-decoration:none; border-bottom:1px dashed #e0e0e0; padding-bottom:.25rem; }
.brief-ui .reset-brief::after { content:' →'; }
.brief-ui .onboarding-actions > .step-actions { display:flex; gap:1.25rem; }
.brief-ui .key-hint { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.brief-ui .continue-button.btn-icon-link { width:14.375rem; min-width:14.375rem; }
.brief-ui .onboarding-shell { min-height:calc(100svh - 11.875rem); }
.brief-ui .question-stage { padding-bottom:5rem; }
.brief-ui .form-error:empty { display:none; }
.brief-ui .site-legal-nav { margin:0; padding:1.25rem; border-top:1px dashed #e0e0e0; }
.studio-ui .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; }
.project-body.studio-ui .onboarding-header { height:12.25rem; }
.studio-identity { grid-column:3 / 6; }
.studio-nav { grid-column:7 / 9; display:flex; flex-direction:column; gap:.25rem; align-items:start; }
.studio-nav a { color:#888; }
.studio-nav a[aria-current],.studio-nav a:hover { color:var(--ink); }
.studio-all { grid-column:9 / 11; width:100%!important; min-width:0!important; }
.project-body .client-project-id { grid-column:4 / 8; }
.project-body .client-context { grid-column:8 / 11; }
.project-body.studio-ui .onboarding-shell { gap:0; }
.project-body.studio-ui .room-message:empty { display:none; }
.project-body.studio-ui .room-message { margin:2rem 0; }
.project-body.studio-ui .btn-icon-link { min-width:0; }
.project-body.studio-ui .room-section { padding:4rem 0; border-color:#e0e0e0; }
.project-body.studio-ui .room-section > h2 { margin-bottom:2rem; }
.website-hosting > .room-small { max-width:55rem; margin:1rem 0 2rem; }
.website-hosting #site-upload > .room-actions { margin-top:2.5rem; }
.hosting-version { padding:2rem 0; border-top:1px dashed #e0e0e0; }
.hosting-version h3 { color:var(--muted); font-size:1.5rem; overflow-wrap:anywhere; margin-bottom:1rem; }
.studio-section-title { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); position:relative; padding-top:1.875rem; min-height:17.5rem; color:var(--muted); }
.studio-section-title::before,.client-title::before,.client-title::after,.project-list a::before,.queue-heading::after,.studio-brief-row::before,.studio-footer::before { content:''; position:absolute; left:calc(-1 * var(--gutter)); right:calc(-1 * var(--gutter)); top:0; height:.6875rem; background:url('../assets/figma/imgGroup7.svg') center / 100% 100%; mask:none; }
/* The exported rule is vertical: rotate it without changing the SVG dash pattern. */
.studio-section-title::before,.client-title::before,.client-title::after,.project-list a::before,.queue-heading::after,.studio-brief-row::before,.studio-footer::before { left:50%; right:auto; width:.6875rem; height:var(--studio-viewport,100vw); background-size:100% 100%; transform:translate(-50%,-50%) rotate(-90deg); pointer-events:none; }
.studio-section-title > span { grid-column:1 / 5; font-size:8.125rem; line-height:1; letter-spacing:-.04em; }
.project-body .studio-section-title :is(h1,h2) { grid-column:5 / 13; margin:0; font-size:8.125rem; line-height:1; letter-spacing:-.04em; }
.project-list .queue-heading,.project-list a { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--gap); position:relative; }
.project-list .queue-heading { padding:0 0 1.25rem; }
.queue-heading::after { top:auto; bottom:0; transform:translate(-50%,50%) rotate(-90deg); }
.project-list :is(a,.queue-heading) > :nth-child(1) { grid-column:1 / 4; }
.project-list :is(a,.queue-heading) > :nth-child(2) { grid-column:4 / 8; }
.project-list :is(a,.queue-heading) > :nth-child(3) { grid-column:8 / 10; }
.project-list :is(a,.queue-heading) > :nth-child(4) { grid-column:10 / 13; }
.project-list a { color:var(--muted); min-height:5.3125rem; padding:1.875rem 0 1.25rem; font-size:var(--type-lead); letter-spacing:-.01em; line-height:1; border:0; transition:color .3s; }
.project-list a strong { font-size:inherit; }
.project-list a > * { overflow-wrap:anywhere; min-width:0; }
.project-list a:hover,.project-list a:focus-visible { color:var(--ink); background:transparent; }
.project-list small { font-size:.75rem; letter-spacing:0; }
.queue-empty { padding:3rem 0; }
.client-overview { min-height:calc(100svh - 12.25rem); display:flex; flex-direction:column; padding-bottom:1.25rem; }
.client-title { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); min-height:17.5rem; padding-top:1.875rem; }
.client-title::after { top:auto; bottom:0; transform:translate(-50%,50%) rotate(-90deg); }
.project-body .client-title h1 { grid-column:1 / 11; font-size:8.125rem; line-height:1; color:var(--muted); margin:0; }
.client-title time { grid-column:11 / 13; text-align:right; line-height:1.2; }
.project-body .room-meta { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); border:0; margin:0 0 2rem; padding:1.875rem 0; }
.room-meta > div:nth-child(1) { grid-column:1 / 4; }
.room-meta > div:nth-child(2) { grid-column:4 / 6; }
.room-meta > div:nth-child(3) { grid-column:6 / 8; }
.room-meta > div:nth-child(4) { grid-column:8 / 13; }
.project-body .room-meta dt { margin-bottom:2.25rem; color:var(--ink); }
.project-body .room-meta dd { color:var(--muted); }
.project-body .room-meta dd small { font-size:1rem; margin-left:.5rem; }
.project-body .client-links { margin:0 0 2rem; }
.download-assets { display:flex; align-items:start; justify-content:space-between; gap:2rem; background:var(--ink); color:var(--paper); border-radius:.5rem; padding:1.5rem; min-height:10.625rem; width:calc((100% - 2 * var(--gap)) / 3); margin-top:auto; margin-left:auto; overflow:hidden; transition:background .4s; }
.download-assets img { width:3.25rem; height:3.25rem; transition:transform .5s var(--ease); }
.download-assets:hover { background:#373737; }
.download-assets:hover img { transform:translateY(.5rem); }
.admin-overview-meta { position:relative; min-height:8.1875rem; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); margin:0; }
.admin-overview-meta > div:nth-child(1) { grid-column:1 / 3; }
.admin-overview-meta > div:nth-child(2) { grid-column:3 / 5; }
.admin-overview-meta > div:nth-child(3) { grid-column:5 / 7; }
.admin-overview-meta > div:nth-child(4) { grid-column:7 / 10; }
.admin-overview-meta > div:nth-child(5) { grid-column:10 / 13; }
.admin-overview-meta dt { line-height:1; margin-bottom:3.125rem; }
.admin-overview-meta dd { margin:0; font-size:var(--type-lead); line-height:1; letter-spacing:-.01em; color:var(--muted); overflow-wrap:anywhere; }
.admin-overview-meta small { display:block; font-size:1rem; margin-top:.5rem; letter-spacing:0; }
.revision-counter { display:flex; height:4.6875rem; margin-top:-1.1875rem!important; border:1px dashed #e0e0e0; padding:.25rem; }
.revision-counter span { flex:1; display:grid; place-items:center; text-align:center; padding:.75rem; }
.revision-counter .is-current { background:#e6e6e6; color:var(--ink); border-radius:.5rem; }
.admin-settings-row,.admin-url-row { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); margin-top:0; }
.admin-settings-row > :nth-child(1),.admin-url-row > :nth-child(1) { grid-column:1 / 5; }
.admin-settings-row > :nth-child(2),.admin-url-row > :nth-child(2) { grid-column:5 / 9; }
.admin-settings-row > :nth-child(3),.admin-url-row > :nth-child(3) { grid-column:10 / 13; }
.admin-settings-row .field,.admin-url-row .field { margin:0; }
.admin-settings-row .field-label { line-height:1; margin-bottom:3.125rem; }
.admin-business p { font-size:var(--type-lead); line-height:1!important; color:var(--muted); }
.admin-business small { display:block; font-size:1rem; line-height:1.3; color:#888; margin-top:1rem; overflow-wrap:anywhere; }
.admin-status .field + .field { margin-top:1rem; }
.admin-status .field + .field .field-label { margin-bottom:.5rem; }
.status-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px dashed #e0e0e0; padding:.25rem; gap:0; }
.status-options label { position:relative; min-width:0; cursor:pointer; }
.status-options input { position:absolute; opacity:0; }
.status-options span { display:flex; align-items:center; justify-content:center; min-height:3rem; padding:.5rem; border-radius:.5rem; color:#888; font-size:1rem; text-align:center; white-space:nowrap; transition:background .3s,color .3s; }
.status-options input:checked + span { background:#e6e6e6; color:var(--ink); }
.status-options label:hover span { background:#eee; color:var(--ink); }
.status-options input:focus-visible + span { outline:2px solid var(--ink); outline-offset:2px; }
.admin-status > .field { margin-top:1rem; }
.admin-status > .field .field-label { margin-bottom:.5rem; }
.project-body.studio-ui select { background:transparent; border:1px dashed #e0e0e0; border-radius:.5rem; padding:.75rem; }
.admin-url-row { margin-top:7.5rem; }
.admin-url-row input { font-size:1rem!important; }
.link-controls { grid-column:10 / 13; grid-row:3; align-self:end; display:flex; flex-direction:column; align-items:start; gap:.75rem; padding-top:.625rem; min-width:0; }
.link-output { margin:0; }
.link-output:empty { display:none; }
.studio-text-link { border:0; background:none; color:var(--ink); font-size:1rem; padding:0; text-align:left; cursor:pointer; }
.admin-save { display:flex; align-items:start; justify-content:space-between; margin-top:7.5rem; }
.admin-tools { flex:1; min-width:0; margin-right:var(--gap); }
.admin-tools > summary { width:fit-content; line-height:1; padding:1.0625rem 0; }
.admin-tools-content { padding:1.5rem 0 0; max-width:45rem; }
.admin-tools .field { max-width:22rem; }
.admin-save .btn-icon-link { width:calc((100% - 3 * var(--gap)) / 4); }
.admin-tools-content .btn-icon-link { width:auto; max-width:100%; }
.admin-project-actions { justify-content:flex-end; }
.studio-overview { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--gap); padding-bottom:7.5rem; }
.studio-overview > :is(.studio-section-title,.admin-overview-meta,form,.admin-save,.page-notice) { grid-column:1 / -1; }
.studio-overview > form { grid-row:3; margin-top:7.5rem; }
.admin-settings-row { min-height:6.5rem; }
.admin-settings-row .field input { padding:0; line-height:1; border:0; height:2.1875rem; }
.admin-status .status-control .field-label { margin-bottom:1.875rem; }
.admin-url-row .url-field input { padding:0 0 .625rem; height:1.625rem; line-height:1; color:var(--ink); }
.admin-url-row .url-field input::placeholder { color:var(--ink); }
.studio-brief { padding-bottom:0; }
.studio-brief-row { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); position:relative; padding:1.875rem 0; min-height:6.625rem; }
.studio-brief-row > span { grid-column:1 / 5; }
.project-body .studio-brief-row h3 { grid-column:5 / 7; font-size:1rem; letter-spacing:0; line-height:1.2; }
.studio-brief-row p { grid-column:7 / 13; color:var(--muted); overflow-wrap:anywhere; white-space:pre-wrap; }
.project-body.studio-ui .studio-deliverables { padding:0 0 4rem; border:0; }
.deliverable-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gap); margin-bottom:2rem; align-items:start; }
.deliverable-grid > .helper { grid-column:1 / -1; }
.project-body .deliverable { display:block; border:1px dashed #e0e0e0; border-radius:.5rem; padding:0; min-width:0; }
.deliverable-card { display:flex; position:relative; min-height:10.625rem; padding:1.5rem; gap:1rem; justify-content:space-between; cursor:pointer; list-style:none; transition:background .3s; border-radius:.5rem; }
.deliverable-card::-webkit-details-marker { display:none; }
.deliverable-card img { width:11px; height:10px; flex:none; transform:rotate(-90deg); }
.deliverable-card .deliverable-title { font-size:1rem; line-height:1.2; padding-bottom:2.5rem; }
.deliverable-state { position:absolute; bottom:1.5rem; right:1.5rem; left:1.5rem; text-align:right; color:var(--muted); font-size:.75rem; }
.deliverable-card:hover,.deliverable[open] .deliverable-card { background:#e6e6e6; }
.deliverable-card:hover .card-word,.deliverable-card:focus-visible .card-word { transform:translateY(-1.5em); }
.deliverable-detail { padding:1.5rem; border-top:1px dashed #e0e0e0; }
.deliverable-detail .room-actions { margin:1rem 0; }
.deliverable-detail .btn-icon-link { width:100%; }
.deliverable-detail .upload-area { min-height:8rem; padding:1rem; margin:1rem 0; }
.deliverable-detail .upload-area > span { font-size:1rem; }
#client-upload > .upload-area + .btn-icon-link { margin-top:40px; }
.deliverable-detail .field { margin:0; }
.project-body.studio-ui .field { min-width:0; }
.studio-login { max-width:61.25rem; margin:0 auto 6rem; }
.studio-login h1 { color:var(--muted); }
.studio-login form { max-width:38rem; margin-top:5rem; }
.studio-footer { position:relative; padding-top:1.875rem; margin-top:5rem; }
.studio-wordmark { width:100%; height:auto; }
.studio-footer-meta { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); margin:2rem 0 1.25rem; }
.studio-footer-meta > :nth-child(1) { grid-column:1; }
.studio-footer-meta > :nth-child(2) { grid-column:2 / 4; }
.studio-footer-meta > :nth-child(3) { grid-column:4 / 8; }
.studio-footer-meta > :nth-child(4) { grid-column:11 / 13; }
/* Full-bleed paired SVG rules share the exact #e0e0e0 stroke of the vertical grid. */
.admin-overview-meta::before,.admin-overview-meta::after,.admin-settings-row::before {
  content:''; position:absolute; left:50%; width:.6875rem; height:var(--studio-viewport,100vw);
  background:url('../assets/figma/imgGroup7.svg') center / 100% 100% no-repeat;
  transform:translate(-50%,-50%) rotate(-90deg); pointer-events:none;
}
.admin-overview-meta::before,.admin-settings-row::before { top:2.59375rem; }
.admin-overview-meta::after { bottom:.34375rem; transform:translate(-50%,50%) rotate(-90deg); }
.studio-section-title::before,.studio-brief-row::before,.studio-footer::before { top:.34375rem; }
.studio-brief-row p { line-height:1!important; }
.studio-brief-row[data-brief-row=referenceNotes] { min-height:9.625rem; }
.studio-brief-row[data-brief-row=description] { min-height:16.875rem; }
.studio-brief-row .brief-domain { grid-column:7 / 9; }
.project-body .studio-brief-row .brief-registrar-label { grid-column:9 / 11; }
.studio-brief-row .brief-registrar { grid-column:11 / 13; }
.brief-references { grid-column:7 / 13; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap); }
.brief-references p { grid-column:auto; }
.studio-text-link.secondary-link { display:inline-block; }
@media(hover:hover) and (pointer:fine) {
  .brief-ui .choice-card:hover,.brief-ui .check-card:hover { background:#dedede; }
  .brief-ui .choice-card[aria-pressed=true]:hover,.brief-ui .check-card.selected:hover { background:#373737; }
}
@media(max-width:800px) {
  .studio-ui { --gutter:12px; --gap:12px; --card-radius:8px; --type-display:50px; --type-lead:25px; --type-body:16px; }
  .studio-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .studio-grid span:nth-child(n+6) { display:none; }
  .studio-ui .onboarding-header { height:auto; min-height:130px; padding:12px; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px 12px; }
  .studio-ui .onboarding-header > a:first-child { grid-column:1 / 3; }
  .studio-ui .onboarding-header img { width:95px; height:24px; }
  .studio-ui .brief-close { grid-column:4 / 6; min-width:0; }
  .studio-ui .draft-preference { grid-column:1 / -1; grid-row:2; font-size:14px; min-height:25px; }
  .studio-ui .draft-preference input { width:25px; height:25px; }
  .brief-ui .onboarding-shell { min-height:calc(100svh - 130px); }
  .brief-ui .progress-row { gap:16px 12px; margin:10px 0 48px; grid-template-columns:repeat(5,minmax(0,1fr)); }
  .brief-ui .progress-track { gap:6px; height:5px; }
  .brief-ui #progressText { grid-column:1 / 3; }
  .brief-ui #headerPrice { grid-column:3; }
  .brief-ui #headerService { grid-column:4 / 6; text-align:right; }
  .brief-ui .question-heading { grid-template-columns:60px minmax(0,1fr); gap:12px; margin-bottom:48px; }
  .brief-ui .question-heading .eyebrow { grid-column:1; font-size:44px; }
  .brief-ui .question-step h1 { grid-column:2; font-size:44px; line-height:1; letter-spacing:-.03em; }
  .brief-ui .question-content { margin:0; }
  .brief-ui .field-label { margin-bottom:28px; }
  .brief-ui .question-content > .field { margin-bottom:48px; }
  .brief-ui .choice-card { min-height:160px; padding:20px; }
  .brief-ui .choice-card strong { margin:0; }
  .brief-ui .choice-index { top:20px; right:20px; width:36px; height:36px; }
  .brief-ui .check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .brief-ui .address-options { grid-template-columns:1fr; margin-bottom:32px; }
  .brief-ui .check-card { padding:16px; min-height:88px; gap:10px; }
  .brief-ui .tick { width:28px; height:28px; }
  .brief-ui .onboarding-actions { flex-wrap:wrap; padding:16px 12px; }
  .brief-ui .onboarding-actions > .draft-actions { order:2; }
  .brief-ui .onboarding-actions > .step-actions { width:100%; display:flex; flex-wrap:wrap; gap:12px; }
  .brief-ui .continue-button.btn-icon-link { min-width:0; width:auto; flex:1; margin:0; }
  .brief-ui .back-button { width:100px; }
  .brief-ui .review-button { order:3; }
  .brief-ui .question-stage { padding-bottom:48px; }
  .brief-ui .reset-brief { font-size:14px; }
  .brief-ui .site-legal-nav { padding:12px; }
  .project-body.studio-ui .onboarding-header { height:auto; min-height:160px; }
  .project-body.studio-ui[data-view=admin] .onboarding-header { min-height:200px; padding-bottom:32px; }
  .project-body.studio-ui .onboarding-header > span { display:block; }
  .project-body .studio-identity { grid-column:1 / 4; grid-row:2; font-size:14px; }
  .studio-nav { grid-column:1 / 4; grid-row:3; flex-direction:row; flex-wrap:wrap; gap:16px; font-size:14px; }
  .studio-all { grid-column:4 / 6; grid-row:2; }
  .studio-all .btn-icon-content { padding:12px 10px; gap:6px; }
  .studio-all .btn-icon-content__text { font-size:14px; }
  .brief-ui .continue-button .btn-icon-content__text { font-size:14px; }
  .project-body .client-project-id { grid-column:1 / 4; grid-row:2; }
  .project-body .client-context { grid-column:4 / 6; grid-row:2; text-align:right; }
  .project-body.studio-ui .onboarding-shell { max-width:none; }
  .studio-section-title { grid-template-columns:60px minmax(0,1fr); min-height:190px; padding-top:30px; }
  .studio-section-title > span,.project-body .studio-section-title :is(h1,h2) { font-size:50px; letter-spacing:-.03em; }
  .studio-section-title > span { grid-column:1; }
  .project-body .studio-section-title :is(h1,h2) { grid-column:2; overflow-wrap:anywhere; }
  .project-list .queue-heading,.project-list a { grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:16px 12px; }
  .project-list :is(a,.queue-heading) > :nth-child(1) { grid-column:1; }
  .project-list :is(a,.queue-heading) > :nth-child(2) { grid-column:2; }
  .project-list :is(a,.queue-heading) > :nth-child(3) { grid-column:1; font-size:16px; }
  .project-list :is(a,.queue-heading) > :nth-child(4) { grid-column:2; font-size:16px; }
  .project-list a { padding:24px 0; font-size:25px; }
  .project-list small { font-size:12px; }
  .client-overview { min-height:calc(100svh - 160px); }
  .client-title { grid-template-columns:minmax(0,1fr); gap:24px; min-height:230px; padding:30px 0; }
  .project-body .client-title h1 { grid-column:1; font-size:50px; }
  .client-title time { grid-column:1; text-align:left; font-size:14px; }
  .project-body .room-meta { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 12px; padding:30px 0; }
  .room-meta > div:nth-child(n) { grid-column:auto; }
  .project-body .room-meta dt { margin-bottom:20px; font-size:14px; }
  .download-assets { width:100%; min-height:150px; padding:24px; margin-top:32px; }
  .download-assets img { width:44px; height:44px; }
  .studio-overview { display:block; }
  .studio-overview > form { margin-top:48px; }
  .admin-overview-meta::before,.admin-overview-meta::after,.admin-settings-row::before { display:none; }
  .admin-overview-meta { min-height:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 12px; }
  .admin-overview-meta > div:nth-child(n) { grid-column:auto; }
  .admin-overview-meta dt { margin-bottom:24px; font-size:14px; }
  .admin-overview-meta > div:last-child { grid-column:1 / -1; }
  .revision-counter { max-width:220px; margin-top:0!important; }
  .admin-settings-row,.admin-url-row { grid-template-columns:minmax(0,1fr); margin-top:48px; gap:40px; }
  .admin-settings-row > :nth-child(n),.admin-url-row > :nth-child(n) { grid-column:1; }
  .admin-settings-row { margin-top:0; }
  .admin-settings-row .field-label { margin-bottom:24px; }
  .link-controls { height:auto; margin-top:32px; padding:0; }
  .admin-save { flex-wrap:wrap; gap:24px; }
  .admin-tools { flex-basis:100%; margin:0; }
  .admin-save { margin-top:40px; }
  .admin-save .btn-icon-link { width:100%; }
  .admin-project-actions { justify-content:start; }
  .studio-overview { padding-bottom:72px; }
  .studio-brief { padding-bottom:48px; }
  .studio-brief-row[data-brief-row=referenceNotes],.studio-brief-row[data-brief-row=description] { min-height:0; }
  .studio-brief-row .brief-domain,.project-body .studio-brief-row .brief-registrar-label,.studio-brief-row .brief-registrar,.brief-references { grid-column:2; }
  .brief-references { grid-template-columns:minmax(0,1fr); }
  .brief-references p { grid-column:1; }
  .studio-brief-row { grid-template-columns:32px minmax(0,1fr); gap:16px 12px; padding:24px 0; }
  .studio-brief-row > span { grid-column:1; }
  .project-body .studio-brief-row h3 { grid-column:2; }
  .studio-brief-row p { grid-column:2; color:#888; }
  .deliverable-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .deliverable-card { min-height:150px; padding:24px; }
  .project-body.studio-ui .room-section { padding:40px 0; }
  .project-body.studio-ui .studio-deliverables { padding-top:0; }
  .studio-footer-meta { grid-template-columns:1fr 1fr; gap:24px 12px; font-size:14px; }
  .studio-footer-meta > :nth-child(n) { grid-column:auto; }
  .studio-login { margin-top:40px; }
  .studio-login h1 { font-size:50px; }
}
@media(max-width:374px) { .brief-ui .question-step h1,.brief-ui .question-heading .eyebrow { font-size:38px; } }