:root{--muted:#536256;--red:#9b392b}.skip{position:absolute;top:-100px;left:12px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:13px;border-radius:8px;text-decoration:none;color:#cedbce;min-height:46px}.sidebar nav a:hover{background:#263d2d}.sidebar nav a.active{background:var(--lime);color:#17271a}.sidebar-foot>a{display:block;color:#c3f66b;padding:9px}.sidebar-foot small{color:#bbc9b9}.brand small{color:#b3c4b5}.lab-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}.lab-controls label{display:flex;align-items:center;gap:8px;font-weight:600}.lab-controls input{width:20px;height:20px;accent-color:#345c3e}.lab-controls span{font-size:12px;color:var(--muted);margin-right:auto}.notice{color:#615425;background:#fff9df;font-size:13px;line-height:1.7}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.primary-link{display:inline-block;padding:12px 18px;border-radius:8px;background:#243b2a;color:white;text-decoration:none;white-space:nowrap}.welcome p{color:#475b3f}.steps{padding-left:20px;margin:0}.steps li{margin:0 0 17px;padding-left:6px}.stat-top,.stat-note{color:#536256}.samples{display:flex;flex-wrap:wrap;gap:10px}.form-stack{max-width:850px}.form-stack input{width:100%}.form-stack>button{justify-self:start}.browser-verdict{padding:18px;background:#f2f5ed;border:1px solid #d3ddcb;border-radius:9px;margin-top:20px;max-height:470px;line-height:1.7;min-height:65px;white-space:pre-wrap;word-break:break-word;color:#253c2c}.rule{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.rule:last-child{border-bottom:0}.rule>div{min-width:0}.rule p{margin:8px 0 0;overflow-wrap:anywhere}.rule .actions{flex-shrink:0}.badge.blocked{color:#8c382c;background:#fbe9e3}.badge.allowed{color:#305d2b;background:#e6f1dd}.fine,#pattern-help{font-size:12px;line-height:1.8;margin:16px 0 0}.footer{flex-wrap:wrap;color:#536256;font-size:11px}.footer a{padding:8px 0}.topbar{gap:16px}.topbar>a{font-weight:600}.error-text{margin-top:12px}summary{cursor:pointer;min-height:44px;padding:10px 0}button{min-height:44px}.page-head .eyebrow{font-size:0}.page-head .eyebrow:after{content:'MRGI WEB FABRIC / SYNTHETIC LAB';font-size:10px}
@media(max-width:1000px){.lab-grid{grid-template-columns:1fr}.rule{align-items:flex-start;flex-direction:column}.rule .actions{flex-wrap:wrap}}@media(max-width:720px){.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.sidebar nav a{padding:10px;font-size:12px;white-space:normal}.topbar{height:auto;padding:18px;flex-wrap:wrap}.topbar span{font-size:11px}.lab-controls{gap:12px}.lab-controls span{width:100%}.lab-controls button{flex:1;font-size:12px}.content{padding:20px 16px}.notice{font-size:12px}.panel-body{padding:16px}.samples button{flex:1 1 130px}.footer span:last-child{display:block}.browser-verdict{font-size:11px}.stats{gap:10px}.stat{padding:14px}}