/* Shared coral action button. Story and everyday work use the same component. */
html[data-theme="coral"] .primary {
  width:100%; display:flex; justify-content:center; align-items:center; gap:20px;
  min-height:51px; padding:12px 15px; box-sizing:border-box;
  background:#b14b3f; color:#fff9ed; border:1px solid #8c382e; border-radius:9px;
  box-shadow:0 4px 0 #793a2d,inset 0 1px 0 #dc8d74;
  font-family:inherit; font-size:15px; font-weight:750; line-height:1.5; letter-spacing:.4px;
  text-align:center; text-decoration:none; cursor:pointer; touch-action:manipulation;
  transition:filter .15s,transform .15s,box-shadow .15s;
}
html[data-theme="coral"] .primary > span {opacity:.65}
html[data-theme="coral"] .primary:hover:not(:disabled) {background:#b14b3f;filter:brightness(1.06)}
html[data-theme="coral"] .primary:active:not(:disabled) {transform:translateY(3px);box-shadow:0 1px 0 #793a2d}
html[data-theme="coral"] .primary:focus-visible {outline:3px solid #8355ad;outline-offset:4px}
html[data-theme="coral"] .primary:disabled {opacity:1;background:#dec2ae;color:#816d5a;border-color:#c1a38b;box-shadow:0 3px 0 #b99c83,inset 0 1px 0 #eddbca;filter:none;cursor:default}
@media(max-width:760px){html[data-theme="coral"] .primary{min-height:46px;padding:10px 12px;font-size:14px}}
@media(max-width:760px) and (max-height:730px){html[data-theme="coral"] .primary{min-height:44px}}
@media(prefers-reduced-motion:reduce){html[data-theme="coral"] .primary{transition:none}}

/* Compact companion to the main action: same edge, highlight and press depth. */
html[data-theme="coral"] .game:has(#answer-form) .answer-display>.compact-hint {
  position:relative; display:flex; align-items:center; justify-content:center;
  flex:0 0 52px; width:52px; min-width:52px; height:44px; min-height:44px;
  padding:0; margin:0; box-sizing:border-box;
  border:1px solid #af6e48; border-radius:7px;
  background:#f0c18a; color:#693b2b;
  box-shadow:0 3px 0 #9b6243,inset 0 1px 0 #ffe8bf;
  font-family:inherit; font-size:12px; font-weight:750; line-height:1.4; letter-spacing:.4px;
  cursor:pointer; touch-action:manipulation;
  transition:filter .15s,transform .15s,box-shadow .15s;
}
html[data-theme="coral"] .game:has(#answer-form) .answer-display>.compact-hint:hover{filter:brightness(1.06)}
html[data-theme="coral"] .game:has(#answer-form) .answer-display>.compact-hint:active{transform:translateY(2px);box-shadow:0 1px 0 #9b6243,inset 0 1px 0 #ffe8bf}
html[data-theme="coral"] .game:has(#answer-form) .answer-display>.compact-hint:focus-visible{outline:3px solid #8355ad;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html[data-theme="coral"] .game:has(#answer-form) .answer-display>.compact-hint{transition:none}}