/* 2026-10-17: action hierarchy within the existing glass and mauve palette. */
html .home-workflow {overflow-x:clip}
html .home-workflow-card {
  display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; row-gap:4px;
  width:min(100%,300px); height:84px; padding:14px 24px; text-align:left;
}
html .home-workflow-card > span {grid-row:1/3; align-self:center}
html .home-workflow-card > strong {font-size:15px; min-width:0}
html .home-workflow-card > small {display:block; font-size:11px; line-height:1.5; color:inherit; opacity:.85}
html .home-workflow-card.workflow-primary {background:var(--accent); border-color:var(--accent); box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,transparent)}
html .home-workflow-card.workflow-draft,
html .home-workflow-card.workflow-return {background:color-mix(in srgb,var(--paper) 91%,transparent); color:var(--ink); box-shadow:inset 0 1px 0 #fff8}
html .home-workflow-card.workflow-return {background:color-mix(in srgb,var(--paper) 78%,transparent); border-color:transparent}
html .home-workflow-card:is(.workflow-draft,.workflow-return)::before {opacity:.08; animation:none}
html .home-workflow-card:is(.workflow-draft,.workflow-return) > :is(strong,span) {color:var(--ink)}
html .home-workflow-card:is(:hover,:focus-visible) {transform:translateY(-2px); filter:brightness(1.04)}
.mobile-shortcuts {display:none}
.directory-close {grid-column:1/-1; justify-self:end; min-height:44px; padding:8px 14px; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); color:var(--ink)}
.nav-more[open]>summary {outline:1px solid var(--accent); outline-offset:-1px}
html .editor-submit-note {font-size:12px; line-height:1.7; color:var(--muted); margin:14px 0 6px}
html .editor-actions>.primary {min-height:48px; padding-inline:25px; font-weight:700}
html .stage-audio-controls {margin-top:14px; padding-top:14px; border-top:1px solid var(--line)}
html .companion-visual,html .companion-visual:has(#live2d-credit:not([hidden])) {min-height:960px}
html .companion-visual .touch-stage,html .companion-visual:has(#live2d-credit:not([hidden])) .touch-stage {bottom:360px}
html .stage-bottom {min-height:0}
html .stage-bottom .touch-actions button,
html .stage-bottom .stage-controls :is(button,select),
html .stage-bottom .write-letter-link {min-height:44px!important; font-size:13px!important; padding:9px 12px!important}
html .stage-bottom .touch-actions button,
html .stage-bottom .stage-controls :is(button,select) {border:1px solid var(--line)!important; background:var(--surface-soft)!important; color:var(--ink)!important; border-radius:7px}
html .stage-bottom .stage-note {font-size:12px!important}
.control-group-label {width:100%; font-size:12px; color:var(--muted)}
html #companion-send:disabled {opacity:.85; background:var(--accent); color:var(--paper)}
html :is(.feature,.home-workflow-card):focus-visible {outline:3px solid var(--accent); outline-offset:5px}
html .feature:hover {border-color:var(--accent); background-color:var(--surface-soft)}
html .reference-section .book-card {border-inline-start:3px solid var(--accent-2)}
html .reference-section .book-card a {display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:4px}
html .reference-section .book-card a:focus-visible {outline:3px solid var(--accent); outline-offset:4px}
@media(max-width:980px) {
  .header {flex-wrap:wrap!important}
  .header .mobile-shortcuts {display:flex; flex:1 0 100%; order:4; gap:8px; padding-bottom:10px}
  .mobile-shortcuts>a {display:inline-flex; justify-content:center; align-items:center; min-height:44px; flex:1; padding:8px; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); color:var(--ink); font-size:13px}
  .mobile-shortcuts>a[aria-current=page] {border-color:var(--accent); color:var(--accent); font-weight:700}
  html .home-workflow-card {width:min(100%,320px)}
}
@media(max-width:650px) {
  html .companion-visual,html .companion-visual:has(#live2d-credit:not([hidden])) {min-height:1080px}
  html .companion-visual .touch-stage,html .companion-visual:has(#live2d-credit:not([hidden])) .touch-stage {bottom:470px}
  html .stage-bottom .stage-controls {gap:8px}
}
@media(prefers-reduced-motion:reduce) {html .home-workflow-card:is(:hover,:focus-visible) {transform:none}}
html[data-motion=quiet] .home-workflow-card:is(:hover,:focus-visible) {transform:none}