.bench{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);margin-bottom:clamp(34px,5.2vw,70px);border:1px solid var(--strong-line);border-radius:7px 7px 18px;background:var(--paper-light);box-shadow:5px 6px #a9885d36}.bench-intro{min-width:0;padding:clamp(15px,2.7vw,34px);border-radius:6px 0 0 6px;color:var(--paper-light);background:radial-gradient(ellipse at 25% 0%,#3b563c,var(--forest) 76%)}.bench-intro :focus-visible{outline-color:var(--paper)}.bench-copy h3{font-size:clamp(2.1rem,4.05vw,3.85rem);line-height:1.01}.bench-copy h3 em{display:block;color:#f2dcae;font-weight:550}.bench-copy p{max-width:34ch;margin-top:12px;color:#f5e9d7}.bench-art{position:relative;margin-top:clamp(15px,2.25vw,29px);border:1px solid #a68b62;border-radius:4px 4px 12px;background:var(--gold);overflow:hidden}.bench-art img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.bench-art:after{content:"";position:absolute;inset:6px;border:1px solid #fff7e675;border-radius:1px 1px 7px;pointer-events:none}.bench-criteria{margin-top:clamp(12px,1.65vw,22px);border-top:1px dashed #f0e3ca6e}.bench-criteria summary{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:10px;font-size:.92rem;font-weight:760;list-style:none;cursor:pointer}.bench-criteria summary::-webkit-details-marker{display:none}.bench-criteria summary svg{transition:transform .2s}.bench-criteria[open] summary svg{transform:rotate(45deg)}.bench-criteria dl{display:grid;gap:8px;color:#f5e9d7;font-size:.86rem;line-height:1.4}.bench-criteria dt{color:var(--paper-light);font-weight:800}.bench-criteria dd{margin:0}.bench-matrix{min-width:0;padding:clamp(13px,2.2vw,28px)}.bench-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px;padding:0;border:0;min-inline-size:0}.bench-pickers label{display:grid;gap:4px;min-width:0}.bench-pickers label>span{color:var(--muted);font-size:.94rem;font-weight:750}.bench-pickers select{width:100%;min-width:0;min-height:44px;padding:6px 4px 6px 8px;border:1px solid var(--strong-line);border-radius:5px;background:var(--paper);color:var(--ink);font:730 .94rem/1.2 var(--sans);cursor:pointer}.bench-pickers select:disabled{cursor:default;opacity:.75}.bench-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bench-scene{display:flex;min-width:0;flex-direction:column;border:1px solid #c7b394;border-radius:5px 5px 11px;background:var(--paper)}.bench-scene .bench-method-heading{margin:0;padding:7px 8px;min-height:50px;background:var(--method-tint, var(--kraft));border-radius:4px 4px 0 0}.bench-scene-figure{aspect-ratio:1;border-block:1px solid #b9a68b;background:var(--method-tint, var(--kraft));overflow:hidden}.bench-scene-figure img{width:100%;height:auto}.bench-scene-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 10px 3px;gap:8px}.bench-scene-notes dt{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:820;color:var(--green);line-height:1.25}.bench-scene-notes dd{margin:5px 0 0;color:var(--muted);font-size:.88rem;line-height:1.4}.bench-scene-notes div+div{padding-left:8px;border-left:1px dashed var(--line)}.bench-scene>.text-link{align-self:flex-start;margin:auto 10px 0}.bench-table-details{margin-top:12px;border-top:1px dashed var(--strong-line)}.bench-table-details summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;gap:6px;color:var(--green);cursor:pointer;font-size:.92rem;font-weight:800;list-style:none}.bench-table-details summary::-webkit-details-marker{display:none}.bench-table-details summary svg{transition:transform .2s}.bench-table-details[open] summary svg{transform:rotate(45deg)}.bench-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:.94rem;line-height:1.35}.bench-table th,.bench-table td{padding:9px clamp(7px,1.18vw,15px);vertical-align:top}.bench-table thead th{border-bottom:1px solid var(--line)}.bench-criterion-heading{width:22%}.bench-table .bench-method{background:var(--method-tint, var(--kraft));color:var(--ink);font:680 1.1rem/1.18 var(--serif);transition:background-color .24s}[data-bench-color=sage]{--method-tint: var(--sage)}[data-bench-color=rose]{--method-tint: var(--rose)}[data-bench-color=gold]{--method-tint: var(--gold)}.bench-method-heading{display:flex;align-items:center;gap:7px;font-family:var(--serif);font-size:clamp(1.04rem,1.6vw,1.43rem);line-height:1.12;letter-spacing:-.023em}.bench-method-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;color:var(--green)}.bench-table tbody th{color:var(--green);font-size:.86rem;font-weight:820}.bench-table tbody th span{display:flex;align-items:flex-start;gap:6px}.bench-table tbody tr>*{border-bottom:1px solid var(--line)}.bench-table td+td,.bench-table thead th+th+th{border-left:1px solid var(--line)}.bench-table td strong{display:block;font-weight:790}.bench-table td p{margin-top:4px;color:var(--muted);font-size:.88rem}.bench-guide-link{min-height:44px;font-size:.86rem}.method-shelf-heading{margin-bottom:14px;align-items:center}.method-shelf-heading h3{font-size:clamp(1.6rem,3.05vw,2.65rem)}@media(max-width:960px){.bench{grid-template-columns:minmax(0,.52fr) minmax(0,1.48fr)}.bench-method-icon{width:26px;flex-basis:26px}}@media(max-width:890px){.bench-scene-notes{grid-template-columns:1fr;gap:7px}.bench-scene-notes div+div{padding:7px 0 0;border-left:0;border-top:1px dashed var(--line)}}@media(max-width:790px){.bench{grid-template-columns:1fr}.bench-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;column-gap:12px;border-radius:6px 6px 0 0}.bench-art{margin-top:0}.bench-criteria{grid-column:1 / -1}.bench-criteria dl{padding-bottom:6px}}@media(max-width:520px){.bench-intro{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.bench-copy h3{font-size:clamp(1.7rem,7vw,2.15rem)}.bench-copy p{font-size:.9rem;line-height:1.4;margin-top:8px}.bench-scenes,.bench-pickers{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.3em),1fr));gap:7px}.bench-scene .bench-method-heading{min-height:47px;padding-inline:5px}.bench-scene-notes{padding-inline:6px}.bench-scene-notes dt{font-size:.875rem}.bench-scene-notes dd{font-size:.94rem}.bench-scene>.text-link{margin-inline:6px}.bench-table,.bench-table thead,.bench-table tbody{display:block}.bench-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bench-criterion-heading{position:absolute;width:1px;height:1px;padding:0!important;border:0!important;clip-path:inset(50%)}.bench-table tbody th{grid-column:1 / -1;padding:6px 7px;background:var(--kraft)}.bench-table tbody th span{align-items:center}.bench-table tbody td{border-bottom:0}.bench-table th,.bench-table td{padding-inline:7px;overflow-wrap:anywhere}.bench-method-heading{min-height:36px;font-size:.99rem}.bench-method-icon{width:20px;height:24px;flex-basis:20px}.bench-method-icon svg{width:20px;height:20px}.bench-table td p{font-size:.94rem}}@media(max-width:365px){.bench-intro{grid-template-columns:1fr}.bench-art{margin-top:12px}.bench-art img{aspect-ratio:2.1}}.hero.hero-bench{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(23px,4.15vw,68px)}.hero-bench .hero-description{max-width:35ch}.hero-bench .hero-actions{margin-top:10px}.hero-choices{margin:20px 0 0;padding:0;min-inline-size:0;border:0}.hero-choices legend{margin-bottom:8px;padding:0;font-size:1rem;font-weight:800;color:var(--green)}.hero-options{display:flex;flex-wrap:wrap;gap:6px}.hero-option{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:7px 9px;border:1px solid var(--strong-line);border-radius:5px;background:var(--paper-light);color:var(--green);font-size:1rem;font-weight:780;line-height:1.2;cursor:pointer;transition:background-color .2s,border-color .2s}.hero-option:hover{background:var(--kraft)}.hero-option:has(input:checked){background:var(--green);color:var(--paper-light);border-color:var(--green)}.hero-option:has(input:focus-visible){outline:3px solid var(--green);outline-offset:3px}.hero-choices:disabled .hero-option{cursor:default}.hero-stage{border:1px solid #927451;border-radius:5px 5px 24px;background:var(--paper-light);overflow:hidden}.hero-bench .hero-frame{aspect-ratio:2;border:0;border-radius:0}.hero-bench .hero-frame:after{border-radius:1px}.hero-bench .hero-image{object-position:center}.hero-map-pin{position:absolute;z-index:2;left:var(--pin-x);top:var(--pin-y);display:grid;place-items:center;width:clamp(23px,2.5vw,34px);aspect-ratio:1;translate:-50% -50%;border:1px solid var(--green);border-radius:50%;background:var(--paper-light);box-shadow:0 2px #301e154a;color:var(--green);font-weight:850;font-size:clamp(.75rem,1vw,.92rem)}.hero-stage-note{display:flex;flex-wrap:wrap;align-items:start;gap:10px 15px;padding:clamp(11px,1.75vw,21px);border-top:1px dashed var(--strong-line);background:linear-gradient(0deg,var(--paper-light),#f9f1e2)}.hero-stage-note>div{flex:1 1 min(100%,13em);min-width:0}.hero-stage-note h2{display:flex;align-items:center;gap:8px;color:var(--green);font-size:clamp(1.45rem,2.65vw,2.6rem)}.hero-stage-note p{margin-top:5px;color:var(--muted);font-size:.93rem;line-height:1.4}.hero-method-link{min-height:44px;padding:.55rem .75rem}.hero-utensils{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none}.hero-utensils li{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #b5a389;border-radius:4px;background:var(--panel);color:var(--ink);font-size:.9375rem;font-weight:750;line-height:1.25}.hero-utensils li span{display:grid;place-items:center;flex:0 0 1.5em;min-height:1.5em;border-radius:50%;background:var(--green);color:var(--paper);font-size:.75rem;line-height:1}@media(prefers-reduced-motion:no-preference){@keyframes open-hero-scene{0%{opacity:.78;transform:translateY(3px)}to{opacity:1;transform:none}}.hero-stage:not([hidden]) .hero-frame{animation:open-hero-scene .27s ease-out both}}@media(max-width:730px){.hero.hero-bench{grid-template-columns:1fr;gap:17px}.hero-bench .hero-description{max-width:39ch}.hero-choices{margin-top:14px}}@media(max-width:475px){.hero-option{flex:1 1 min(100%,6em);flex-direction:column;justify-content:center;min-height:60px;padding:5px 4px;text-align:center}.hero-option svg{width:17px;height:17px}.hero-stage-note{gap:9px}.hero-stage-note>div{flex-basis:100%}.hero-method-link{order:1}}
