*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#141826;background:#f7f8fb;overflow-wrap:anywhere}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.1rem}a{color:#1f5fbf}img{max-width:100%;height:auto}
.top{background:#fff;border-bottom:1px solid #e3e6ec}.top .wrap{display:flex;gap:.6rem 1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.7rem 1.1rem}
.brand{font-weight:800;text-decoration:none;color:#141826}.top nav{display:flex;flex-wrap:wrap;gap:.2rem .9rem}
main{padding:1.5rem 0 3rem}.foot{background:#141826;color:#c9cdd8;padding:1.2rem 0;font-size:.9rem}.foot a{color:#fff}
.hero{padding:2rem 0}.kicker{font-weight:700;color:#1f5fbf;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
h1{font-size:clamp(1.7rem,4.5vw,2.7rem);line-height:1.15;margin:.3rem 0 .7rem}.lead{font-size:1.15rem;max-width:60ch}
.btn{display:inline-block;background:#1f5fbf;color:#fff;border:0;padding:.75rem 1.3rem;border-radius:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin:.2rem .3rem .2rem 0}
.btn.ghost{background:#fff;color:#1f5fbf;border:2px solid #1f5fbf}.btn.danger{background:#b3261e}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.card{background:#fff;border:1px solid #e3e6ec;border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem;min-width:0}.card img{border-radius:8px;border:1px solid #e3e6ec}
.narrow{max-width:520px;margin:1rem auto}
form.stack label{display:block;margin:.7rem 0}form.stack input:not([type=radio]):not([type=checkbox]):not([type=color]),form.stack textarea,form.stack select{display:block;width:100%;max-width:100%;padding:.6rem;border:1px solid #b9bfcc;border-radius:8px;font:inherit;background:#fff}
fieldset{border:1px solid #e3e6ec;border-radius:12px;background:#fff;margin:0 0 1rem;padding:.6rem 1rem 1rem;min-width:0}legend{font-weight:800;padding:0 .3rem}
.picker{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.pick{border:2px solid #e3e6ec;border-radius:10px;padding:.6rem;cursor:pointer;display:block;margin:0!important;min-width:0}.pick:has(input:checked){border-color:#1f5fbf;background:#eef4ff}
.pick small{display:block;color:#555}.pick b{display:block}.row{display:flex;gap:1rem;flex-wrap:wrap}.row label{flex:1 1 180px}
.slug{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.slug input{flex:1 1 160px;width:auto!important;min-width:0}
.radio,.check{display:flex!important;gap:.5rem;align-items:flex-start}
.err{background:#fde8e8;border-left:4px solid #b3261e;padding:.6rem .9rem;border-radius:6px}.ok{background:#e7fbf3;border-left:4px solid #0b8a5f;padding:.6rem .9rem;border-radius:6px}
.pill{display:inline-block;padding:.1rem .6rem;border-radius:99px;background:#e7fbf3;color:#0b6b4b;font-weight:700;font-size:.85rem}.pill.warn{background:#fff4d6;color:#6b4d00}
.editor{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.editor{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.pvwrap iframe{width:100%;height:780px;border:1px solid #c9cdd8;border-radius:10px;background:#fff}.small{font-size:.88rem;color:#555}
dl.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.3rem 1rem}dl.kv dt{font-weight:700}dl.kv dd{margin:0}
details summary{font-weight:700;cursor:pointer}
code{background:#f2f4f8;padding:.1rem .35rem;border-radius:4px;overflow-wrap:anywhere;word-break:break-all}.url{overflow-wrap:anywhere}ol.steps li{margin:.35rem 0}.btn.small{padding:.4rem .8rem;font-size:.9rem}