/* Framed crosscheck ledger: a clear outline, ruled groups and text-only headers. */
.murdle-page .experiment-one-table{--matrix-gold:#c9ad73;--matrix-muted:#b6c0ae;--matrix-line:#8b7b535c;position:relative;min-width:0;padding:28px clamp(18px,3vw,38px) 32px;background:#13241c;border:1px solid #84724e;box-shadow:0 16px 42px #00000029,inset 0 0 0 4px #101f18,inset 0 0 0 5px #8f794b30;overflow:hidden;}
.experiment-matrix-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid var(--matrix-line);}
.experiment-matrix-heading{min-width:0;}
.murdle-page .experiment-matrix-heading h2{margin:4px 0 0;color:#e0d1af;font:400 1.4rem/1.4 "Songti SC","Noto Serif CJK SC",Georgia,serif;letter-spacing:.12em;}
.judgment-ledger-kicker{font-size:.75rem;letter-spacing:.13em;color:#adb8a4;}
.experiment-matrix-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end;}
.experiment-matrix-legend{display:flex;gap:17px;color:#c6ccb9;font-size:.875rem;}
.experiment-matrix-legend>span{display:flex;align-items:center;gap:7px;}
.experiment-matrix-legend b{font:400 1.4rem/1 Georgia,serif;}
.legend-yes{color:#d0b678;}.legend-no{color:#bd9580;}
.experiment-mark-tools{display:flex;gap:8px;flex-wrap:wrap;max-width:100%;}
.murdle-page .experiment-mark-tools button{min-height:44px;padding:8px 13px;flex:0 1 auto;color:#d4be8d;border:1px solid #9c875569;background:#172a20;font-size:.875rem;}
.murdle-page .experiment-mark-tools button:disabled{opacity:.45;cursor:default;}
.murdle-notebook-tools .murdle-notebook-title{flex-wrap:wrap;}
.experiment-matrix-scroll{box-sizing:border-box;width:100%;max-width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:#968158 #0d1a14;scrollbar-width:thin;padding:12px;background:#0b1812;border:1px solid #9c8659;box-shadow:inset 0 0 0 4px #132219,inset 0 0 0 5px #7e724244;}
.experiment-matrix-scroll:focus-visible{outline:2px solid #c9ab75;outline-offset:4px;}
.murdle-page .experiment-matrix{--matrix-category-size:1.75rem;--matrix-name-size:6.25rem;--matrix-cell-size:5rem;--matrix-width:calc(var(--matrix-category-size) + var(--matrix-name-size) + var(--matrix-count)*var(--matrix-cell-size));width:var(--matrix-width);min-width:var(--matrix-width);table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0 auto;background:#102017;color:#e0ddcb;border:1px solid #a18b5f;}
.experiment-matrix[data-matrix-size="3"]{--matrix-cell-size:5.5rem;}.experiment-matrix .matrix-category-col{width:var(--matrix-category-size);}.experiment-matrix .matrix-name-col{width:var(--matrix-name-size);}.experiment-matrix .matrix-cell-col{width:var(--matrix-cell-size);}
.experiment-matrix th,.experiment-matrix td{box-sizing:border-box;padding:0;margin:0;text-align:center;vertical-align:middle;font-size:.9375rem;line-height:1.45;font-weight:400;}
.experiment-matrix thead{position:sticky;top:0;z-index:7;}
.experiment-matrix .matrix-corner{position:sticky;left:0;z-index:9;background:#192c20;border-right:3px double #9a8359;border-bottom:3px double #9a8359;padding:12px 7px;}
.matrix-corner-caption{display:block;font:400 .875rem/1.5 "Songti SC",Georgia,serif;color:#c0ae82;letter-spacing:.07em;}
.matrix-corner-number{display:block;width:44px;margin:9px auto 0;padding-top:7px;border-top:1px solid #927e5266;color:#ae9b70;font:400 1rem/1 Georgia,serif;letter-spacing:.12em;}
.experiment-matrix .matrix-col-group{height:38px;background:#192c20;color:#d8be85;border-right:3px double #9a8359;border-bottom:1px solid #78845a;letter-spacing:.12em;}
.experiment-matrix .matrix-col-group span{display:inline-flex;align-items:center;gap:12px;}
.experiment-matrix .matrix-col-group span::before,.experiment-matrix .matrix-col-group span::after{content:"";height:1px;width:16px;background:#a58c585e;}
.experiment-matrix .matrix-col-name{height:3.75rem;padding:.625rem .375rem;background:#2d4130;color:#e0ddc6;border-right:1px solid #697454;border-bottom:3px double #9a8359;overflow-wrap:break-word;word-break:normal;text-wrap:balance;}
.experiment-matrix .matrix-row-group{position:sticky;left:0;z-index:5;background:#192f21;border-right:1px solid #64714c;border-bottom:3px double #9a8359;color:#d0b77e;}
.matrix-row-group>.matrix-category-stack{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;writing-mode:horizontal-tb;white-space:nowrap;letter-spacing:0;line-height:1.3;max-width:100%;padding:.5rem 0;}
.matrix-category-stack>span{display:block;flex:none;writing-mode:horizontal-tb;text-orientation:upright;}
.experiment-matrix .matrix-row-name{position:sticky;left:var(--matrix-category-size);z-index:5;background:#2d4130;padding:.5rem .625rem;border-right:3px double #9a8359;border-bottom:1px solid #697454;overflow-wrap:break-word;word-break:normal;text-wrap:balance;color:#e0ddc6;box-shadow:4px 0 8px #0000001f;}
.experiment-matrix tbody tr:last-child>.matrix-row-name{border-bottom:3px double #9a8359;}
.experiment-matrix .matrix-cell{position:relative;height:52px;background:#21372a;border-right:1px solid #65734d;border-bottom:1px solid #65734d;transition:background .12s ease;}
.experiment-matrix :where(tbody tr:nth-child(even))>.matrix-cell{background:#243a2c;}
.experiment-matrix .matrix-panel-right{border-right:3px double #a48b5d;}
.experiment-matrix .matrix-panel-bottom{border-bottom:3px double #a48b5d;}
.experiment-matrix .matrix-unused{background:#102017;border:0;}
.murdle-page .experiment-matrix-button,.experiment-matrix-static{display:grid;place-items:center;width:100%;height:51px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#dbc28a;box-shadow:none;font:400 1.6rem/1 Georgia,serif;cursor:pointer;touch-action:manipulation;}
.experiment-matrix-static{cursor:default;}
.murdle-page .experiment-matrix-button:hover{background:#c2ad682e;box-shadow:inset 0 0 0 1px #ceb67c;}
.murdle-page .experiment-matrix-button:focus-visible{outline:2px solid #d4b475;outline-offset:-3px;background:#b69b6028;}
.experiment-matrix .matrix-cell.is-yes{background:#3c4c30;}
.experiment-matrix .is-yes .experiment-matrix-button{color:#e2c992;}
.experiment-matrix .is-no .experiment-matrix-button{color:#c69b82;}
.experiment-matrix .matrix-cell.is-traced{background:#354a32;}
.experiment-matrix .is-traced-heading{background:#475036;color:#f0dfb7;}
.experiment-matrix .is-accusation-link{background:#70663b55!important;box-shadow:inset 0 0 0 1px #c9ad73;}
.experiment-matrix .is-selected-heading{color:#efdbad;box-shadow:inset 0 -3px #b39a62;}
.experiment-matrix .has-reasoning-doubt{background:#795e394d!important;color:#e3b8a0;}
.experiment-matrix .matrix-cell.has-reasoning-doubt{box-shadow:inset 0 0 0 1px #bd8c6a;}
.experiment-matrix .has-reasoning-doubt .experiment-matrix-button{color:#e3b8a0;}
.experiment-matrix-mobile-hint{display:none;}
.judgment-table-key{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px;color:#b8c1aa;font-size:.875rem;}
.judgment-key-link{display:inline-flex;gap:7px;align-items:center;color:#d0b680;}
.judgment-key-link::before{content:"";width:12px;height:12px;border:1px solid #c9ad73;background:#70663b55;}
@media(max-width:740px){
 .murdle-page .experiment-one-table{padding:22px 14px 24px;}
 .experiment-matrix-head{gap:14px;margin-bottom:16px;align-items:flex-end;}
 .experiment-matrix-actions{gap:10px;}
 .experiment-matrix-legend{gap:9px;font-size:.875rem;}
 .murdle-page .experiment-matrix-heading h2{font-size:1.25rem;}
 .judgment-ledger-kicker{font-size:.75rem;letter-spacing:.04em;}
 .experiment-matrix-scroll{max-height:65svh;padding:7px;}
 .murdle-page .experiment-matrix{--matrix-category-size:1.5rem;--matrix-name-size:5.5rem;--matrix-cell-size:4.75rem;margin-left:0;}
 .experiment-matrix :is(.matrix-col-name,.matrix-row-name){font-size:.875rem;}
 .experiment-matrix .matrix-col-group span::before,.experiment-matrix .matrix-col-group span::after{width:8px;}
 .murdle-page .experiment-matrix-mobile-hint{display:block;margin:0 0 12px;color:#b7c1ac;font-size:.875rem;line-height:1.6;}
}
@media(max-width:520px){
 .experiment-matrix-head{flex-wrap:wrap;align-items:flex-start;}
 .experiment-matrix-actions{width:100%;justify-content:space-between;}
 .experiment-mark-tools{width:100%;}
 .murdle-page .experiment-mark-tools button{flex:1 1 0;min-width:0;}
}
@media(prefers-reduced-motion:reduce){.experiment-matrix .matrix-cell{transition:none;}}
.murdle-page .experiment-step-comparison{min-width:0;}
.murdle-page .experiment-step-comparison .experiment-step-tabs{display:none;}
.murdle-page .experiment-step-tables{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 22px;margin-top:22px;}
.murdle-page .experiment-step-tables>.murdle-grid{grid-column:auto;}
@media(max-width:980px){
 .murdle-page .experiment-step-comparison .experiment-step-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0;}
 .murdle-page .experiment-step-comparison .experiment-step-tabs button{flex:1 1 130px;min-height:44px;}
 .murdle-page .experiment-step-tables{grid-template-columns:minmax(0,1fr);max-width:430px;margin:22px auto 0;}
 .murdle-page .experiment-step-tables>.murdle-grid[data-active=false]{display:none;}
}

/* Give labels room before adding another small table to the row. */
.murdle-page .murdle-grid-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.75rem 1.5rem;}
.murdle-page table.murdle-grid{min-width:0;}
.murdle-page table.murdle-grid :is(thead th,tbody th){box-sizing:border-box;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.015em;text-align:center;vertical-align:middle;word-break:normal;overflow-wrap:break-word;text-wrap:balance;hyphens:auto;}
.murdle-page table.murdle-grid thead th{height:3.5rem;padding:.625rem .25rem;}
.murdle-page table.murdle-grid :is(thead td,tbody th){box-sizing:border-box;width:5.5rem;}
.murdle-page table.murdle-grid tbody th{padding:.5rem .5rem;}
.murdle-page .experiment-matrix :is(.matrix-col-name,.matrix-row-name){font-weight:500;letter-spacing:.015em;hyphens:auto;}
@media(max-width:680px){
 .murdle-page .murdle-grid-layout{grid-template-columns:minmax(0,1fr);}
 .murdle-page table.murdle-grid :is(thead td,tbody th){width:5rem;}
 .murdle-page table.murdle-grid tbody th{padding:.5rem .375rem;}
}

/* Both full-ledger views fit the available width; only the page scrolls. */
.murdle-page :is(.experiment-one-table,.has-full-matrix) .experiment-matrix-scroll{overflow:visible;max-height:none;container-type:inline-size;container-name:judgment-ledger;}
.murdle-page :is(.experiment-one-table,.has-full-matrix) .experiment-matrix{--matrix-category-size:clamp(1rem,3%,1.75rem);--matrix-name-size:clamp(2.75rem,14%,6.25rem);--matrix-cell-size:auto;--matrix-width:100%;width:100%;min-width:0;max-width:100%;}
:is(.experiment-one-table,.has-full-matrix) .experiment-matrix :is(thead,.matrix-corner,.matrix-row-group,.matrix-row-name){position:static;}
:is(.experiment-one-table,.has-full-matrix) .experiment-matrix :is(.matrix-col-name,.matrix-row-name){padding:.5rem .25rem;}
.murdle-page :is(.experiment-one-table,.has-full-matrix) :is(.experiment-matrix-button,.experiment-matrix-static){min-width:0;font-size:clamp(.75rem,2cqi,1.6rem);}
@container judgment-ledger (max-width:520px){
 .experiment-matrix :is(.matrix-col-name,.matrix-row-name){font-size:.875rem;letter-spacing:0;overflow-wrap:anywhere;}
 :is(.experiment-one-table,.has-full-matrix) .experiment-matrix :is(.matrix-col-name,.matrix-row-name){padding:.5rem 0;}
 .experiment-matrix .matrix-col-group span{gap:0;font-size:.875rem;letter-spacing:0;}
 .experiment-matrix .matrix-col-group span::before,.experiment-matrix .matrix-col-group span::after{display:none;}
 .experiment-matrix .matrix-corner{padding:.5rem 2px;overflow-wrap:anywhere;}
 .matrix-corner-caption{font-size:.875rem;letter-spacing:0;}
 .matrix-corner-number{max-width:100%;letter-spacing:0;}
 .experiment-matrix :is(.matrix-panel-right,.matrix-row-name,.matrix-corner,.matrix-col-group){border-right-width:1px;}
}
