.techniques-main{max-width:1240px;margin:auto;padding:45px 5% 80px}.techniques-main h1{font-size:clamp(3rem,6vw,5.5rem);margin:12px 0 20px}.techniques-lead{font-size:1.2rem;max-width:65ch}.techniques-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:38px;margin-top:35px}.technique-list{display:flex;flex-direction:column;gap:8px;align-self:start}.technique-list button{text-align:left;border:1px solid #bcafa0;background:#f6f0e7;padding:15px;color:#161513;font:inherit;cursor:pointer}.technique-list button span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#725a48;margin-bottom:6px}.technique-list button.selected{border-left:5px solid #a92329;background:#e2d7c7}.technique-detail{min-width:0}.technique-detail h2{font-size:2.6rem;margin:10px 0 18px}.technique-detail h3{font-size:1.8rem;margin:30px 0 18px}.technique-note,.technique-empty{padding:20px;background:#e2d7c7;margin:22px 0;line-height:1.6}.technique-empty{border:1px dashed #9c8b78;background:#f6f0e7}.technique-empty p{margin-top:10px}.technique-example{margin:25px 0;border:1px solid #bcafa0;padding:16px}.technique-example img,.technique-example video{display:block;width:100%;max-height:600px;object-fit:contain;background:#10100f}.technique-example figcaption{margin-top:16px}.technique-example figcaption p{margin-top:8px}.technique-upload{border-top:2px solid #a92329;padding:20px 0}.technique-upload summary{font-size:1.3rem;font-weight:700;cursor:pointer}.technique-upload form{margin-top:20px}.technique-upload label{display:block;font-weight:700;margin-top:20px}.technique-upload input,.technique-upload textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #9c8b78;font:inherit;background:#fffaf2;color:#161513}.technique-upload button{margin-top:20px}.file-hint,.owner-signin{font-size:14px;margin-top:15px}.owner-signin a{text-decoration:underline}.techniques-main button:focus-visible,.techniques-main a:focus-visible{outline:3px solid #a92329;outline-offset:3px}@media(max-width:760px){.techniques-layout{grid-template-columns:1fr}.technique-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.technique-list{grid-template-columns:1fr}}@media print{header,footer,.technique-list,.technique-upload,.owner-signin{display:none}.techniques-layout{display:block}.techniques-main{padding:0}.technique-detail{width:100%}}

.technique-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:16px;align-items:end;margin-top:30px}.technique-filters label{font-size:.85rem;font-weight:700}.technique-filters input,.technique-filters select{display:block;width:100%;min-width:0;padding:12px;margin-top:8px;border:1px solid #9c8b78;background:#fffaf2;color:#161513;font:inherit;min-height:48px}.technique-filters button{min-height:48px}.filter-count{font-size:.85rem;margin:15px 0}.technique-fields{margin:25px 0;border-top:1px solid #bcafa0}.technique-fields>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #bcafa0}.technique-fields dt{font-size:.8rem;font-weight:700}.technique-fields dd{margin:0}.technique-list button{min-height:48px}@media(max-width:950px){.technique-filters{grid-template-columns:1fr 1fr}}@media(max-width:550px){.technique-filters{grid-template-columns:1fr}.technique-fields>div{grid-template-columns:1fr;gap:8px}.technique-detail h2{font-size:2.2rem}}
