/* Complete content is in native details. These rules never hide it for JS. */
.disclosure-enhanced{box-sizing:border-box;overflow-anchor:none}
.disclosure-icon{flex:0 0 auto;transform:rotate(0deg);transform-origin:center;transition:transform 360ms cubic-bezier(.22,.7,.2,1)}
details[open] .disclosure-icon{transform:rotate(45deg)}
details.disclosure-enhanced[data-disclosure-state="closing"]>summary .disclosure-icon,
details.disclosure-enhanced[data-disclosure-state="closed"]>summary .disclosure-icon{transform:rotate(0deg)}
.mode-grid{align-items:start}
.mode-detail{min-width:0;align-self:start}
.mode-detail>summary{gap:16px;align-items:center;position:relative;text-align:left}
.mode-detail .mode-summary-main{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:start;gap:24px;min-width:0;flex:1}
.mode-detail .mode-index{display:block;padding-top:5px;font-size:11px;color:var(--muted);line-height:1.5}
.mode-detail .mode-summary-copy{min-width:0}
.mode-detail .mode-type{padding-top:7px;font-size:9px;line-height:1.5;letter-spacing:.08em;font-weight:400;color:var(--muted)}
.mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
.mode-toggle>span{font-size:10px;line-height:1.4;font-weight:400;letter-spacing:.02em;color:var(--muted)}
.mode-toggle .disclosure-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}
.mode-detail>summary:focus-visible{outline-offset:-3px}
.mode-detail .mode-body{font-size:14px;line-height:1.65;padding:0 0 30px 69px;max-width:none;color:var(--muted)}
.mode-body dl{display:grid;gap:18px;margin:0;max-width:620px}
.mode-body dl>div{display:block}
.mode-body dt{font-size:10px;line-height:1.5;letter-spacing:.04em;font-weight:600;text-transform:uppercase;color:var(--ink);margin:0 0 6px}
.mode-body dd{margin:0;font-size:14px;line-height:1.65}
.mode-source{display:inline-block;margin-top:22px;font-size:11px;line-height:1.5;color:inherit;text-underline-offset:4px}
.mode-source:hover{text-decoration:underline}
.mode-classic{padding:0 22px;border-right:1px solid #4c5946;border-bottom:0}
.mode-classic:first-child{padding-left:0}
.mode-classic:last-child{border-right:0}
.mode-classic>summary{padding:26px 0;display:flex;flex-direction:column;align-items:stretch;gap:21px;font-size:inherit;line-height:inherit}
.mode-classic .mode-summary-main{display:block}
.mode-classic .mode-index{color:var(--lime);margin-bottom:28px;padding:0}
.mode-classic .mode-type{display:none}
.mode-classic h4{font-size:19px;line-height:1.3;margin:0 0 13px}
.mode-classic p{font-size:13px;line-height:1.6;color:#b8c4b1}
.mode-classic .mode-toggle{color:var(--lime)}
.mode-classic .mode-toggle>span{color:#b8c4b1}
.mode-classic .mode-body{padding:0 0 28px;color:#b8c4b1}
.mode-classic .mode-body dt{color:#f1f5ea}
.mode-classic .mode-body dd{font-size:12px}
.mode-classic .mode-source{font-size:10px}
.mode-studio{border-bottom:1px solid var(--line)}
.mode-studio>summary{padding:31px 0}
.mode-studio .mode-summary-main{grid-template-columns:75px minmax(0,1fr) 70px;gap:30px}
.mode-studio .mode-body{padding-left:105px}
.mode-energy{border-top:1px solid #b9c1b0}
.mode-energy:first-child{border-top:0}
.mode-energy>summary{padding:26px 0}
.mode-energy .mode-summary-main{grid-template-columns:35px minmax(0,1fr);gap:22px}
.mode-energy .mode-type{display:none}
.mode-energy .mode-body{padding-left:57px}
.mode-energy .mode-toggle>span{display:none}
.mode-energy .mode-body dt{color:var(--accent)}
@media(max-width:1100px){
 .mode-classic{padding-inline:18px}
 .mode-studio .mode-summary-main{grid-template-columns:45px minmax(0,1fr) 60px;gap:20px}
 .mode-studio .mode-body{padding-left:65px}
}
@media(max-width:860px){
 .mode-classic:nth-child(2){border-right:0}
 .mode-classic:nth-child(3){padding-left:0;border-top:1px solid #4c5946}
 .mode-classic:nth-child(4){border-top:1px solid #4c5946}
}
@media(max-width:800px){.mode-energy:first-child{border-top:1px solid #b9c1b0}}
@media(max-width:640px){
 .mode-detail>summary{gap:12px}
 .mode-classic{padding-inline:15px}
 .mode-classic>summary{padding:22px 0;gap:16px}
 .mode-classic .mode-index{margin-bottom:16px}
 .mode-classic h4{font-size:17px}
 .mode-classic p{font-size:12px}
 .mode-classic .mode-body{padding-bottom:22px}
 .mode-classic .mode-body dl{gap:15px}
 .mode-studio .mode-summary-main,.mode-energy .mode-summary-main{grid-template-columns:23px minmax(0,1fr);gap:15px}
 .mode-studio .mode-type,.mode-studio .mode-toggle>span{display:none}
 .mode-studio .mode-body,.mode-energy .mode-body{padding-left:38px;padding-bottom:25px}
 .mode-studio>summary,.mode-energy>summary{padding-block:24px}
 .mode-studio .mode-body dd,.mode-energy .mode-body dd{font-size:13px}
 .mode-studio .mode-summary-copy h3,.mode-energy .mode-summary-copy h3{font-size:24px;line-height:1.14}
}
@media(prefers-reduced-motion:reduce){.disclosure-icon{transition:none}}