:root{--accent:#ff9c00;--bg:#0a0a0b;--panel:#171719;--line:#303033;--fg:#f6f0e9;--muted:#a9a6a2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.site-head{display:flex;align-items:center;justify-content:space-between;padding:13px max(4vw,20px);border-bottom:1px solid #222;background:#050505;gap:16px;flex-wrap:wrap}.brand{width:160px;height:62px;object-fit:contain;object-position:left center}.site-head nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px}.container{max-width:1260px;margin:auto;padding:32px 22px;min-height:75vh}.site-foot{border-top:1px solid var(--line);padding:30px max(4vw,20px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}h1,h2,h3{line-height:1.15;margin:0 0 16px}h1{font-size:clamp(36px,6vw,74px);letter-spacing:-.04em}h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.025em}p{color:var(--muted)}.eyebrow{font-weight:700;letter-spacing:.32em;color:var(--accent);font-size:11px;text-transform:uppercase}.btn{background:linear-gradient(100deg,#ffcc10,#ff8900);color:#121212;padding:12px 19px;border:0;border-radius:7px;display:inline-block;font-weight:750;cursor:pointer;font-size:13px}.btn:hover{color:#000;filter:brightness(1.1)}.outline{border:1px solid var(--accent);color:var(--accent);background:transparent}.danger{background:#ae3333;color:white}.small{padding:7px 10px}.panel{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:12px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px;margin:20px 0 35px}.card{display:block;background:#151517;border:1px solid #242424;border-radius:7px;overflow:hidden}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.card .body{padding:12px}.muted,.card small{color:var(--muted);font-size:12px}.section{margin-top:50px}.section-bar{display:flex;justify-content:space-between;align-items:center;gap:10px}.hero{background:radial-gradient(circle at center,#251409,#080808 70%);border:1px solid #302319;border-radius:5px;min-height:410px;display:grid;place-items:center;position:relative;overflow:hidden;padding:30px 55px}.record{position:relative;width:min(62vw,330px);height:min(62vw,330px);margin:34px auto}.record:before{content:"";position:absolute;background:repeating-radial-gradient(circle at 50% 50%,#080809 0 5px,#242426 6px 7px,#0c0c0c 8px 13px);width:94%;height:94%;border-radius:50%;top:3%;left:35%;box-shadow:0 6px 36px #000}.record:after{content:"";position:absolute;width:100%;height:100%;background-image:var(--cover);background-size:cover;background-position:center;top:0;left:0;box-shadow:0 14px 55px #000;border:1px solid #555}.hero-arrows{position:absolute;bottom:18px;right:25px;display:flex;gap:9px}.hero-arrows a{padding:8px 15px;background:#242124;border:1px solid #666;border-radius:99px}.footer-note{margin-top:5px;color:var(--muted)}input,textarea,select{display:block;background:#101011;color:var(--fg);border:1px solid #4a4541;border-radius:7px;padding:12px;width:100%;font:inherit;margin:6px 0 16px}label{font-size:13px;font-weight:600}textarea{min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.form-grid>*{min-width:0}.notice{background:#30200c;color:#f7dcb2;padding:13px 16px;border-left:3px solid var(--accent);margin-bottom:15px}.flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid #343434;text-align:left;padding:11px}th{color:var(--accent);white-space:nowrap}.tag{display:inline-block;background:#3c2b13;color:#ffc56b;border-radius:5px;padding:3px 8px;font-size:11px}.error{text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.error h1{font-size:clamp(110px,22vw,250px);color:var(--accent);margin:0}.error p{max-width:500px}.article{max-width:850px}.credits{white-space:pre-line}.adminnav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.adminnav a{padding:8px 11px;background:#232323;border-radius:6px;font-size:12px}.adminnav a:hover{background:#3c2b13}.file-note{font-size:12px;color:var(--muted)}@media(max-width:700px){.site-head{justify-content:center}.brand{width:140px;height:52px}.site-head nav{justify-content:center;gap:11px}.hero{min-height:320px;padding:22px}.record{width:210px;height:210px}.container{padding:25px 14px}}

/* BAABIHA Editorial Refresh V1.0.1 — calm, spacious music-first design */
:root{--accent:#ffa313;--bg:#090909;--panel:#151515;--line:#292929;--fg:#f8f5ee;--muted:#ada8a0}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 88% 3%,rgba(185,79,0,.065),transparent 31%),#090909;font-family:Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.012em}
.site-head{position:relative;z-index:4;background:#090909f0;padding:16px max(5vw,22px);border-bottom:1px solid #27211a;min-height:90px}
.site-head nav{align-items:center;gap:clamp(12px,2.2vw,34px);font-weight:550;font-size:13px}.site-head nav a{transition:color .2s}.site-head nav a:first-child{color:#ffae22}
.brand{width:185px;height:62px}.container{max-width:1450px;padding:32px clamp(20px,5vw,88px)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(42px,6vw,86px)}h2{font-size:clamp(32px,3.5vw,48px)}h3{font-size:24px}
.eyebrow{font-size:10px;letter-spacing:.28em;color:#ffad22}
.hero{height:clamp(380px,52vw,720px);min-height:0;background:radial-gradient(ellipse at 55% 62%,#40200d 0%,#1c120d 26%,#080808 68%);border:0;border-bottom:1px solid #382414;border-radius:0;isolation:isolate;margin:0 -3vw;padding:30px 60px}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent 95%,#f7aa2310 96%),linear-gradient(90deg,transparent 95%,#f7aa2310 96%);background-size:70px 70px;opacity:.3;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 40%,transparent)}
.record{width:clamp(220px,32vw,455px);height:clamp(220px,32vw,455px);margin:0;transform:translateX(-11%);filter:drop-shadow(12px 25px 26px #0008)}
.record:before{left:36%;top:4%;width:93%;height:93%;box-shadow:inset 0 0 1px #ffad2255,0 14px 40px #000;animation:baabiha-spin 28s linear infinite}
.record:after{border:1px solid #866643;box-shadow:0 4px 0 #302419,10px 21px 45px #000b}
@keyframes baabiha-spin{to{transform:rotate(360deg)}}
.hero-arrows{bottom:20px;right:4vw}.hero-arrows a{background:#111b;border:1px solid #7b4b18;padding:9px 18px}
.section{margin-top:clamp(55px,7vw,110px)}.section-bar{padding-bottom:20px;border-bottom:1px solid #36302a;margin-bottom:23px}.section-bar h2{margin-bottom:0}
.cards{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:clamp(16px,2vw,29px)}
.card{background:transparent;border:0;border-radius:0;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.card img{border-radius:2px;aspect-ratio:1;box-shadow:0 14px 28px #0005}.card .body{padding:13px 0}.card .body strong{font-size:17px;font-weight:650}.card small{font-size:12px;line-height:1.8}
.panel{background:#141415;border-color:#302820;border-radius:6px}.btn{border-radius:3px;background:linear-gradient(115deg,#ffc421,#f28a00)}.outline{background:transparent;border:1px solid #9d6b24}
.site-foot{padding:44px max(5vw,22px);background:#050505;border-top:1px solid #322619}
.adminnav{gap:8px}.adminnav a{background:#1b1b1c;padding:10px 13px;border:1px solid #28221d}
@media(max-width:700px){.site-head{min-height:80px;padding:12px 16px}.site-head nav{gap:14px}.container{padding:22px 18px}.hero{margin:0 -18px;height:380px;padding:20px}.record{width:205px;height:205px;transform:translateX(-13%)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card .body strong{font-size:14px}.section{margin-top:55px}}

/* BAABIHA V1.0.2 — editorial pages & persistent music player */
body{padding-bottom:104px}body:has(.bm-player){padding-bottom:115px}
.bm-editorial{display:grid;grid-template-columns:1.13fr 1fr;gap:clamp(20px,5vw,90px);align-items:center;padding:clamp(45px,7vw,110px) 0;min-height:65vh;border-bottom:1px solid #32251a}
.bm-editorial .bm-heading h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(74px,12vw,170px);font-weight:900;line-height:.84;letter-spacing:-.075em;margin:24px 0 30px}
.bm-editorial .bm-heading h1 em{font-style:normal;background:linear-gradient(120deg,#ffd64d,#ff9300,#f05d02);-webkit-background-clip:text;background-clip:text;color:transparent}
.bm-editorial .bm-heading p{font-size:clamp(17px,2vw,24px);line-height:1.6;max-width:490px}
.bm-art{min-height:420px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent 49px,#ff960018 50px),radial-gradient(circle at 65% 50%,#47200c,#100e0c 58%,#080808 75%);display:grid;place-items:center;overflow:hidden;border:1px solid #35241a}
.bm-art:before{content:'';position:absolute;width:66%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#141414 0 7px,#262626 8px 9px,#111 10px 15px);right:2%;box-shadow:0 20px 65px #000}
.bm-art .bm-disk{z-index:1;width:56%;aspect-ratio:1;background:linear-gradient(135deg,#e48700,#ffbf18);color:#120d06;display:grid;place-items:center;font:bold clamp(115px,20vw,250px)/1 Georgia,serif;box-shadow:15px 25px 45px #000b;margin-left:-22%}
.bm-art>span{position:absolute;bottom:20px;right:22px;letter-spacing:.25em;font-size:10px;color:#f9a61f}
.bm-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 0}.bm-story h2{font-size:clamp(46px,6vw,92px);line-height:1}.bm-story h2 em{color:var(--accent)}.bm-story p{font-size:20px;line-height:1.8;white-space:pre-line}
.bm-contact-card{background:linear-gradient(140deg,#20150e,#141313 60%);border:1px solid #45311f;padding:clamp(25px,4vw,65px);min-height:390px;display:flex;flex-direction:column;justify-content:center}.bm-contact-card h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:25px 0}.bm-contact-card p{letter-spacing:.23em;font-size:11px}.bm-email{color:#ffb52e;font-size:clamp(17px,2vw,26px);font-weight:700;overflow-wrap:anywhere}.bm-contact-socials{border-top:1px solid #59412d;display:flex;flex-wrap:wrap;gap:15px;margin-top:35px;padding-top:22px;font-size:12px}
.bm-player{position:fixed;z-index:9999;bottom:0;left:0;right:0;min-height:92px;background:#101012f5;backdrop-filter:blur(18px);border-top:1px solid #614020;display:flex;align-items:center;gap:clamp(8px,2vw,26px);padding:12px max(18px,4vw);box-shadow:0 -8px 30px #0006}
.bm-player img{width:58px;height:58px;object-fit:cover;border-radius:3px;background:#272019}.bm-song{min-width:120px;max-width:230px;display:flex;flex-direction:column;line-height:1.3}.bm-song strong{font-family:system-ui;font-size:14px}.bm-song small{font-size:11px;color:#aaa;margin-top:4px}.bm-controls{display:flex;align-items:center;gap:5px;margin-left:auto}.bm-controls button{background:none;border:0;color:#eee;font-size:17px;padding:8px;cursor:pointer}.bm-controls #bm-toggle{width:43px;height:43px;border-radius:50%;background:var(--accent);color:#101010}.bm-progress{flex:1;display:flex;align-items:center;gap:8px;min-width:85px;color:#aaa;font-size:11px}.bm-progress input,.bm-player #bm-volume{width:100%;accent-color:#ffad18;margin:0;padding:0;cursor:pointer}.bm-player #bm-volume{max-width:75px}
.bm-track-play{background:transparent;border:1px solid #a77631;border-radius:50px;color:#ffae28;cursor:pointer;padding:5px 12px;margin-left:12px}
.bm-track-edit{border:1px solid #4d3520;background:#1b1b1c;margin:13px 0;padding:17px}.bm-track-edit summary{cursor:pointer;color:#ffb32d;font-weight:650}
@media(max-width:850px){.bm-editorial{grid-template-columns:1fr;min-height:0;padding:45px 0}.bm-art{min-height:320px}.bm-story{grid-template-columns:1fr;gap:10px;padding:45px 0}}
@media(max-width:600px){body:has(.bm-player){padding-bottom:125px}.bm-player{min-height:104px;flex-wrap:wrap;gap:8px;padding:10px 13px}.bm-player img{width:43px;height:43px}.bm-song{flex:1;min-width:90px}.bm-progress{order:5;flex-basis:100%}.bm-controls{margin-left:0}.bm-player #bm-volume{display:none}.bm-editorial .bm-heading h1{font-size:clamp(66px,18vw,110px)}.bm-contact-card{min-height:0}}
