.pg-grids .mono{font-family:var(--mono)}.pg-grids .muted{color:var(--ink-3)}.pg-grids .rule-list-g{margin:var(--space-3) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.pg-grids .rule-list-g li{font-size:var(--t-sm);color:var(--ink-2);padding-left:22px;line-height:1.5;position:relative}.pg-grids .rule-list-g li b{color:var(--ink)}.pg-grids .rule-list-g li:before{content:"";border-radius:3px;width:9px;height:9px;position:absolute;top:7px;left:0}.pg-grids .dd.do .rule-list-g li:before{background:#1f8c5c}.pg-grids .dd.dont .rule-list-g li:before{background:var(--coral)}.pg-grids .space-list{flex-direction:column;display:flex}.pg-grids .space-row{align-items:center;gap:18px;padding:11px 0;display:flex}.pg-grids .space-row .lbl{width:120px;font:600 var(--t-xs) / 1 var(--mono);color:var(--ink-2);flex:none}.pg-grids .space-row .blk{background:var(--cobalt);border-radius:4px;flex:none;height:22px}.pg-grids .space-row .px{font:600 var(--t-xs) / 1 var(--mono);color:var(--ink-3)}.pg-grids .radii{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}@media (max-width:680px){.pg-grids .radii{grid-template-columns:repeat(2,1fr)}}.pg-grids .rad{text-align:center}.pg-grids .rad .box{background:var(--tint);border:2px solid var(--cobalt);height:90px;margin-bottom:10px}.pg-grids .rad .nm{font-weight:700;font-size:var(--t-sm)}.pg-grids .rad .v{font:600 15px / 1.4 var(--mono);color:var(--ink-3);margin-top:3px}.pg-grids .grid12{grid-template-columns:repeat(12,1fr);gap:8px;display:grid}.pg-grids .grid12 .col{background:var(--tint);height:60px;font:600 15px / 1 var(--mono);color:var(--cobalt);border-radius:6px;justify-content:center;align-items:center;display:flex}.pg-grids .layouts{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:760px){.pg-grids .layouts{grid-template-columns:1fr}}.pg-grids .lay{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow:hidden}.pg-grids .lay .prev{background:var(--paper-2);gap:8px;height:120px;padding:14px;display:flex}.pg-grids .lay .prev .u{background:var(--tint);border-radius:6px}.pg-grids .lay .cap{font-size:var(--t-sm);padding:13px 16px}.pg-grids .lay .cap b{margin-bottom:2px;font-weight:700;display:block}.pg-grids .bp-list{flex-direction:column;display:flex}.pg-grids .bp{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.pg-grids .bp:last-child{border-bottom:none}.pg-grids .bp .dev{background:var(--tint);width:44px;height:44px;color:var(--cobalt);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.pg-grids .bp .nm{font-weight:700;font-size:var(--t-sm)}.pg-grids .bp .w{font:600 var(--t-xs) / 1 var(--mono);color:var(--ink-3);white-space:nowrap;margin-left:auto}.pg-grids .callout{background:color-mix(in srgb, var(--lime) 28%, var(--card));border:1px solid color-mix(in srgb, var(--lime-deep) 45%, transparent);font-size:var(--t-sm);color:var(--ink);border-radius:12px;padding:16px 18px;font-weight:600}.pg-grids .elev{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(18px,2.2vw,24px)}.pg-grids .elev .num{font:600 16px / 1 var(--mono);color:var(--cobalt)}.pg-grids .elev p{font-size:var(--t-sm);color:var(--ink-2);margin:8px 0 0}.pg-grids .elev-00{box-shadow:none}.pg-grids .elev-xs{box-shadow:0 1px 2px #1417230f}.pg-grids .elev-sm{box-shadow:0 6px 16px -12px #1417234d}.pg-grids .elev-lg{box-shadow:0 26px 50px -30px #14172380}