/* DebraLee.com, 2026 rebuild. Warm sunset palette taken from the "Sweet Lovin' Man" cover. No web fonts. */
:root{--bg:#fff8f1;--sand:#f3e3d3;--ink:#2a1a14;--mut:#6f5a4e;--cop:#c4612f;--sun:#e88a4a;--plum:#3b2230;--plum2:#4b2c3c;--line:#e6d2bf;--r:16px;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
--sans:Avenir,"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 var(--sans)}
a{color:#a24b1f}a:hover{color:var(--cop)}img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.12;margin:.2em 0 .45em;letter-spacing:-.005em}
h1{font-size:clamp(2.2rem,6.4vw,4rem)}h2{font-size:clamp(1.5rem,3.6vw,2.2rem)}h3{font-size:1.25rem}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}.narrow{max-width:780px}
section.wrap{margin-top:56px}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:99}
.muted{color:var(--mut)}.small{font-size:.9rem}.lead{font-size:1.18rem;max-width:62ch}
.kicker{font:700 .8rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--sun);margin:0 0 10px}
/* header */
.top{position:sticky;top:0;z-index:30;background:rgba(59,34,48,.96);backdrop-filter:blur(8px);color:#fbeee2;border-bottom:1px solid #5a3a4a}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}
.brand{font:700 1.45rem/1 var(--serif);color:#fff3e6;text-decoration:none;letter-spacing:.02em;white-space:nowrap}
.brand:hover{color:#ffd2ad}.brand span{color:var(--sun)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:#f4e1d1;text-decoration:none;padding:8px 11px;border-radius:999px;font-size:.95rem}
.nav a:hover,.nav a[aria-current=page]{background:rgba(232,138,74,.18);color:#fff}
.nav .cta{background:var(--sun);color:#2a1206;font-weight:700}.nav .cta:hover{background:#f6a76b;color:#2a1206}
.menu-btn{display:none;background:none;border:1px solid #7a5866;color:#fff;border-radius:10px;padding:7px 12px;font:inherit}
.pbadge{display:inline-block;background:#ffcf5a;color:#3a2600;font:800 .72rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:6px;margin-left:10px;vertical-align:middle}
@media(max-width:860px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--plum);padding:10px 22px 18px;border-bottom:1px solid #5a3a4a}
.nav.open{display:block}.nav ul{flex-direction:column}.nav a{display:block;padding:11px 12px}}
/* hero */
.hero{background:radial-gradient(1200px 600px at 75% 30%,rgba(232,138,74,.35),transparent 60%),linear-gradient(160deg,var(--plum) 0%,#5b2d2a 55%,#8a3f22 100%);color:#fff4ea;padding:64px 0 70px}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{color:#fff;margin-bottom:.2em}.hero .lead{color:#f7dcc8}.hero .meta{color:#f0c9ab;font-size:.98rem}
.hero .cover{border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}
.hero a:not(.btn){color:#ffd2ad}
@media(max-width:820px){.hero{padding:34px 0 44px}.hero .grid{grid-template-columns:1fr;gap:26px}.hero .cover{max-width:min(420px,100%)}}
.page-head{background:linear-gradient(160deg,var(--plum) 0%,#5b2d2a 70%,#7d3a22 100%);color:#fff4ea;padding:46px 0 40px}
.page-head h1{color:#fff;margin:0}.page-head p{color:#f3d4bd;margin:.4em 0 0}
/* buttons + chips */
.btn{display:inline-block;background:var(--cop);color:#fff;font-weight:700;border:0;border-radius:999px;padding:13px 24px;text-decoration:none;cursor:pointer;font-size:1rem;font-family:var(--sans)}
.btn:hover{background:#d8733f;color:#fff}.btn.alt{background:transparent;color:inherit;border:2px solid currentColor;padding:11px 22px}
.hero .btn.alt{color:#ffe6d2}.btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.btn-sm{padding:9px 16px;font-size:.93rem}.btn-y{background:var(--sun);color:#2a1206}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:0;list-style:none}
.chips a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;text-decoration:none;color:var(--ink);font-size:.93rem}
.chips a:hover{border-color:var(--cop);color:var(--cop)}
.hero .chips a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff1e4}.hero .chips a:hover{background:rgba(255,255,255,.18)}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card a.img{display:block}.card .body{padding:14px 16px 16px}.card h3{margin:0 0 4px;font-size:1.12rem}
.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--cop)}
.card p{margin:0;color:var(--mut);font-size:.92rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.two.wide-left{grid-template-columns:1.25fr .75fr}
@media(max-width:820px){.two,.two.wide-left{grid-template-columns:1fr;gap:26px}}
.photo{border-radius:var(--r);overflow:hidden}.photo figcaption{font-size:.85rem;color:var(--mut);padding:8px 2px 0}
figure{margin:0}
.band{background:var(--sand);padding:46px 0;margin-top:60px}
.band.dark{background:var(--plum);color:#fbe9da}.band.dark h2{color:#fff}.band.dark a:not(.btn){color:#ffcfa8}
blockquote{margin:0 0 18px;padding:4px 0 4px 18px;border-left:4px solid var(--sun);font-family:var(--serif);font-size:1.12rem}
blockquote cite{display:block;font:normal .88rem var(--sans);color:var(--mut);margin-top:6px}
.dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:12px 0}.dl dt{color:var(--mut)}.dl dd{margin:0}
.tracks{list-style:none;padding:0;margin:0;counter-reset:t}
.tracks li{display:flex;gap:12px;padding:9px 4px;border-bottom:1px solid var(--line);counter-increment:t}
.tracks li::before{content:counter(t);color:var(--mut);width:1.6em;text-align:right}
.tracks .t{flex:1}.tracks .len{color:var(--mut);font-variant-numeric:tabular-nums}
.lyrics{font-family:var(--serif);font-size:1.08rem;line-height:1.7;white-space:normal}
details.song{border-bottom:1px solid var(--line);padding:10px 0}details.song summary{cursor:pointer;font-weight:700;font-family:var(--serif);font-size:1.12rem}
details.song .tag{font-style:italic;color:var(--mut);margin:.4em 0}
.note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--sun);border-radius:10px;padding:12px 16px}
.note.err{border-left-color:#c0392b}
/* video (lite embed) */
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.ytw{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.yt{position:absolute;inset:0;display:block;width:100%;height:100%;background:#000;border:0;padding:0;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.9}.yt:hover img{opacity:1}
.yt::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(196,97,47,.92)}
.yt::before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -6px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;z-index:2}
.ytw iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcap{font-size:.92rem;margin:8px 0 0}
/* forms (same fields as RickDenzien.com) */
form.contact{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
form.contact .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
form.contact label{display:block;font-size:.9rem;font-weight:600;color:#4a362c}
form.contact label.full{margin-bottom:12px}.req{color:var(--cop)}
form.contact input,form.contact textarea{display:block;width:100%;margin-top:4px;padding:12px 14px;border-radius:10px;border:1px solid #d9c3ae;background:#fffdfb;color:var(--ink);font:inherit;font-size:1rem}
form.contact textarea{min-height:140px;resize:vertical}
form.contact input:focus,form.contact textarea:focus{outline:2px solid var(--sun);outline-offset:1px}
form.contact .btn:disabled{opacity:.6;cursor:wait}#form-msg{margin:0 0 12px}
.hp{position:absolute;left:-5000px}.fine{font-size:.82rem;color:var(--mut);margin:10px 0 0}
@media(max-width:560px){form.contact .row{grid-template-columns:1fr}}
/* footer */
.foot{margin-top:70px;background:var(--plum);color:#e9d3c4;padding:40px 0 30px;font-size:.95rem}
.foot a{color:#ffcfa8}.foot .fcols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:4px 0}.foot .h{font-weight:700;color:#fff;margin:0 0 8px}
.foot .brand{font-size:1.3rem}.foot .lessons{margin-top:14px;padding:12px 14px;border:1px solid #6a4757;border-radius:10px}
.foot .copy{border-top:1px solid #5a3a4a;margin-top:26px;padding-top:16px;color:#bfa596;font-size:.85rem}
@media(max-width:760px){.foot .fcols{grid-template-columns:1fr}}
.journal p{margin:0 0 1em}.poem{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;font-family:var(--serif)}