.measurement-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;white-space:nowrap;position:relative;margin:0}
.measurement-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.measurement-track{display:block;width:36px;height:22px;border-radius:20px;background:#8b877b;padding:3px;box-sizing:border-box}
.measurement-track:before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.measurement-toggle input:checked+.measurement-track{background:#42654c}
.measurement-toggle input:checked+.measurement-track:before{transform:translateX(14px)}
.measurement-toggle input:focus-visible+.measurement-track{outline:3px solid #b85035;outline-offset:3px}
.rc-units{margin:12px 0 20px}.guide-content{max-width:920px;margin:auto}.guide-content p,.guide-content li{line-height:1.65}.guide-content article{margin-bottom:18px}.guide-content table{width:100%}.guide-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.guide-content h3{margin-top:24px}.guide-ratios{overflow:auto}
@media(max-width:600px){.header-actions{flex-wrap:wrap}#measurementControl{flex-basis:100%;display:flex;justify-content:flex-end}.measurement-toggle{min-height:32px}.guide-content{min-width:0}}
@media(max-width:650px){
 .app-header{display:grid;grid-template-columns:minmax(0,1fr)}
 .app-header .brand{justify-self:start}
 .app-header .header-actions{position:relative;width:100%;margin:0;display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
 .header-actions #measurementControl{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-start}
 .app-header .tabs{order:initial;grid-row:3;width:100%}
 .header-actions .header-menu{position:static;flex:none}
 .header-actions .menu-panel{top:calc(100% + 8px);left:0;right:0;width:auto;min-width:0;max-width:none;max-height:calc(100dvh - 150px);overflow:auto}
}
.guide-content .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.guide-content .grid.two{grid-template-columns:1fr}}