.playground, .playground-guide, .playground-result-heading, .playground-invite { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.playground { color: #17283f; margin-bottom: 1.8rem; }
.playground *, .playground-guide *, .playground-invite * { box-sizing: border-box; }
.playground-heading { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-radius: 16px 16px 0 0; padding: 1.8rem 2rem; background: #0b2240; color: #fff; }
.playground-heading h1 { font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 700; line-height: 1.15; margin: 0 0 .5rem; letter-spacing: -.025em; }
.playground-heading p { margin: 0; font-size: .95rem; line-height: 1.55; color: #d5e0ef; }
.playground-heading .playground-eyebrow { font-size: .66rem; font-weight: 700; letter-spacing: .15em; margin-bottom: .45rem; color: #a9bed9; }
.playground-clear-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 42px; padding: .65rem .95rem; border: 1px solid #ce4b4b; border-radius: 7px; background: #b73535; color: #fff; white-space: nowrap; font-size: .82rem; font-weight: 600; text-decoration: none; }
.playground-clear-button:hover { color: #fff; background: #9e2929; border-color: #dc7777; }
.playground-builder, .playground-question { background: #fff; border: 1px solid #dce3ec; }
.playground-builder { padding: 1.5rem 1.5rem 0; border-top: 0; background: #f5f7fa; }
.playground-panel { padding: 1.15rem 1.25rem; margin: 0 0 1rem; border: 1px solid #dce4ee; border-radius: 10px; background: #fff; }
.playground-panel--query { border-top: 3px solid #244b73; }
.playground-panel--statistics { background: #f8fbff; border-color: #ccdced; }
.playground-panel--awards { background: #fffaf0; border-color: #e4d4aa; }
.playground-panel--people { border-left: 3px solid #859bb5; }
.playground-panel-summary { list-style: none; cursor: default; }
.playground-panel-summary h2, .playground-panel-summary h3 { margin: 0; color: #253f5e; font-size: .92rem; font-weight: 700; }
.playground-panel--query > .playground-panel-summary h2 { font-size: 1.05rem; }
.playground-panel-content { padding-top: .9rem; }
.playground-mobile-summary, .playground-mobile-results-link, .playground-current-results-link { display: none; }
.playground-panel-summary::marker { content: ''; }
.playground-filter-summary { list-style: none; cursor: default; font-size: .81rem; font-weight: 700; color: #3c526d; }
.playground-filter-summary::marker { content: ''; }
.playground-filter-group--properties > .playground-filter-summary { color: #376553; }
.playground-filter-group--records > .playground-filter-summary { color: #746044; }
.playground-filter-group--results > .playground-filter-summary { color: #605270; }
.playground-section-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .9rem; }
.playground-section-heading h3 { margin: 0; font-size: .92rem; font-weight: 700; color: #253f5e; }
.playground-section-heading p, .playground-group-help { font-size: .75rem; color: #586980; line-height: 1.5; margin: .35rem 0 0; }
.playground-group-help { margin: 0 0 1rem; }
.playground-two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.playground-condition-row { min-width: 0; margin: 0 0 .8rem; padding: .85rem 1rem 1rem; border: 1px solid #d7e2ee; border-radius: 8px; background: #fff; }
.playground-condition-row > legend { font-size: .69rem; font-weight: 700; color: #60758f; padding: 0 .4rem; }
.playground-condition-fields { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(0, .7fr) minmax(0, .7fr) auto; align-items: start; gap: .75rem; }
.playground-condition-fields > [hidden] { display: none; }
.playground-condition-fields > .playground-field:first-child { grid-column: 1; }
.playground-condition-fields > .playground-field:nth-child(2) { grid-column: 2; }
.playground-condition-fields > .playground-field:nth-child(3) { grid-column: 3; }
.playground-condition-fields > .playground-field:nth-child(4) { grid-column: 4; }
.playground-remove-condition { grid-column: 5; align-self: end; min-height: 42px; margin-top: 1.4rem; padding: .6rem .15rem; border: 0; border-radius: 4px; background: transparent; color: #934b4b; font: inherit; font-size: .73rem; cursor: pointer; }
.playground-remove-condition:hover { color: #782e2e; text-decoration: underline; }
.playground-remove-condition:disabled { color: #a0acba; cursor: default; text-decoration: none; }
.playground-condition-actions { display: flex; align-items: center; gap: .8rem; }
.playground-add-condition { align-items: center; gap: .45rem; padding: .55rem .8rem; min-height: 38px; border: 1px solid #b8cbe0; border-radius: 6px; background: #fff; color: #294d74; font: inherit; font-size: .77rem; font-weight: 600; cursor: pointer; }
.playground-add-condition:hover { background: #edf4fc; }
.playground-add-condition:disabled { opacity: .6; cursor: default; }
[data-condition-status] { font-size: .73rem; color: #75869b; }
.playground-preserved-note { margin: 0; font-size: .83rem; line-height: 1.6; color: #556a85; }
.playground-preserved-note a { color: #31587e; }
.playground-form-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: 1.3rem; }
.playground-form-heading h2 { font-size: 1.05rem; margin: 0; font-weight: 700; }
.playground-form-heading p { color: #687589; font-size: .84rem; margin: 0; }
.playground-builder-hint { margin: .7rem 0 0; font-size: .74rem; line-height: 1.5; color: #586980; }
.playground-builder-hint a { color: #375a82; text-underline-offset: 2px; }
.playground-field-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.playground-scope-grid { margin-top: 1.15rem; }
.playground-output-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.15rem; }
.playground-field { min-width: 0; position: relative; }
.playground-field > label, .playground-question label { display: block; color: #344358; font-weight: 600; font-size: .78rem; margin-bottom: .45rem; }
.playground-label-row { display: flex; align-items: center; justify-content: space-between; gap: .35rem; min-height: 22px; margin-bottom: .4rem; position: relative; }
.playground-label-row > label { color: #344358; font-weight: 600; font-size: .78rem; margin: 0; }
.playground-help { position: static; flex: 0 0 auto; }
.playground-help > summary { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border: 0; padding: 0; list-style: none; border-radius: 50%; cursor: pointer; color: #526b88; background: transparent; }
.playground-help > summary span { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #92a4ba; border-radius: 50%; font: 600 11px Georgia, serif; }
.playground-help > summary:hover, .playground-help[open] > summary { color: #153b65; background: #e5edf7; }
.playground-help > p { position: absolute; right: 0; top: calc(100% + 5px); z-index: 40; width: 100%; max-width: 255px; margin: 0; padding: .8rem .9rem; border: 1px solid #b8c9dd; border-radius: 8px; background: #fff; color: #344a65; box-shadow: 0 6px 22px #16395820; font-size: .76rem; font-weight: 400; line-height: 1.55; }
.playground-scoring-options { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid #d4e1ef; }
.playground-scoring-options h4 { margin: 0 0 .35rem; font-size: .82rem; color: #304d70; }
.playground-relationships { margin-top: 1.1rem; padding-top: .85rem; border-top: 1px solid #e0e6ee; }
.playground-relationships > summary { cursor: pointer; font-size: .8rem; font-weight: 600; color: #3a5575; }
.playground-relationships > p { margin-top: .7rem; }
.playground-dependency-status { margin: .65rem 0 0; font-size: .75rem; color: #586f89; line-height: 1.5; }
.playground-dependency-status:empty { display: none; }
.playground [data-context][hidden] { display: none; }
.playground-field input:not([type=radio]), .playground-field select, .playground-question input { width: 100%; min-width: 0; height: 43px; border-radius: 7px; border: 1px solid #cad4e1; background: #fff; color: #1d3049; font: inherit; font-size: .87rem; padding: .6rem .7rem; }
.playground-field select { padding-right: 1.6rem; }
.playground input[type=text], .playground input[type=search] { border: 1px solid #cad4e1 !important; }
.playground input::placeholder { color: #788498; opacity: 1; }
.playground input:focus-visible, .playground select:focus-visible, .playground button:focus-visible, .playground summary:focus-visible, .playground a:focus-visible, .playground-invite a:focus-visible { outline: 3px solid #8eb4de; outline-offset: 3px; }
.playground input[type=text]:focus-visible, .playground input[type=search]:focus-visible { outline: 3px solid #8eb4de !important; outline-offset: 3px; }
.playground-field small { display: block; font-size: .7rem; line-height: 1.45; color: #6a788b; margin-top: .4rem; }
.playground-player-input { position: relative; }
.playground-player-input input[type=search] { padding-right: 2rem; }
.playground-player-input input::-webkit-search-cancel-button { display: none; }
.playground-player-clear { position: absolute; right: 3px; top: 4px; width: 34px; height: 34px; border: 0; background: transparent; color: #637189; font-size: 1.4rem; border-radius: 4px; cursor: pointer; }
.playground-player-options { position: absolute; top: calc(100% + 4px); left: 0; z-index: 30; min-width: 100%; width: max-content; max-width: min(360px, 85vw); max-height: 290px; overflow-y: auto; margin: 0; padding: .3rem; list-style: none; border: 1px solid #cad4e1; border-radius: 8px; box-shadow: 0 10px 24px #10284920; background: #fff; }
.playground-player-options li { padding: .65rem; border-radius: 5px; font-size: .86rem; cursor: pointer; }
.playground-player-options li[aria-selected=true], .playground-player-options li:hover { background: #eef3fa; }
.playground-player-options span { display: block; color: #69798e; font-size: .73rem; margin-top: .15rem; }
.playground-field.is-inactive { opacity: .6; }
.playground-more { margin-top: .2rem; border: 1px solid #dce4ee; border-radius: 10px; background: #fff; }
.playground-more > summary { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.25rem; cursor: pointer; list-style: none; color: #1b3658; font-size: .85rem; font-weight: 600; }
.playground summary::-webkit-details-marker { display: none; }
.playground-more > summary span { color: #586980; font-size: .76rem; font-weight: 400; }
.playground-more > summary svg { margin-left: auto; transition: transform .15s; }
.playground-more[open] > summary svg { transform: rotate(180deg); }
.playground-more-content { padding: .3rem 1rem .25rem; display: grid; gap: 1rem; }
.playground-filter-group { min-width: 0; padding: 1rem; border: 1px solid #dce4ee; border-radius: 8px; margin: 0 0 .5rem; background: #f8fafc; }
.playground-filter-group > legend { padding: 0 .45rem; font-size: .81rem; font-weight: 700; color: #3c526d; }
.playground-filter-group--matches { background: #f5f9fd; border-color: #cbdced; }
.playground-filter-group--properties { background: #f4f9f7; border-color: #cbdfd6; }
.playground-filter-group--properties > legend { color: #376553; }
.playground-filter-group--records { background: #fcf9f3; border-color: #e3d9c5; }
.playground-filter-group--records > legend { color: #746044; }
.playground-filter-group--results { background: #f6f5f9; border-color: #dcd6e8; }
.playground-filter-group--results > legend { color: #605270; }
.playground [data-mode-scope][hidden] { display: none; }
.playground .playground-two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.playground-segmented { display: flex; flex-wrap: wrap; gap: 0; border: 0; padding: 0; margin: 1rem 0 0; }
.playground-segmented legend { font-size: .78rem; font-weight: 600; margin-bottom: .5rem; color: #344358; }
.playground-segmented label { position: relative; cursor: pointer; }
.playground-segmented input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.playground-segmented span { display: block; border: 1px solid #cad4e1; padding: .5rem .8rem; font-size: .8rem; background: #fff; margin-left: -1px; }
.playground-segmented label:first-of-type span { border-radius: 6px 0 0 6px; margin-left: 0; }
.playground-segmented label:last-of-type span { border-radius: 0 6px 6px 0; }
.playground-segmented input:checked + span { background: #edf3fa; color: #0b2240; font-weight: 600; border-color: #859fbe; position: relative; }
.playground-segmented input:focus-visible + span { outline: 3px solid #8eb4de; outline-offset: 3px; z-index: 1; }
.playground-actions { display: flex; gap: 1rem; align-items: center; border-top: 1px solid #e5eaf1; padding: 1.2rem 0; }
.playground-submit { display: inline-flex; align-items: center; justify-content: center; gap: 1.5rem; min-height: 44px; border: 1px solid #0b2240; border-radius: 7px; padding: .7rem 1.1rem; background: #0b2240; color: white; font: inherit; font-size: .86rem; font-weight: 600; cursor: pointer; }
.playground-submit:hover { background: #16395f; }
.playground-submit:disabled { cursor: wait; opacity: .7; }
.playground-change-status { font-size: .77rem; line-height: 1.4; color: #586980; }
.playground-question { padding: 0 2rem; border-top: 0; border-radius: 0 0 12px 12px; }
.playground-question > summary { padding: .95rem 0; font-size: .79rem; color: #52657f; cursor: pointer; }
.playground-question form { padding: .1rem 0 1.2rem; }
.playground-question-input { display: flex; gap: .6rem; }
.playground-question-input button { border: 1px solid #c5d1df; border-radius: 7px; background: #f4f7fb; color: #1b3658; font: inherit; font-size: .84rem; font-weight: 600; white-space: nowrap; padding: .55rem 1rem; cursor: pointer; }
.playground-question p { font-size: .76rem; color: #708096; margin: .6rem 0 0; }
.playground-source { padding: .95rem 2rem; display: flex; gap: .3rem .85rem; align-items: baseline; flex-wrap: wrap; border-left: 1px solid #dce3ec; border-right: 1px solid #dce3ec; border-bottom: 1px solid #e5eaf1; background: #f7f9fc; }
.playground-source-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; color: #697b94; }
.playground-source p { font-size: .86rem; color: #304761; line-height: 1.5; margin: 0; }
.playground-source a { color: #496789; font-size: .75rem; margin-left: auto; white-space: nowrap; }
.playground-errors { padding: 1rem 2rem; border: 1px solid #dfb7ad; background: #fff5f2; color: #913e2c; font-size: .86rem; }
.playground-errors p { margin: 0; font-weight: 600; }
.playground-errors ul { margin-bottom: 0; padding-left: 1.2rem; }
.playground-result-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; }
.playground-result-heading h2 { margin: 0; font-size: 1rem; color: #253b55; }
.playground-result-heading a { font-size: .77rem; color: #607690; text-decoration: none; }
.playground-table-hint { display: none; }
.playground-guide { padding: .2rem .2rem 1.4rem; }
.playground-guide h2 { font-size: 1.1rem; color: #273e58; margin: 0 0 1rem; }
.playground-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem; }
.playground-guide h3 { font-size: .87rem; color: #314964; margin: 0 0 .4rem; }
.playground-guide p { font-size: .82rem; line-height: 1.65; color: #586980; margin: 0; }
.playground-invite { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.1rem 1.3rem; margin-top: 1.6rem; margin-bottom: 1rem; background: #f7f9fc; border: 1px solid #dfe6ee; border-radius: 10px; }
.playground-invite h2 { margin: 0 0 .25rem; color: #30455e; font-size: .92rem; font-weight: 600; }
.playground-invite p { margin: 0; color: #586980; font-size: .8rem; line-height: 1.5; }
.playground-invite a { display: inline-flex; align-items: center; gap: .9rem; border: 1px solid #c7d3e2; border-radius: 7px; background: #fff; padding: .65rem .9rem; color: #24415f; text-decoration: none; font-size: .8rem; font-weight: 600; white-space: nowrap; }
.playground-invite a:hover { border-color: #849dbb; background: #f0f4f9; }
.playground-nav-icon { flex-shrink: 0; }
@media (max-width: 980px) { .playground-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .playground-guide-grid { gap: 1rem; } }
@media (max-width: 980px) {
    .playground-condition-fields { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, .8fr); }
    .playground-condition-fields > .playground-field:nth-child(4) { grid-column: 3; }
    .playground-remove-condition { grid-column: 1 / -1; justify-self: end; margin: 0; min-height: 30px; }
}
@media (max-width: 640px) {
    .playground { margin-bottom: 1.2rem; }
    .playground-heading { padding: 1rem; align-items: flex-start; flex-wrap: wrap; gap: .75rem; border-radius: 12px 12px 0 0; }
    .playground-heading > div { flex: 1 1 150px; }
    .playground-heading h1 { font-size: 1.7rem; }
    .playground-heading p { font-size: .82rem; line-height: 1.45; }
    .playground-heading .playground-eyebrow { font-size: .62rem; }
    .playground-clear-button { min-height: 44px; font-size: .75rem; padding: .65rem .7rem; }
    .playground-source, .playground-errors { padding: .85rem 1rem; overflow-wrap: anywhere; }
    .playground-source p { flex-basis: 100%; font-size: .8rem; }
    .playground-source a { margin-left: 0; display: inline-flex; align-items: center; min-height: 44px; }
    .playground-mobile-results-link { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: .7rem 1rem; border: 1px solid #cbd8e7; background: #edf4fc; color: #234e78; font-size: .85rem; font-weight: 600; text-decoration: none; }
    .playground-mobile-results-link > span { margin-left: .6rem; }
    .playground-builder { padding: .75rem .6rem 0; }
    .playground-panel { padding: 0; margin-bottom: .65rem; }
    .playground-panel-summary, .playground-filter-summary { display: block; position: relative; padding: .95rem 2.3rem .95rem .85rem; min-height: 64px; cursor: pointer; }
    .playground-panel-summary h2, .playground-panel-summary h3 { font-size: .9rem; line-height: 1.4; }
    .playground-panel--query > .playground-panel-summary h2 { font-size: .95rem; }
    .playground-panel-summary::after, .playground-filter-summary::after { content: ''; position: absolute; right: 1rem; top: 1.2rem; width: 7px; height: 7px; border-right: 1.7px solid #5d7591; border-bottom: 1.7px solid #5d7591; transform: rotate(45deg); }
    [data-mobile-section][open] > .playground-panel-summary::after, [data-mobile-section][open] > .playground-filter-summary::after { transform: rotate(225deg); top: 1.5rem; }
    .playground-mobile-summary { display: block; margin-top: .3rem; font-size: .75rem; line-height: 1.5; font-weight: 400; color: #60758e; overflow-wrap: anywhere; }
    .playground-mobile-summary:empty { display: none; }
    .playground-panel-content { padding: 0 .85rem 1rem; }
    .playground-panel-content > .playground-group-help:first-child { margin-top: 0; }
    .playground-field-grid, .playground .playground-two-columns { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
    .playground-scope-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
    .playground-scope-grid > * { grid-column: 1 / -1; }
    .playground-scope-grid > .playground-field:nth-child(2) { grid-column: 1; }
    .playground-scope-grid > .playground-field:nth-child(3) { grid-column: 2; }
    .playground-field > label { font-size: .82rem; min-height: 24px; margin-bottom: .4rem; }
    .playground-label-row { min-height: 36px; margin-bottom: .2rem; }
    .playground-label-row > label { font-size: .82rem; }
    .playground-help > summary { width: 44px; height: 44px; margin: -4px 0; }
    .playground-help > summary span { width: 18px; height: 18px; font-size: 12px; }
    .playground-help > p { width: 100%; max-width: none; font-size: .85rem; line-height: 1.5; }
    .playground-field input:not([type=radio]), .playground-field select, .playground-question input { height: 48px; font-size: 16px; padding: .65rem .7rem; }
    .playground-field select { padding-right: 1.8rem; }
    .playground-field small, .playground-group-help, .playground-builder-hint { font-size: .77rem; }
    .playground-player-input input[type=search] { padding-right: 3rem; }
    .playground-player-clear { top: 2px; right: 2px; width: 44px; height: 44px; }
    .playground-player-options { top: calc(100% + 4px); width: 100%; min-width: 100%; max-width: 100%; max-height: min(280px, 45vh); overscroll-behavior: contain; }
    .playground-player-options li { min-height: 48px; padding: .8rem .65rem; font-size: .9rem; }
    .playground-condition-row { padding: .5rem .65rem .3rem; margin-bottom: .85rem; }
    .playground-condition-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
    .playground-condition-fields > .playground-field:first-child, .playground-condition-fields > .playground-field:nth-child(2) { grid-column: 1 / -1; }
    .playground-condition-fields > .playground-field:nth-child(3) { grid-column: 1; }
    .playground-condition-fields > .playground-field:nth-child(4) { grid-column: 2; }
    .playground-remove-condition { min-height: 44px; padding: .6rem; margin: 0; font-size: .8rem; }
    .playground-condition-actions { flex-wrap: wrap; gap: .45rem; }
    .playground-add-condition { width: 100%; min-height: 48px; font-size: .84rem; }
    .playground-scoring-options { margin-top: 1rem; }
    .playground-relationships { padding-top: 0; }
    .playground-relationships > summary { display: flex; align-items: center; min-height: 52px; font-size: .83rem; }
    .playground-more > summary { min-height: 56px; padding: .9rem .85rem; }
    .playground-more > summary span { display: none; }
    .playground-more > summary .playground-mobile-summary { display: block; margin: 0; font-size: .72rem; }
    .playground-more-content { padding: .2rem .55rem .25rem; gap: .55rem; }
    .playground-filter-group { padding: .75rem .65rem; margin-bottom: .5rem; }
    .playground-filter-group[data-mobile-section] { padding: 0; }
    .playground-filter-summary { min-height: 56px; font-size: .83rem; }
    .playground-filter-group .playground-panel-content { padding: 0 .7rem .85rem; }
    .playground-actions { position: sticky; bottom: 0; z-index: 25; display: flex; flex-wrap: wrap; gap: .45rem .6rem; margin: .7rem -.6rem 0; padding: .65rem .75rem max(.65rem, env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #cad7e6; box-shadow: 0 -5px 18px #1028490d; }
    body.menu-open .playground-actions { visibility: hidden; }
    .playground-submit { flex: 1 1 150px; width: auto; min-height: 48px; gap: .5rem; justify-content: space-between; font-size: .86rem; }
    .playground-current-results-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .6rem .8rem; border: 1px solid #c5d1df; border-radius: 7px; background: #f4f7fb; color: #294d74; font-size: .8rem; text-decoration: none; }
    .playground-change-status { flex-basis: 100%; font-size: .72rem; }
    .playground input, .playground select, .playground summary, .playground button { scroll-margin-top: 90px; scroll-margin-bottom: 120px; }
    #playground-title, #playground-results, #playground-question { scroll-margin-top: 90px; }
    .playground-question { padding: 0 1rem; }
    .playground-question > summary { display: flex; align-items: center; min-height: 52px; font-size: .82rem; }
    .playground-question-input { flex-direction: column; }
    .playground-question-input button { min-height: 48px; }
    .playground-result-heading { min-height: 44px; }
    .playground-result-heading a { display: inline-flex; align-items: center; min-height: 44px; padding: .6rem .5rem; font-size: .82rem; }
    .playground-table-hint:not([hidden]) { display: block; max-width: 1100px; margin: -.2rem auto .8rem; color: #60758e; font-size: .75rem; }
    .playground-guide-grid { grid-template-columns: 1fr; gap: 1rem; }
    .playground-invite { flex-direction: column; align-items: flex-start; gap: .9rem; padding: 1rem; }
    .playground-invite a { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .playground-more > summary svg { transition: none; } }