.genre-page{background:#f7f7f2;color:#23312c}.genre-page header{border-color:#c9cec7}.genre-page main{max-width:1400px}.genre-page .eyebrow{color:#596e61;letter-spacing:.16em}.genre-page h1{font-weight:300;font-size:clamp(36px,4.6vw,66px);line-height:1.45;letter-spacing:.05em}.genre-page h2{margin-top:0;font-size:clamp(26px,3vw,38px)}.genre-page h3{font-size:21px;line-height:1.5}.genre-page p{line-height:1.95}.genre-page section{margin:65px 0}.genre-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;min-height:340px}.genre-hero.text-hero{display:block;max-width:980px;min-height:0;border-bottom:1px solid #aebcb1;padding-bottom:45px}.genre-hero figure{margin:0}.genre-hero img{width:100%;height:380px;object-fit:cover}.genre-hero figcaption{font-size:13px;color:#607165;margin-top:8px}.genre-page .lead{font-size:18px}.jump{display:inline-block;margin-top:16px;padding:12px 0;text-decoration:none;border-bottom:1px solid #365943}.selector{display:grid;grid-template-columns:1fr 1.35fr;gap:6%;padding:38px;background:#e9eee7}.selector fieldset{border:0;padding:0;margin:0 0 22px}.selector legend{font-size:16px;margin-bottom:12px;font-weight:600}.options{display:flex;flex-wrap:wrap;gap:9px}.options label{display:block;position:relative;cursor:pointer;font-size:15px;letter-spacing:0}.options input{position:absolute;opacity:0;width:1px;height:1px}.options span{display:block;border:1px solid #9cab9f;padding:10px 13px;background:#f7f7f2}.options input:checked+span{background:#254f3d;color:white;border-color:#254f3d}.options input:focus-visible+span{outline:3px solid #9c6825;outline-offset:3px}.genre-page .solid{background:#254f3d;color:white;border:0;padding:13px 26px}.selection-result{border-left:3px solid #315944;padding:15px 30px;scroll-margin-top:30px}.selection-result nav,.related{display:flex;flex-wrap:wrap;gap:12px 24px}.selection-result nav a{padding:9px 0}.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b9c7bb}.gear-card{padding:30px 22px;text-decoration:none;border-bottom:1px solid #b9c7bb;display:flex;flex-direction:column}.gear-card:hover{background:#e9eee7}.gear-card p{font-size:15px}.index{font:italic 28px Georgia,serif;color:#82603c}.card-foot{font-size:14px;margin-top:auto;padding-top:14px}.scene-guide,.stage-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.scene-guide article,.stage-guide article{border-top:1px solid #b9c7bb;padding-top:22px}.before{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;background:#e9eee7;padding:38px}.buy-checklist{padding:0;list-style:none;margin:0}.buy-checklist label{display:flex;align-items:flex-start;gap:12px;font-size:16px;letter-spacing:0;padding:13px 0;border-bottom:1px solid #c1cbc0}.buy-checklist input{width:19px;height:19px;flex:none;margin:6px 0;accent-color:#254f3d}.faq details{border-bottom:1px solid #b9c7bb;padding:20px 0}.faq summary{cursor:pointer;font-size:18px}.special-link{padding:30px;border-block:1px solid #b9c7bb;margin:50px 0}.special-link h2{margin-top:0}.deep-guide{max-width:970px;margin:auto}.deep-guide table{border-collapse:collapse;width:100%;font-size:16px}.deep-guide caption{text-align:left;font-size:14px;color:#596e61;margin-bottom:12px}.deep-guide td,.deep-guide th{text-align:left;border-bottom:1px solid #bac8bd;padding:18px 14px}.deep-guide thead{background:#e9eee7}.deep-guide th{font-weight:500}.note{font-size:14px;color:#55665b}.editor-note{padding:22px 28px;background:#e9eee7;margin-top:26px}.editor-note h3{margin-top:0}.on-page{display:flex;flex-wrap:wrap;gap:15px 28px;border-block:1px solid #bac8bd;padding:16px 0}.search-example{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #bac8bd;padding:24px 0}.search-example span{font-size:14px;color:#596e61}.search-example p{font-size:20px;margin:5px 0;overflow-wrap:anywhere}.search-example a{flex-shrink:0;background:#254f3d;color:white;padding:12px 16px;text-decoration:none}.genre-page a:focus-visible,.genre-page summary:focus-visible,.genre-page button:focus-visible{outline:3px solid #9c6825;outline-offset:4px}
@media(max-width:900px){.genre-hero{grid-template-columns:1fr}.genre-hero img{height:320px}.selector,.before{grid-template-columns:1fr;gap:25px}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-guide,.stage-guide{grid-template-columns:1fr;gap:15px}.genre-page section{margin:45px 0}}
@media(max-width:560px){.genre-page h1{font-size:34px}.genre-page header{gap:15px;flex-wrap:wrap}.genre-hero img{height:260px}.selector,.before{padding:24px 18px}.genre-page .lead{font-size:16px}.gear-grid{grid-template-columns:1fr}.gear-card{padding:24px 10px}.selection-result{padding:10px 18px}.search-example{display:block}.search-example a{display:inline-block;margin-top:12px}.deep-guide td,.deep-guide th{padding:13px 8px}.options span{padding:12px}.genre-page main{padding-inline:6vw}}