:root{--sand:#f6ead8;--sun:#e8692c;--rust:#7c2d12;--teal:#0f9e8f;--ink:#2b1d16}
*{box-sizing:border-box}body{margin:0;font:16.5px/1.65 Georgia,"Times New Roman",serif;color:var(--ink);background:var(--sand)}
h1,h2,h3,.btn,nav,.tile{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif}
a{color:var(--rust)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.site-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff7ed;border-bottom:1px solid #e7cfae}
.site-h svg{height:42px;width:auto;display:block}
.site-h nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0}.site-h nav a{text-decoration:none;color:var(--ink);font-size:.95rem}.site-h nav a:hover{color:var(--sun)}
.btn{display:inline-block;background:var(--sun);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px}.btn:hover,.btn:focus{background:var(--rust)}.btn.teal{background:var(--teal)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.hero{display:grid;gap:28px;padding:36px 20px;max-width:1120px;margin:0 auto}
.hero h1{font-size:2.1rem;line-height:1.15;margin:0 0 10px}.hero .tag{color:var(--rust);font-style:italic;font-size:1.15rem}
.picker h2{margin:0 0 10px;font-size:1.2rem}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 0 #e7cfae;display:flex;flex-direction:column;gap:6px}.tile a.t{font-weight:700;color:var(--ink);text-decoration:none;font-size:1.05rem}.tile a.t:hover{color:var(--sun)}.tile .mini{font-size:.85rem;color:var(--teal);font-weight:700;text-decoration:none}
section{padding:28px 0}section h2{font-size:1.6rem;margin:0 0 12px}
.strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.strip a,.strip span{flex:0 0 auto;scroll-snap-align:start;background:var(--ink);color:#fff7ed;padding:10px 18px;border-radius:999px;text-decoration:none}.strip a{background:var(--teal)}
.cards3{display:grid;gap:16px}.wide{background:#fff;border-radius:16px;padding:20px;border-top:6px solid var(--sun)}.wide h3{margin-top:0}
.comic{display:grid;gap:12px;counter-reset:c}.panel{background:#fff;border:3px solid var(--ink);border-radius:6px;padding:16px;position:relative}.panel:before{counter-increment:c;content:counter(c);position:absolute;top:-14px;left:-10px;background:var(--sun);color:#fff;border:3px solid var(--ink);border-radius:50%;width:34px;height:34px;text-align:center;line-height:28px;font-weight:700}
.hoa{background:#fff;border-left:8px solid var(--teal);border-radius:12px;padding:20px}
.faq-item{background:#fff;border-radius:10px;margin:8px 0;padding:10px 16px}.faq-item summary{cursor:pointer}.faq-item summary h3{display:inline;font-size:1.05rem}
.closing{background:var(--rust);color:#fff7ed;text-align:center;padding:40px 20px}.closing h2{font-size:1.8rem;margin:0 0 8px}
.familiar{background:#fff;border:2px dashed var(--sun);border-radius:14px;padding:18px}
.page-h{padding:30px 0 10px}.page-h h1{font-size:2rem;line-height:1.2;margin:0 0 10px}
.article{max-width:760px}
.licslot{background:#fff;border:2px solid var(--sun);border-radius:10px;padding:12px;margin:12px 0;font-size:.92rem;color:var(--ink)}
footer{background:var(--ink);color:#e9d8c2;padding:28px 20px;font-size:.92rem}footer a{color:#fff7ed}
.fab{position:fixed;right:16px;bottom:16px;width:64px;height:64px;border-radius:50%;background:var(--sun);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:60;text-decoration:none}.fab svg{width:30px;height:30px}
.crumbs{font-size:.85rem;padding-top:14px}
.lead-form{display:grid;gap:6px;max-width:520px;background:#fff;padding:20px;border-radius:14px}.lead-form input,.lead-form select,.lead-form textarea{font:inherit;padding:10px;border:1px solid #c9b293;border-radius:8px}.lead-form button{font:inherit;font-weight:700;background:var(--teal);color:#fff;border:0;padding:12px;border-radius:999px;cursor:pointer}.consent{font-size:.8rem}.hp{position:absolute;left:-9999px}
.flag{background:#fff3c4;padding:8px;border-radius:6px}
.list{list-style:none;padding:0}.list li{background:#fff;border-radius:10px;padding:12px 16px;margin:8px 0}
@media(min-width:800px){.hero{grid-template-columns:1.1fr 1fr;align-items:center}.hero h1{font-size:2.7rem}.tiles{grid-template-columns:1fr 1fr 1fr}.cards3{grid-template-columns:repeat(3,1fr)}.comic{grid-template-columns:repeat(3,1fr)}}