/* Generated by build_pages.py from /assets/guides/guide-builder.css, scoped to .builderpage. */
.builderpage .b-head{padding:28px 0 18px;border-bottom:1px solid var(--hair);display:grid;gap:8px;justify-items:start}
.builderpage .b-head h1{font:400 clamp(36px,5vw,54px)/1.05 'EB Garamond',serif;margin:6px 0 4px}
.builderpage .b-h2{font-size:22px;margin:28px 0 12px}
.builderpage .types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:820px){.builderpage .types{grid-template-columns:1fr}}
.builderpage .type{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--card);border:1px solid var(--hair);border-radius:16px;padding:18px;color:var(--sub);font:15px/1.5 'Figtree',sans-serif;cursor:pointer}
.builderpage .type:hover{border-color:var(--acc)}
.builderpage .type b{color:var(--head);font-size:18px}
.builderpage .type small{color:var(--acc-text);font-weight:600}
.builderpage .drafts{margin-top:22px}
.builderpage .drafts h3{font-size:16px;margin-bottom:8px}
.builderpage .draft{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--hair);font-size:14px;color:var(--muted)}
.builderpage .draft .linkbtn:first-child{font-size:15.5px;color:var(--head)}
.builderpage .draft .del{margin-left:auto;color:var(--muted)}
.builderpage .linkbtn{border:0;background:none;color:var(--acc-text);font:700 14px 'Figtree',sans-serif;cursor:pointer;padding:0}
.builderpage .tips{margin-top:26px;padding:16px 18px;border-radius:16px;background:var(--bg2);border:1px solid var(--hair)}
.builderpage .tips h3{font-size:16px}
.builderpage .tips ul{margin:8px 0 0;padding-left:18px;color:var(--sub);display:grid;gap:6px}
.builderpage .tips b{color:var(--head)}
.builderpage .b-bar{position:sticky;top:64px;z-index:10;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--hair)}
.builderpage .stages{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.builderpage .stages button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--edge);background:none;color:var(--sub);font:600 13.5px 'Figtree',sans-serif;cursor:pointer}
.builderpage .stages button span{width:22px;height:22px;border-radius:50%;background:var(--raised);display:grid;place-content:center;font-size:12px;color:var(--head)}
.builderpage .stages button[aria-current=step]{border-color:var(--acc);color:var(--head)}
.builderpage .stages button[aria-current=step] span{background:var(--acc);color:var(--acc-ink)}
.builderpage .b-body{max-width:820px;padding:20px 0 60px}
.builderpage .b-body h2{font:400 32px 'EB Garamond',serif;margin:6px 0 4px}
.builderpage .b-body h3{font-size:18px;margin:28px 0 6px}
.builderpage .lede-s{color:var(--sub);margin:0 0 18px}
.builderpage .bf{display:grid;gap:5px;margin:14px 0}
.builderpage .bf>label{font-weight:700;color:var(--head);font-size:15px}
.builderpage .bf>label i{font-style:normal;font-weight:600;font-size:11.5px;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:0 7px;margin-left:6px}
.builderpage .hint{margin:0;font-size:13.5px;color:var(--muted)}
.builderpage .bf input,.builderpage .bf textarea{width:100%;border-radius:10px;border:1px solid var(--edge);background:var(--bg2);color:var(--head);font:15px/1.5 'Figtree',sans-serif;padding:9px 12px;resize:vertical}
.builderpage .bf textarea.mono{font:14px/1.55 'Google Sans Code',monospace}
.builderpage .bf input:focus,.builderpage .bf textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(217,154,85,.15)}
.builderpage .bf ::placeholder{color:#6f685b}
.builderpage .radios{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.builderpage .radio{position:relative;display:flex;flex-direction:column;gap:2px;border:1px solid var(--hair);background:var(--card);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13px;color:var(--muted)}
.builderpage .radio input{position:absolute;opacity:0}
.builderpage .radio b{color:var(--head);font-size:14.5px}
.builderpage .radio.on{border-color:var(--acc);background:var(--sel)}
.builderpage .radio:focus-within{outline:2px solid var(--acc-text);outline-offset:2px}
.builderpage .techpick{display:flex;flex-wrap:wrap;gap:6px}
.builderpage .techpick .tech{border:1px solid transparent;cursor:pointer}
.builderpage .techpick .tech.on{border-color:var(--t);background:var(--sel)}
.builderpage .grp{display:grid;gap:12px}
.builderpage .item{position:relative;border:1px solid var(--hair);border-radius:14px;padding:6px 16px 4px;margin:0;background:var(--card)}
.builderpage .item legend{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);padding:0 6px}
.builderpage .item .rm{position:absolute;top:8px;right:12px;border:0;background:none;color:var(--muted);font:600 13px 'Figtree',sans-serif;cursor:pointer}
.builderpage .item .rm:hover{color:var(--err)}
.builderpage .chip.add{justify-self:start;border-style:dashed}
.builderpage .nav{display:flex;gap:10px;align-items:center;margin-top:30px;padding-top:18px;border-top:1px solid var(--hair)}
.builderpage .nav .saved{margin:0 auto;color:var(--ok);font-weight:700;font-size:14px}
.builderpage .nav .btn.primary{margin-left:auto}
.builderpage .checks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px}
.builderpage .checks li{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:var(--card);font-size:14.5px}
.builderpage .checks li::before{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-content:center;font:800 11px 'Figtree';color:#14120f}
.builderpage .checks .bad::before{content:'!';background:var(--lv-exp)}
.builderpage .checks .warn::before{content:'!';background:var(--lv-adv)}
.builderpage .checks .info::before{content:'i';background:var(--lv-info)}
.builderpage .checks .ok::before{content:'✓';background:var(--ok)}
.builderpage .checks .linkbtn{margin-left:auto}
.builderpage .row{display:flex;gap:10px;flex-wrap:wrap}
.builderpage .btn[disabled]{opacity:.45;cursor:not-allowed}
.builderpage .pframe{border:1px solid var(--edge);border-radius:18px;padding:0 22px 22px;margin-top:10px;background:var(--bg)}
.builderpage .pframe .layout.one{grid-template-columns:1fr}
.builderpage .pframe .helpful,.builderpage .pframe #author,.builderpage .pframe #authorCard{display:none}