.explore-inner { grid-template-columns: .9fr 1.1fr; gap: 6%; align-items: start; }
.sandbox-panel { min-width: 0; border: 1px solid #bbc3c9; background: white; }
.sandbox-panel .figure-heading { font-size: .7rem; gap: 1rem; }
.sandbox-step { padding: 1.3rem 1.5rem; border-top: 1px solid var(--line); }
.sandbox-step h3 { font-family: var(--serif); font-weight: 400; font-size: 1.6rem; margin-bottom: .7rem; }
.sandbox-step p { font-size: .875rem; line-height: 1.6; color: var(--muted); }
.step-heading { display: flex; gap: 1rem; justify-content: space-between; align-items: baseline; }
.step-heading .micro-label { font-size: .7rem; }
.control-row { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .85rem; }
.sandbox-panel button { font-family: var(--sans); font-size: .875rem; padding: .65rem .85rem; min-height: 42px; border: 1px solid #939da5; background: white; color: var(--ink); cursor: pointer; }
.sandbox-panel button.button-dark { color: white; background: var(--ink); border-color: var(--ink); }
.sandbox-panel button:hover:enabled { border-color: var(--accent); }
.sandbox-panel button:disabled { opacity: .45; cursor: wait; }
.sandbox-panel button:focus-visible,.sandbox-panel input:focus-visible,.sandbox-panel select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.sandbox-step .action-feedback { margin-top: .7rem; min-height: 1.4em; }
.sandbox-step .action-feedback[data-error=true] { color: #9e2a18; }
.sandbox-step label { display: block; margin: .8rem 0 .4rem; font-size: .875rem; }
.sandbox-step select,.sandbox-step input { width: 100%; min-height: 44px; padding: .55rem; color: var(--ink); font: inherit; font-size: .9rem; background: white; border: 1px solid #939da5; border-radius: 0; }
.amount-row { display: flex; gap: .8rem; align-items: end; margin-bottom: 1rem; }
.amount-row>div { flex: 1; }
.amount-row button { white-space: nowrap; }
.sandbox-panel .decision { margin: 0; min-height: 0; }
.sandbox-panel .decision[data-kind=neutral] { color: var(--ink); background: var(--surface); border-color: var(--line); }
.sandbox-panel .decision[data-kind=refused],.sandbox-panel .decision[data-kind=unknown] { background: #fff3ef; border-color: #e6b4a9; color: #9e2a18; }
.sandbox-panel .request-details { padding: .7rem 0 0; }
.sandbox-panel .request-details dd { font-size: .75rem; max-width: 70%; }
.receipt-summary { border-left: 2px solid var(--accent); padding-left: 1rem; margin-top: 1.2rem; }
.receipt-summary p { margin-top: .45rem; }
.receipt-summary .verification-limit,.service-reference { font-size: .75rem; overflow-wrap: anywhere; }
.raw-evidence { margin-top: 1rem; font-size: .875rem; }
.raw-evidence summary { cursor: pointer; padding: .5rem 0; }
.raw-evidence pre { max-height: 320px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: .7rem/1.7 var(--mono); background: var(--surface); padding: 1rem; }
.sandbox-tools { display: flex; flex-wrap: wrap; gap: .6rem; }
.sandbox-tools p { width: 100%; }
[hidden] { display: none !important; }
@media(max-width:850px) { .explore-inner { grid-template-columns: 1fr; gap: 2rem; } .sandbox-panel { width: 100%; max-width: 44rem; } }
@media(max-width:550px) { .sandbox-step { padding: 1.15rem 1rem; } .step-heading { flex-wrap: wrap; gap: .3rem; } .step-heading h3 { margin-bottom: .25rem; } .sandbox-panel .example-footer { font-size: .65rem; flex-wrap: wrap; } }
