/* Dallas Roll-Off Quotes planner */
:root{--rust:#b4471c;--sky:#f6efe3;--night:#21252b;--sage:#5f7a61;--card:#fffaf2}
*{box-sizing:border-box}
body{margin:0;background:var(--sky);color:var(--night);font:16px/1.65 Verdana,Geneva,"DejaVu Sans",sans-serif}
.dx-frame{display:grid;grid-template-columns:1fr;min-height:100vh}
@media(min-width:960px){.dx-frame{grid-template-columns:230px minmax(0,1fr)}}
.dx-rail{background:var(--night);color:#f3e9da;padding:18px 16px}
.dx-logo{display:block;color:#fff;font:700 1.25rem/1.2 "Trebuchet MS",sans-serif;text-decoration:none;margin-bottom:14px}.dx-logo span{color:#f0a868}
.dx-rail menu{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px}
@media(min-width:960px){.dx-rail menu{display:block}.dx-rail menu li{margin:8px 0}}
.dx-rail a{color:#f3e9da;text-decoration:none;font-size:.92rem}.dx-rail a:hover{color:#f0a868}
.dx-body{padding:18px 16px 40px;max-width:1080px}
.dx-body h1{font:700 2rem/1.15 "Trebuchet MS",sans-serif;margin:8px 0 14px}
.dx-body h2{font:700 1.3rem/1.25 "Trebuchet MS",sans-serif;margin:30px 0 8px;color:var(--rust)}
.dx-body a{color:#8d3410}
.dx-cards{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px}
.dx-cards figure{margin:0;flex:1 1 170px;background:var(--card);border-bottom:4px solid var(--sage);padding:12px 14px}
.dx-cards strong{display:block;font:700 1.75rem/1.1 "Trebuchet MS",sans-serif;color:var(--rust)}.dx-cards figcaption{font-size:.85rem}
.dx-twocol{display:grid;gap:24px}@media(min-width:1100px){.dx-twocol{grid-template-columns:minmax(0,1fr) 340px}}
.dx-quote{background:#fff;border-top:6px solid var(--rust);padding:16px;align-self:start;position:sticky;top:10px}
.dx-quote h2{margin-top:0}.dx-f{margin-bottom:9px}.dx-f span{display:block;font-size:.82rem;font-weight:700}
.dx-f input,.dx-f select{width:100%;padding:9px;border:1px solid #9c8f80;font:inherit;background:#fffdf9}
.dx-ok{display:flex;gap:8px;font-size:.76rem;line-height:1.45;margin:8px 0}.dx-ok input{margin-top:3px}
.dx-btn{display:block;width:100%;background:var(--rust);color:#fff;border:0;padding:12px;font:700 1rem "Trebuchet MS",sans-serif;cursor:pointer}
.dx-alert{color:#a10f0f;font-weight:700;min-height:1.2em;font-size:.9rem}.dx-pot{position:absolute;left:-9000px}
.dx-months{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.dx-months li{background:var(--card);padding:8px 10px;font-size:.82rem}.dx-months b{display:block;font-size:.95rem}.dx-months meter{width:100%}
.dx-small{font-size:.8rem;color:#5b5348}
.dx-list{padding-left:20px}.dx-list li{margin:7px 0}
.dx-end{grid-column:1/-1;background:#ebe1d1;padding:18px 16px;font-size:.82rem}
