/* Quietfield semantic overlay; no independent palette or token namespace. */
body:has(.design-view:not([hidden])) .skip-link:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.design-view{padding:var(--space-lg) 0 var(--space-2xl);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;font:var(--type-body-md);color:var(--color-ink);background:var(--color-canvas)}
.design-shell{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.design-nav{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-xl)}
.design-lang{display:flex;gap:var(--space-2xs);margin-left:auto}.design-lang button{font:var(--type-label);padding:var(--space-sm);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-ink);cursor:pointer}.design-lang button[aria-pressed="true"]{background:var(--color-accent-soft);color:var(--color-accent-hover);border-color:var(--color-accent)}.design-lang button:hover{color:var(--color-accent-hover)}
.design-nav a{min-height:44px;display:inline-flex;align-items:center}
.design-view h1{font:var(--type-h1);letter-spacing:var(--tracking-h1);text-wrap:balance;margin:0 0 var(--space-lg)}
.design-view h2{font:var(--type-h2);letter-spacing:var(--tracking-h2);margin:var(--space-2xl) 0 var(--space-lg);text-wrap:balance}
.design-view p{max-width:68ch}
.design-lede{font:var(--type-body-lg);color:var(--color-ink-soft);margin:0 0 var(--space-lg)}
.design-boundary{padding:var(--space-md);background:var(--color-wash);color:var(--color-ink-soft);font:var(--type-body-sm)}
.design-catalog-card>.btn{margin-top:var(--space-sm)}
#designChoices{scroll-margin-top:var(--space-lg)}
#designStatus{font:var(--type-body-sm);margin:var(--space-lg) 0;min-height:1.6em}
.design-options{border:0;padding:0;margin:0 0 var(--space-xl);min-width:0}
.design-options legend{font:var(--type-h3);letter-spacing:var(--tracking-h3);padding:0;margin-bottom:var(--space-lg)}
.design-catalog,.design-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.design-catalog{align-items:start}
.design-catalog-card{min-width:0;padding:var(--space-lg);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-canvas)}
.design-catalog-card[data-selected="true"]{border-color:var(--color-accent)}
.design-card-choice,.design-option{display:flex;align-items:flex-start;gap:var(--space-sm);min-height:44px;cursor:pointer}
.design-card-choice{margin:0;padding:0}
.design-card-choice>span,.design-option>span{min-width:0}
.design-category{display:block;color:var(--color-ink-soft);font:var(--type-body-sm);margin-bottom:var(--space-xs)}
.design-card-title{display:block;font:var(--type-h3);letter-spacing:var(--tracking-h3);color:var(--color-ink)}
.design-card-purpose{color:var(--color-ink-soft);margin:var(--space-md) 0;font:var(--type-body-md)}
.design-view .design-card-work{font:var(--type-body-sm);margin:var(--space-lg) 0}
.design-view dt{font-weight:550;margin-top:var(--space-md)}
.design-view dd{margin:var(--space-xs) 0 var(--space-md);color:var(--color-ink-soft);overflow-wrap:anywhere}
.design-card-state{font:var(--type-label);margin:var(--space-lg) 0 var(--space-xs)}
.design-compatibility{font:var(--type-body-sm);color:var(--color-ink-soft);margin:0 0 var(--space-sm)}
.design-catalog-card details{border-top:1px solid var(--color-line);font:var(--type-body-sm)}
.design-option{border:1px solid var(--color-line-strong);padding:var(--space-md);border-radius:var(--radius-none);margin:0}
.design-option:has(:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}
.design-option strong{font:var(--type-h3)}
.design-option-description{display:block;margin-top:var(--space-xs);font:var(--type-body-sm);color:var(--color-ink-soft)}
.design-view input[type="radio"]{flex-shrink:0;accent-color:var(--color-accent);width:20px;height:20px;margin:var(--space-2xs) 0 0}
.design-view :is(.design-card-choice,.design-option):hover{color:var(--color-accent-hover)}
.design-view .design-catalog-card:has(.design-card-choice:hover){border-color:var(--color-line-strong)}
.design-view .design-catalog-card[data-selected="true"]:has(.design-card-choice:hover){border-color:var(--color-accent)}
.design-view .field{display:grid;gap:var(--space-xs);margin-bottom:var(--space-lg);min-width:0}
.design-view .field>label,.design-view .field>span{font:var(--type-label);margin:0}
.design-view select,.design-view textarea{font:var(--type-body-md);width:100%;min-width:0;min-height:44px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:var(--space-sm);background:var(--color-canvas);color:var(--color-ink)}
.design-view textarea{resize:vertical;min-height:112px}
.design-view :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.design-view :is(button,a,input,select,summary,label){touch-action:manipulation}
.design-view :is(button,a){min-height:44px}
.design-view summary{min-height:44px;cursor:pointer;display:flex;align-items:center;color:var(--color-accent);padding-block:var(--space-xs)}
.design-view summary::before{content:'＋';margin-right:var(--space-xs)}
.design-view details[open]>summary::before{content:'−'}
.design-view summary:hover{color:var(--color-accent-hover)}
.design-view small{color:var(--color-ink-soft);font:var(--type-body-sm)}
.design-digest{overflow-wrap:anywhere;font:var(--type-utility);font-variant-numeric:tabular-nums}
.design-consultations{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-line)}
.design-consultations .field{flex:1 1 260px;margin:0}
.design-consultations .text-link{display:inline-flex;align-items:center}
.design-editor{max-width:var(--container-read)}
.design-editor .btn{margin-top:var(--space-lg)}
.design-proposal{background:var(--color-wash);padding:var(--space-md);font:var(--type-body-sm)}
.design-proposal strong{font:var(--type-label)}
.design-proposal p{margin:var(--space-xs) 0;color:var(--color-ink-soft)}
.design-proposal blockquote{margin:var(--space-sm) 0;padding-left:var(--space-md);border-left:2px solid var(--color-line-strong);white-space:pre-wrap;overflow-wrap:anywhere}
.design-proposal .btn{margin-top:var(--space-xs)}
.design-view button:disabled{cursor:not-allowed;color:var(--color-ink-soft);background:var(--color-wash)}
#designRetry{margin-top:var(--space-xl)}
@media(max-width:620px){.design-catalog,.design-option-grid{grid-template-columns:minmax(0,1fr)}.design-view .btn{width:100%}.design-nav{gap:var(--space-md)}.design-catalog-card{padding:var(--space-md)}.design-consultations>*{width:100%}}