.ritual-step-help { position: relative; width: fit-content; margin-top: 18px; }
.ritual-step-help summary { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--glass-line); border-radius: 50%; background: rgba(8,14,19,.76); color: var(--accent-amber-light); font: .78rem var(--font-mono); cursor: pointer; list-style: none; }
.ritual-step-help summary > .ritual-icon { display: grid; width: 14px; height: 14px; place-items: center; }
.ritual-step-help summary::-webkit-details-marker { display: none; }
.ritual-step-help summary:focus-visible { outline: 1px solid var(--accent-amber-light); outline-offset: 4px; }
.ritual-step-help[open] > p { width: min(520px,calc(100vw - 80px)); margin: 10px 0 0; padding: 14px 16px; border: 1px solid var(--glass-line); border-radius: var(--radius-sm); background: rgba(7,13,18,.96); color: var(--text-soft); font-size: .8rem; box-shadow: 0 18px 45px rgba(0,0,0,.32); }
.choice-button.is-selected { border-color: rgba(239,207,145,.48); box-shadow: inset 0 0 28px rgba(214,168,95,.07); }
.ritual-review { max-width: 760px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 22px; border: 1px solid var(--glass-line-soft); border-radius: var(--radius-sm); overflow: hidden; background: var(--glass-line-soft); }
.ritual-review button { min-width: 0; min-height: 86px; display: grid; align-content: center; gap: 6px; padding: 16px 18px; border: 0; background: rgba(7,14,20,.94); color: var(--text-main); text-align: left; cursor: pointer; }
.ritual-review button:hover,.ritual-review button:focus-visible { background: rgba(16,24,30,.96); }
.ritual-review button:focus-visible { position: relative; outline: 1px solid var(--accent-amber-light); outline-offset: -2px; }
.ritual-review span { color: var(--accent-amber); font: .64rem var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }
.ritual-review strong { overflow: hidden; color: var(--text-soft); font-size: .86rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.ritual-intake-pattern { padding: 30px; }
.ritual-intake-pattern__head { max-width: 720px; margin-bottom: 22px; }
.ritual-intake-pattern__head p { color: var(--text-soft); }
@media (max-width: 720px) { .ritual-review { grid-template-columns: 1fr; }.ritual-control__actions{flex-wrap:wrap}.ritual-control__actions .btn--primary{order:-1;width:100%} }
