/* Adapted from the approved site-proposal-2026-11-10/r10.css: preserve the approved composition and interaction. Production routes, accessibility and language changes stay here. */

.decide > button { font: inherit; color: inherit; text-align: left; background: transparent; border: 0; border-radius: 0; margin: 0;
  padding: var(--space-4) var(--space-3) var(--space-5); border-bottom: 1px solid var(--border); border-right: 1px solid var(--border);
  min-width: 0; min-height: 44px; position: relative; overflow: hidden; cursor: pointer; outline-offset: -3px;
  transition: background var(--dur-base) var(--ease); }
.decide > button.is-build { background: var(--rikyu-stone); }
.decide > button:focus-visible { outline: var(--focus-w) solid var(--ring); }
.decide > button.is-on .n { color: var(--foreground); }
.decide > button.is-on .w { box-shadow: inset 0 -2px 0 var(--foreground); transform: translateY(-1px); }
.decide > button.is-on::after { content: ""; position: absolute; left: var(--space-3); bottom: 0; width: 0; height: 0;
  border: 7px solid transparent; border-bottom-color: var(--foreground); }
.decide > button:nth-child(2) .ring { border-style: dashed; }   

.dec-panel { position: relative; padding: var(--space-5) 0 var(--space-5); border-bottom: 1px solid var(--foreground); }
.dec-stack { display: grid; }
.dec-stack > .dec-entry { grid-area: 1 / 1; max-width: var(--rikyu-measure-max); }
.dec-sizer { visibility: hidden; }
.dec-entry p, .dec-all p { margin: 0 0 var(--space-2); }
.dec-name { font-weight: 700; font-size: var(--t-lede-size, 20px); }
.dec-name .n { font-family: var(--font-mono); font-size: var(--t-small-size); font-weight: 400; color: var(--muted-foreground); margin-right: var(--space-2); }
.dec-lab { font-weight: 700; }
.dec-ex { color: var(--muted-foreground); }


.dec-live.fade { animation: dec-fade 160ms var(--ease); }
@keyframes dec-fade { from { opacity: 0; } to { opacity: 1; } }

.dec-all { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid var(--foreground); }
.dec-all > li { padding: var(--space-4) 0; border-bottom: 1px solid var(--border); max-width: var(--rikyu-measure-max); }
.dec-all-head { margin: var(--space-4) 0 0; }

@media (prefers-reduced-motion: reduce) {
  .dec-live.fade { animation: none; }
  .decide > button, .decide > button .w { transition: none; }
}