/* Shared editorial system: warm surfaces, restrained accents, and readable Arabic. */
:root{--surface:#fff;--canvas:#faf9f7;--line:#e8e4df;--muted:#68635f;--soft-shadow:0 8px 30px #24160808;--blue:#1658d6;--red:var(--blue);--orange:#ff8a24;--black:#141211}
body{background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{letter-spacing:0!important;word-spacing:normal;text-wrap:balance}
p{word-spacing:normal}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default;opacity:.45}input,textarea,select{accent-color:var(--red)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.container,.news-container,.nav-shell,.news-nav{width:min(1200px,calc(100% - 64px))}
.site-header,.site-news header,.site-article header,.site-detail header{position:sticky;top:0;z-index:40;background:#141211f7;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff15}
.nav-shell,.news-nav{height:80px}.nav-links,.nav-list{gap:30px;font-size:13px;font-weight:500}
.nav-links a,.nav-list a{opacity:.8}.nav-links a.active,.nav-list a.active{opacity:1}
.nav-links a.active:after,.nav-list a.active:after{height:2px;bottom:-12px;background:var(--orange)}
.logo,.brand{width:126px;height:64px}.logo-image,.brand span{background-size:210px 118px}
.icon-btn,.nav-search,.menu-btn,.hamburger{min-width:44px;min-height:44px}.nav-search{display:grid;place-items:center;font-size:24px}
.live-nav-btn,.live-button{min-height:44px;border-radius:12px;padding-inline:18px;font-size:12px;box-shadow:inset 0 1px #ffffff35}
.breaking-bar,.breaking{height:34px;background:#fff0e4;color:#532b14;border-bottom:1px solid #f3dbc7;font-size:11px}
.breaking-label,.breaking>b{background:var(--red);color:#fff}.bar-date,.breaking time{font-size:10px}
.section-pad{padding:88px 0}.section-head,.section-title{margin-bottom:30px;gap:24px}
.section-head h2,.about-copy h2,.community h2,.section-title h2{font-size:clamp(30px,3.8vw,46px);line-height:1.45}
.section-kicker,.section-title>div>span{font-size:12px;font-weight:600;margin-bottom:8px}
.hero{height:610px;min-height:560px;background:#0b1a3a}
.hero-photo{background-image:linear-gradient(90deg,#24100c33 0%,#36100d66 42%,#2b0d0de8 76%,#230b0bf5 100%),url('assets/images/hawa-studio-host.jpg');background-position:center 40%}
.hero-photo:after{background:linear-gradient(0deg,#190d0d65,transparent 60%)}
.hero-copy{width:57%;padding-bottom:36px}.hero h1{font-size:clamp(68px,7.5vw,110px);line-height:1.25;margin-bottom:20px}
.hero-copy>p{font-size:16px;line-height:2.05;max-width:500px;color:#fffdf0de}
.hero .eyebrow{font-size:12px;font-weight:500;margin-bottom:20px}.energy-line,.hero-shapes,.hero-tag{display:none}
.hero-cta{gap:26px;margin-top:28px}.primary-btn{border-radius:12px;height:52px;font-size:13px;padding-inline:22px;box-shadow:none}
.primary-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0002}.text-link{font-size:13px}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:26px;color:#ffffffa8;font-size:11px}
.hero-proof bdi{font:600 12px 'Comfortaa',sans-serif;color:#fff;padding-left:12px;border-left:1px solid #ffffff30}
.live-deck{margin-top:-28px;grid-template-columns:minmax(0,2fr) minmax(0,.85fr) minmax(0,1.05fr);gap:16px}
.player-card,.utility-card{border-radius:16px;box-shadow:var(--soft-shadow);border:1px solid var(--line)}.player-card{border-color:#ffffff12}
.player-main{gap:18px;padding:22px}.big-play{width:58px;height:58px}.on-air-copy h2{font-size:19px}.on-air-copy p{font-size:12px}
.player-bottom{height:auto;min-height:42px;gap:10px;padding:10px 22px;font-size:10px;color:#b8b0aa}.volume-control input{width:85px}
.utility-card{padding:20px;gap:12px}.utility-card span{font-size:11px}.utility-card small{font-size:10px;line-height:1.7}.rates{gap:6px}.rates div{padding:9px 8px;background:#f6f4f1}.rates bdi{font-size:10px}.rates strong{font-size:14px}
.news-filters{flex-wrap:wrap;gap:7px}.news-filters button,.filter-row button{min-height:40px;padding:9px 17px;font-size:11px;border-radius:10px;background:var(--surface)}
.news-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:260px 210px 160px;grid-auto-rows:minmax(160px,auto);gap:20px}
.story-card{border-radius:16px;box-shadow:var(--soft-shadow)}.story-card:hover{transform:translateY(-3px)}
.lead-story{grid-column:1/8;grid-row:1/3}.side-story{grid-column:8/13;grid-row:1;grid-template-columns:.8fr 1.2fr}
.text-story{grid-column:8/13;grid-row:2}.news-grid>.compact-story{grid-column:span 6;grid-row:auto;grid-template-columns:140px minmax(0,1fr)}
.lead-overlay{padding:32px}.lead-overlay h3{font-size:clamp(25px,2.4vw,34px);line-height:1.6;margin:14px 0 10px}.lead-overlay p{font-size:13px;line-height:1.9;color:#ffffffda}
.side-story-copy{padding:22px}.side-story h3{font-size:18px;line-height:1.8}.text-story{padding:24px;background:#0f3f9e}.text-story h3{font-size:22px;line-height:1.65;margin:12px 0 8px}.text-story p{font-size:12px;opacity:.85}.text-story .quote-mark{opacity:.4}
.category,.tag{font-size:10px;font-weight:600;padding:6px 10px;border-radius:6px}.story-meta,.meta{font-size:11px;gap:14px;line-height:1.8}.story-meta{color:var(--muted)}
.compact-story h3{font-size:17px;line-height:1.7;margin:10px 0}.compact-story>div:last-child{padding:20px}.compact-story .story-meta{font-size:11px}.play-chip{width:38px;height:38px}
.news-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(220px,auto)}
.news-grid.is-filtered>.story-card{grid-column:auto;grid-row:auto;min-height:250px}.news-grid.is-filtered>.lead-story{min-height:400px}
.story-hit:focus-visible,.article-link:focus-visible{outline-offset:-5px}
.outline-btn,.load-more{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:14px;border-radius:10px;border-color:#d0c9c2;background:#fff;font-size:12px;padding:12px 22px}
.center-action{margin-top:30px}.programs{background:#181514}.programs:before{opacity:.3}.program-card{border-radius:16px;border:1px solid #ffffff14;box-shadow:none}.program-art{height:220px}.program-info{padding:26px}.program-info>span{font-size:11px}.program-info h3{font-size:26px}.program-info p{font-size:13px;line-height:1.9;min-height:50px}.listen-episode{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
.community{background:#fff0e4}.community:after{display:none}.community-grid,.about-grid{gap:72px}.community h2{font-size:clamp(36px,4.5vw,56px)}.community-copy>p,.about-copy>p{font-size:15px;line-height:2.1;color:#554b44}.community-copy small{font-size:12px;line-height:1.9}.community-copy small a{text-decoration:underline;text-underline-offset:4px}
.poll-card{transform:none;border:1px solid #e8d7c8;border-radius:18px;box-shadow:0 12px 30px #39200d08;padding:32px}.poll-top{font-size:11px}.poll-card h3{font-size:22px;line-height:1.8;margin:22px 0}.poll-options button{min-height:52px;height:auto;padding:13px 16px;font-size:12px;line-height:1.7}.vote-count{font-size:11px;margin-top:20px}
.about-visual img{border-radius:18px;aspect-ratio:1/1}.about-sticker{transform:none;width:116px;height:116px;left:16px;bottom:16px;border-width:5px}.about-sticker bdi{font-size:27px;font-weight:700}.about-sticker span{font-size:11px}.wave-scribble{display:none}.about-stats{border-top:1px solid var(--line);padding-top:22px}.about-stats strong{font-size:30px}.about-stats span{font-size:12px}
.newsletter{background:var(--blue);color:#fff;padding:52px 0;border-top:3px solid var(--orange)}.newsletter h2{font-size:32px}.newsletter p{font-size:13px;line-height:1.9;color:#dbe6fb}.mini-bolt{display:none}.newsletter form{border-radius:12px;padding:5px;min-height:56px}.newsletter input{font-size:13px;padding-inline:18px;color:var(--black)}.newsletter form button{border-radius:9px;background:var(--orange);color:var(--black);font-size:12px;min-width:100px}
footer{padding-top:60px;background:#141211}.footer-grid{gap:50px;padding-bottom:40px}.footer-grid h3{font-size:13px}.footer-grid p,.footer-grid a{font-size:12px;line-height:2;color:#b4aaa3}.footer-grid a:hover{color:#fff}.footer-bottom{font-size:11px;line-height:1.9;gap:16px;padding-block:20px}.footer-bottom a:hover{color:#fff}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:16px}.footer-icon-logo{width:56px!important;height:56px!important}.socials a,.socials>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:10px;font-size:16px}.app-soon{border-radius:10px;line-height:1.8!important;padding:12px!important;color:var(--orange)!important}
.news-hero{height:280px;background:linear-gradient(270deg,rgba(11,46,111,.94) 0%,rgba(22,88,214,.78) 50%,rgba(11,46,111,.45) 100%),url('assets/images/nablus-community-market.jpg') center/cover}.news-hero h1{font-size:68px;margin:12px 0}.news-hero p{font-size:14px;line-height:1.95}.overline{font-size:12px}.hero-stamp{font-size:14px;line-height:1.7}.hero-orbit{opacity:.45}.hero-bolt{font-size:54px}
.news-live-deck{margin-top:-26px}.news-tools{padding-block:28px;gap:22px}.filter-row{gap:7px;min-width:0}.filter-row button{flex:0 0 auto}.search-box{width:280px;height:46px;border-radius:10px;background:#fff}.search-box input{font-size:12px;min-width:0}.featured{padding:38px 0 70px}.section-title p{font-size:12px}.feature-layout{height:500px;gap:20px}.main-feature,.side-feature,.quote-feature{border-radius:16px;box-shadow:var(--soft-shadow)}.feature-side{gap:20px}.feature-shade{padding:30px}.feature-shade h3{font-size:29px;line-height:1.6}.feature-shade p{font-size:13px;line-height:1.9;color:#ffffffd1}.side-feature>div{padding:22px}.side-feature h3{font-size:18px;line-height:1.75}.quote-feature{background:#0f3f9e;padding:25px}.quote-feature h3{font-size:23px;line-height:1.65}.quote-feature p{font-size:12px;opacity:.85}
.feed-section{background:#f1eeea;padding:64px 0 80px}.feed-layout{gap:32px;grid-template-columns:minmax(0,1fr) 300px}.news-feed{gap:20px}.feed-card{border-radius:14px;box-shadow:0 3px 14px #21150804}.feed-card-copy{padding:24px}.feed-card h3{font-size:19px;line-height:1.8}.feed-card p{font-size:13px;line-height:1.95}.feed-card .meta{font-size:11px;gap:10px}.feed-card .image-wrap{height:220px}.feed-title>strong{font-size:12px}.load-more{display:flex}.news-aside{top:104px;gap:20px}.trending-card,.weather-mini,.newsletter-card{border-radius:14px;padding:24px}.aside-head span{font-size:15px}.trending-card h3{font-size:13px;line-height:1.9}.trending-card span{font-size:11px}.trending-card li{padding-block:20px}.trending-card li:before{top:24px}.weather-mini span,.weather-mini small{font-size:11px}.newsletter-card>span{font-size:11px}.newsletter-card h3{font-size:28px}.newsletter-card p{font-size:12px;line-height:1.9;color:#ffffffd0}.newsletter-card form{border-radius:10px;min-height:48px}.newsletter-card input{font-size:12px}.newsletter-card button{border-radius:7px;min-height:40px;min-width:40px}
.empty-state{border:1px solid var(--line);padding:50px 24px}.empty-state p{font-size:13px;line-height:1.9}.empty-state button{min-height:44px;border-radius:10px;font-size:12px}
.article-page{max-width:940px;padding-top:28px;padding-bottom:70px}.article-breadcrumb{font-size:12px;line-height:1.8;flex-wrap:wrap;align-items:center;margin-bottom:24px}.article-breadcrumb a:hover{color:var(--red)}
.article-radio{background:#1a1715;border:1px solid #ffffff15;border-radius:12px;padding:14px 18px;margin-bottom:26px;font-size:12px;gap:16px}.article-radio input{accent-color:var(--orange);width:90px}.article-radio .big-play{width:42px;height:42px}
#articleContent{border-radius:18px;box-shadow:var(--soft-shadow)}.article-page .reader-body{padding:40px 48px}.reader-body h1{font-size:clamp(28px,3.4vw,43px);line-height:1.65;margin:16px 0}.article-page .meta{font-size:12px;gap:18px}.reader-excerpt{font-size:18px;line-height:2;color:#62564e;border-right:0;padding-right:0;margin:24px 0 30px}
.article-page .reader-image{border-radius:12px;aspect-ratio:16/9;width:100%;max-height:460px;margin:26px 0 34px}.article-page .reader-copy{font-size:17px;line-height:2.2;color:#38322e}.reader-copy h2{font-size:27px}.reader-copy h3{font-size:22px}.reader-copy blockquote{border-color:var(--red);border-radius:10px;background:#fff2e8}.reader-actions{padding-top:24px;gap:10px;font-size:13px}.reader-actions button{min-height:44px;min-width:54px;border-radius:10px;padding:10px 16px;font-size:13px}.reader-actions button:hover{border-color:var(--red);background:#fff6f0}.article-back{font-size:13px;padding:12px 0}
.related-stories{margin-top:44px}.related-stories h2{font-size:24px;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s}.related-card:hover{box-shadow:var(--soft-shadow);border-color:#d6b7a5}.related-card span{color:var(--red);font-size:11px}.related-card h3{font-size:15px;line-height:1.9;margin:0}.related-card small{margin-top:auto;color:var(--muted);font-size:11px}
.reading-progress{position:fixed;top:80px;inset-inline:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:right;z-index:41;pointer-events:none}
.modal{border:1px solid var(--line);border-radius:18px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:36px}.modal h2{font-size:30px;line-height:1.6}.modal p{font-size:13px;line-height:1.9}.modal-close,.reader-close{min-width:40px;min-height:40px;background:#f3f0ec}.search-modal form{border-radius:12px;gap:8px}.search-modal input{font-size:14px;min-height:48px}.search-modal form button{border-radius:8px;font-size:13px;min-height:44px}.search-result{padding-block:18px;gap:20px;font-size:13px;line-height:1.9}.search-result a{color:var(--red);white-space:nowrap;font-weight:600}.record-btn{min-width:70px;min-height:70px}.record-time{font-size:32px}.submit-recording{width:100%;justify-content:center;white-space:normal;min-height:52px;height:auto;padding-block:14px}.toast{font-size:12px;line-height:1.8;border-radius:12px;border:1px solid #ffffff20;padding:14px 20px;max-width:min(420px,calc(100% - 32px));box-shadow:0 8px 32px #0002}
.sticky-player{border-radius:14px;border-color:#ffffff18;box-shadow:0 8px 35px #0003}.sticky-player b{font-size:13px}.sticky-player span{font-size:11px}
/* The editorial desk uses the same spacing and control sizes. */
.site-admin,.site-login{background:var(--canvas)}.admin-header{position:sticky;top:0;height:76px;border-bottom:1px solid #ffffff15}.admin-layout{grid-template-columns:242px minmax(0,1fr);min-height:calc(100vh - 76px)}.admin-layout>aside{top:76px;height:calc(100vh - 76px);min-height:0;padding:32px 20px;background:#1b1715}.desk-title h1{font-size:33px;line-height:1.4}.desk-title p{font-size:12px;line-height:2}.admin-layout aside nav{margin-top:28px;gap:8px}.admin-layout aside nav button,.admin-layout aside nav a{font-size:12px;min-height:46px;border-radius:10px;padding:13px}.admin-layout aside small{font-size:10px;line-height:1.9}.desk{max-width:1280px;padding:40px}.desk-head h2{font-size:32px;line-height:1.6}.desk-head>div>span{font-size:12px}.desk-head p{font-size:12px;line-height:1.9}.stats{gap:16px;margin:28px 0}.stats div{padding:24px;border-radius:14px;box-shadow:var(--soft-shadow)}.stats strong{font-size:30px}.stats span{font-size:12px;display:block;margin-top:10px}.post-list,.recording-list{border-radius:14px}.post-row{padding:22px;gap:18px;grid-template-columns:minmax(0,1fr) 110px 80px 170px}.post-row h3{font-size:14px;line-height:1.8}.post-row small{font-size:11px}.badge{font-size:10px;padding:7px 11px}.row-actions button,.row-actions a,.recording-actions button,.recording-actions a,.user-card-actions button{font-size:11px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:9px 11px}.new-btn,.save,.login-submit,.cancel,.secondary-btn,.danger-outline{border-radius:10px;font-size:12px;min-height:44px;padding:12px 18px}.session-user strong{font-size:12px}.session-user small{font-size:10px}.session-user button,.admin-header .back{font-size:11px}.panel-form{border-radius:14px;padding:30px}label{font-size:12px;line-height:1.8;gap:8px}input,select,textarea{font-size:13px;min-height:44px;border-color:#ddd6cf;border-radius:9px}textarea{line-height:2}.poll-option-row{gap:12px}.poll-option-row>span{font-size:11px}.options-head strong{font-size:14px}.options-head small{font-size:11px;line-height:1.8}.recording-filters button{font-size:12px;min-height:42px;border-radius:9px}.recording-meta h3{font-size:14px}.recording-meta small{font-size:11px}.recording-status{font-size:10px}.recording-actions select{font-size:11px}.empty{font-size:14px;line-height:1.9}.user-card{border-radius:14px;padding:24px;gap:16px}.user-card h3{font-size:15px}.user-card bdi,.user-card p{font-size:11px}.permission-grid label{font-size:12px}.permission-grid input,.switch-row input{min-height:0}.user-card .badge{font-size:10px}
.login-card{padding:clamp(36px,6vw,90px)}.login-card h2{font-size:36px;line-height:1.6}.login-card>div>p{font-size:13px;line-height:1.9}.login-card label{font-size:12px}.login-card input{height:52px;font-size:14px}.login-submit{font-size:13px}.login-error{font-size:12px;line-height:1.8}.demo-accounts summary,.return-site{font-size:12px}.demo-accounts button{font-size:11px;padding:14px}.demo-accounts bdi{font-size:10px}.login-brand h1{line-height:1.3;font-size:clamp(48px,6vw,80px)}.login-brand p{font-size:14px}.login-brand>span{font-size:11px}
.editor-topbar h2{font-size:22px}.editor-top-actions>span{font-size:10px}.editor-panel h3{font-size:13px}.editor-panel label{font-size:11px}.editor-panel input,.editor-panel select,.editor-panel textarea{font-size:12px}.rich-editor{font-size:16px;line-height:2.2}.editor-toolbar button{font-size:11px;min-height:36px}.editor-toolbar select{font-size:11px;min-height:36px}.editor-stats{font-size:11px;height:auto;min-height:42px;flex-wrap:wrap;padding:12px 16px}.cover-dropzone strong{font-size:13px}.cover-dropzone span{font-size:11px}.cover-dropzone small{font-size:10px}.field-counter{font-size:10px}.slug-input span{font-size:9px}.seo-details summary{font-size:12px}.editor-footer{gap:12px}
@media(max-width:1100px){.live-deck{grid-template-columns:1.65fr 1fr}.live-deck .currency-card{grid-column:2;grid-row:1/3}.live-deck .weather-card{grid-column:1;min-height:90px}.player-main .waveform{min-width:40px}.news-tools{flex-wrap:wrap}.filter-row{flex:1 1 100%;order:2}.search-box{width:100%}.feed-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.feed-card-copy{padding:20px}.feed-card h3{font-size:17px}.community-grid,.about-grid{gap:40px}.post-row{grid-template-columns:minmax(0,1fr) 80px 70px 150px;gap:12px}.desk{padding:32px 24px}}
@media(max-width:980px){.nav-links{top:80px;inset-inline:20px;left:20px;right:20px;border:1px solid #ffffff20;border-radius:0 0 14px 14px;box-shadow:0 20px 40px #0003;padding:16px;gap:4px}.nav-links a{padding:13px 16px;min-height:46px;border-radius:8px}.nav-links a:hover,.nav-links a.active{background:#ffffff0a}.hero-copy{width:68%}.hero{height:570px;min-height:530px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:350px 210px 160px}.lead-story{grid-column:1;grid-row:1/3}.side-story{grid-column:2;grid-row:1;display:flex;flex-direction:column}.side-story img{height:170px;flex:0 0 auto}.side-story-copy{padding:20px}.side-story h3{font-size:17px}.text-story{grid-column:2;grid-row:2}.text-story h3{font-size:20px}.news-grid>.compact-story{grid-column:span 1;grid-template-columns:95px minmax(0,1fr)}.compact-story h3{font-size:15px}.compact-story>div:last-child{padding:16px}.lead-overlay{padding:24px}.news-grid.is-filtered>.side-story{display:grid;grid-template-columns:1fr 1fr}.news-grid.is-filtered>.side-story img{height:100%}.feature-layout{height:auto}.main-feature{height:460px}.feature-side{grid-template-rows:250px}.feed-layout{grid-template-columns:1fr}.news-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.news-aside .trending-card{grid-row:span 2}.footer-grid{gap:30px}.admin-layout{grid-template-columns:210px minmax(0,1fr)}.post-row{grid-template-columns:minmax(0,1fr) auto}.post-row .row-actions{grid-column:1/-1}.post-row .badge{display:inline-flex}.post-row h3{font-size:13px}.stats div{padding:18px}.admin-layout>aside{padding:24px 14px}}
@media(max-width:900px){.nav-list{top:80px;inset-inline:20px;left:20px;right:20px;border:1px solid #ffffff20;border-radius:0 0 14px 14px;padding:16px;gap:4px;box-shadow:0 20px 40px #0003}.nav-list a{min-height:46px;padding:13px 16px;border-radius:8px}.nav-list a.active:after{display:none}.nav-list a:hover,.nav-list a.active{background:#ffffff0a}}
@media(max-width:680px){.container,.news-container,.nav-shell,.news-nav{width:calc(100% - 32px)}.nav-shell,.news-nav{height:72px}.site-header .logo,.brand{width:98px;height:60px}.logo-image,.brand span{background-size:184px 104px}.nav-actions,.nav-tools{gap:8px}.live-nav-btn,.live-button{min-width:44px;width:44px;padding:0;justify-content:center;font-size:0}.live-nav-btn .live-dot,.live-button i{width:9px;height:9px}.live-nav-btn bdi,.live-button bdi{display:none}.icon-btn,.nav-search{width:42px;min-width:42px;height:42px;min-height:42px}.menu-btn,.hamburger{width:40px;min-width:40px}.nav-links,.nav-list{top:72px;inset-inline:12px;left:12px;right:12px}.breaking-bar,.breaking{height:30px;font-size:10px}.breaking-label,.breaking>b{padding-inline:16px}.hero{height:570px;min-height:570px}.hero-content{align-items:center}.hero-copy{width:100%;padding:0 0 26px}.hero-photo{background-image:linear-gradient(90deg,#27100ca6,#2d100ddd 75%,#27100cf5),url('assets/images/hawa-studio-host.jpg');background-position:60% center}.hero h1{font-size:76px;margin-bottom:18px}.hero .eyebrow{margin-bottom:14px;font-size:11px}.hero-copy>p{font-size:14px;line-height:2.1;max-width:430px}.hero-cta{gap:22px;flex-wrap:wrap;margin-top:24px}.primary-btn{height:50px;font-size:12px;padding-inline:18px}.hero-proof{font-size:10px;gap:10px;margin-top:22px}.hero-proof bdi{font-size:11px}.hero-cta .text-link{font-size:12px}.live-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:-22px}.live-deck .player-card{grid-column:1/-1;grid-row:auto}.live-deck .weather-card,.live-deck .currency-card{grid-column:auto;grid-row:auto;min-height:140px}.utility-card{padding:16px;gap:10px}.weather-card{flex-wrap:wrap;align-content:center}.weather-icon{width:38px;height:38px;font-size:22px;border-radius:11px}.utility-card strong{font-size:24px}.utility-card span,.utility-card small{font-size:10px}.weather-card .mini-arrow{width:32px;height:32px}.rates{flex-wrap:wrap;gap:4px}.rates div{padding:8px 5px;min-width:36px}.rates strong{font-size:12px}.rates bdi{font-size:9px}.utility-head{gap:4px}.player-main{padding:20px 18px;gap:15px}.player-main .waveform{display:none}.frequency{margin-right:auto}.on-air-copy{min-width:0}.on-air-copy h2{font-size:18px}.on-air-copy p{font-size:11px}.big-play{width:52px;height:52px}.player-bottom{padding-inline:16px;font-size:9px}.volume-control input{width:64px}.section-pad{padding:56px 0}.section-head{align-items:flex-start;flex-direction:column;gap:18px}.section-head h2,.section-title h2{font-size:32px}.section-kicker{font-size:11px}.news-filters{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.news-filters button{flex:0 0 auto;font-size:11px;padding-inline:15px}.news-grid,.news-grid.is-filtered{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;gap:16px}.news-grid>.story-card,.news-grid.is-filtered>.story-card{grid-column:1;grid-row:auto;min-height:0}.news-grid>.lead-story,.news-grid.is-filtered>.lead-story{min-height:430px}.lead-overlay{padding:24px}.lead-overlay h3{font-size:26px;line-height:1.6}.lead-overlay p{font-size:12px}.lead-overlay .story-meta{font-size:10px}.news-grid>.side-story,.news-grid.is-filtered>.side-story{display:grid;grid-template-columns:.85fr 1.15fr;min-height:200px}.news-grid>.side-story img{height:100%;min-height:200px}.side-story-copy{padding:20px}.side-story h3{font-size:17px}.news-grid>.text-story{padding:24px;min-height:245px}.text-story h3{font-size:24px}.text-story .story-meta{bottom:22px}.news-grid>.compact-story{grid-template-columns:100px minmax(0,1fr);min-height:155px}.compact-story h3{font-size:16px}.compact-story>div:last-child{padding:18px}.story-meta{font-size:10px}.category,.tag{font-size:9px}.program-track{gap:16px}.program-card{min-width:86%;scroll-snap-align:start}.program-art{height:210px}.program-info{padding:24px}.program-info h3{font-size:25px}.program-info p{font-size:13px}.community-grid,.about-grid{grid-template-columns:1fr;gap:32px}.community h2{font-size:42px}.community-copy>p,.about-copy>p{font-size:14px}.poll-card{padding:24px;border-radius:14px}.poll-card h3{font-size:21px}.poll-top{font-size:10px}.about-visual img{aspect-ratio:4/3}.about-copy h2{font-size:34px}.about-stats{gap:20px}.about-stats strong{font-size:27px}.about-stats span{font-size:11px}.newsletter{padding:36px 0}.newsletter-inner{gap:22px;align-items:stretch}.newsletter h2{font-size:28px}.newsletter p{font-size:12px}.newsletter form{width:100%;min-height:54px}.newsletter input{font-size:12px;min-width:0;padding-inline:12px}.newsletter form button{font-size:11px;min-width:80px;padding-inline:14px}footer{padding-top:40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-grid h3{font-size:12px}.footer-grid p,.footer-grid a{font-size:11px;line-height:2}.footer-bottom{flex-direction:column;align-items:flex-start;font-size:10px;gap:12px}.footer-bottom>div{gap:12px}.footer-grid .app-soon{font-size:10px;padding:10px!important}.news-hero{height:250px}.news-hero h1{font-size:56px}.news-hero p{font-size:12px}.news-hero .overline{font-size:11px}.hero-stamp{display:none}.news-live-deck{margin-top:-18px}.news-tools{padding-block:22px;gap:16px}.filter-row{order:2;width:100%}.filter-row button{font-size:11px}.search-box{height:46px}.featured{padding:24px 0 48px}.feature-layout{display:grid;grid-template-columns:1fr;height:auto;gap:16px}.main-feature{height:420px}.feature-shade{padding:24px}.feature-shade h3{font-size:25px}.feature-shade p{font-size:12px}.feature-side{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.side-feature{min-height:230px;grid-template-columns:.85fr 1.15fr}.side-feature>div{padding:20px}.side-feature h3{font-size:18px}.quote-feature{min-height:235px;padding:24px}.quote-feature h3{font-size:24px}.feed-section{padding:44px 0 54px}.feed-layout{gap:30px;grid-template-columns:minmax(0,1fr)}.news-feed{grid-template-columns:minmax(0,1fr);gap:18px}.feed-card .image-wrap{height:220px}.feed-card-copy{padding:22px}.feed-card h3{font-size:19px}.feed-card p{font-size:13px}.news-aside{grid-template-columns:minmax(0,1fr)}.news-aside .trending-card{grid-row:auto}.feed-title{align-items:center}.feed-title>strong{font-size:11px}.article-page{padding-top:22px}.article-radio{padding:12px;font-size:10px;gap:10px}.article-radio input{width:56px}.article-radio .big-play{width:38px;height:38px}.article-breadcrumb{font-size:11px;gap:10px;margin-bottom:18px}.article-page .reader-body{padding:26px 22px}.reader-body h1{font-size:28px;line-height:1.7;margin:14px 0}.article-page .meta{font-size:10px;gap:12px}.reader-excerpt{font-size:15px;line-height:2;margin:20px 0}.article-page .reader-copy{font-size:15px;line-height:2.2}.article-page .reader-image{margin:22px 0;border-radius:8px}.reader-copy h2{font-size:23px}.reader-copy h3{font-size:20px}.reader-actions{font-size:12px;gap:8px}.reader-actions button{font-size:12px;padding:10px 13px}.related-grid{grid-template-columns:1fr}.related-card{padding:20px}.related-stories{margin-top:30px}.related-stories h2{font-size:22px}.reading-progress{top:72px}.modal{padding:28px 22px;width:calc(100% - 24px);border-radius:14px}.modal h2{font-size:26px;padding-left:22px}.modal p{font-size:12px}.search-modal input{font-size:12px}.search-result{font-size:12px;gap:12px;align-items:flex-start}.toast{right:16px;left:16px;bottom:18px;max-width:none;font-size:11px}.sticky-player{bottom:12px}.admin-header{height:68px;padding-inline:16px}.admin-mark .admin-brand-logo{width:100px;height:58px;background-size:175px 110px}.admin-layout{display:block}.admin-layout>aside{position:static;height:auto;padding:12px;min-height:0}.admin-layout aside nav{margin:0;gap:7px}.admin-layout aside nav button,.admin-layout aside nav a{font-size:11px;min-height:42px;white-space:nowrap;padding:11px 14px}.desk{padding:28px 16px}.desk-head h2{font-size:28px}.desk-head p{font-size:12px}.stats{gap:10px;margin-block:22px}.stats div{padding:16px 12px}.stats strong{font-size:26px}.stats span{font-size:10px}.post-row{padding:20px;grid-template-columns:minmax(0,1fr) auto;gap:12px}.post-row>div:first-child{grid-column:1/-1}.post-row>:nth-child(2),.post-row>:nth-child(3){display:inline-flex}.post-row h3{font-size:14px}.post-row small{font-size:10px}.post-row .row-actions{grid-column:1/-1}.row-actions button,.row-actions a{min-height:40px}.panel-form{padding:22px 18px}.options-head{gap:16px;align-items:flex-start}.options-head strong{font-size:13px}.options-head small{font-size:11px}.poll-option-row{grid-template-columns:minmax(0,1fr) 34px}.users-grid{grid-template-columns:minmax(0,1fr)}.user-card{padding:20px}.head-actions{flex-wrap:wrap;gap:8px}.head-actions button{flex:1}.new-btn,.save,.cancel,.secondary-btn,.danger-outline{font-size:11px;padding:11px 14px}.session-user button{min-height:42px;font-size:10px}.login-brand{min-height:32vh;padding:72px 26px 30px}.login-brand h1{font-size:46px;margin:12px 0}.login-card{min-height:68vh;padding:32px 24px}.login-card h2{font-size:30px}.login-card>div>p{font-size:12px;margin-bottom:26px}.demo-accounts button{flex-wrap:wrap;gap:8px}.editor-topbar{padding:12px}.editor-topbar h2{font-size:17px}.editor-top-actions{gap:6px}.editor-top-actions #previewPost{display:inline-flex;min-height:38px;font-size:10px;padding:8px 10px}.editor-topbar .close{width:34px;height:34px;min-height:34px}.editor-footer{padding:12px}.editor-footer>div{width:100%;gap:8px}.editor-footer>div button{flex:1;font-size:11px;min-height:44px}.editor-panel label{font-size:11px}.rich-editor{font-size:15px}.editor-stats{font-size:10px;gap:12px}.editor-main-column{padding:20px 16px}.title-field input{font-size:24px}.field-counter{font-size:9px}.recording-filters{gap:6px;overflow:auto}.recording-filters button{flex:0 0 auto;font-size:11px}.recording-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sticky-player{visibility:hidden;pointer-events:none}.sticky-player.show{visibility:visible;pointer-events:auto}
.pink-program .program-art{background-image:linear-gradient(110deg,#1658d630,#861a1abf),url('assets/images/hawa-studio-host.jpg');background-position:center;background-size:cover}

/* Blue header and menu on every page */
.site-header,.site-news header,.site-article header,.site-detail header{background:#1658d6f2}
.site-header .live-nav-btn,header .live-button{background:#fff;color:var(--blue)}
@media(max-width:980px){.site-header .nav-links{background:var(--blue)}}
@media(max-width:900px){header .nav-list{background:var(--blue)}}

/* Morning program: Nablus city photograph. */
.nablus-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%}.nablus-art .program-number{color:#fff;background:#181514b3;padding:5px 8px;border-radius:6px}.photo-credit{position:absolute;bottom:0;inset-inline:0;padding:6px 10px;background:#181514c9;color:#fff;font-size:9px;direction:ltr;text-align:left}.reader-copy figure{margin:0 0 24px}.reader-copy figcaption{font-size:11px;color:var(--muted)}

/* Reserved homepage advertising placements. */
.home-ad{margin-top:32px;margin-bottom:32px}.ad-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--muted);font-size:10px}.ad-label>span:first-child{border:1px solid var(--line);border-radius:4px;padding:1px 8px}.ad-placeholder{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:170px;padding:30px 40px;border:1px dashed #1658d647;border-radius:16px;background:linear-gradient(110deg,#edf3ff,#f7f9fd);isolation:isolate}.ad-placeholder:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;border:28px solid #1658d608;border-radius:50%;inset-inline-end:15%;top:-110px}.ad-eyebrow{font-size:11px;font-weight:700;color:var(--blue)}.ad-copy h2{font-size:25px;line-height:1.5;margin:6px 0}.ad-copy p{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.ad-contact{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;background:var(--blue);color:#fff;padding:13px 20px;border-radius:8px;font-size:12px;font-weight:700}.ad-contact:hover{background:#1045af}.ad-contact:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.ad-compact .ad-placeholder{min-height:130px;padding-block:22px}.ad-compact .ad-copy h2{font-size:22px}
@media(max-width:680px){.home-ad{margin-top:24px;margin-bottom:24px}.ad-placeholder,.ad-compact .ad-placeholder{min-height:200px;padding:24px;align-items:flex-start;flex-direction:column;gap:20px}.ad-copy h2,.ad-compact .ad-copy h2{font-size:21px}.ad-copy p{font-size:12px}.ad-contact{padding:11px 16px}.ad-label{font-size:9px}}

/* DearYou breast health app campaign. */
.dearyou-banner{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:32px;position:relative;overflow:hidden;border:1px solid #efd6df;border-radius:20px;background:linear-gradient(110deg,#f5dce6,#fff5f8 65%,#fffafb);padding:32px 48px;color:#452338}.dearyou-brand{display:block;width:135px;margin-bottom:18px}.dearyou-brand img{display:block;width:100%;height:48px;object-fit:contain;object-position:right}.dearyou-kicker{display:block;font-size:11px;font-weight:700;color:#9c3e63;letter-spacing:.2px}.dearyou-copy h2{font-size:35px;line-height:1.55;margin:10px 0 12px;color:#492238}.dearyou-copy h2>span{color:#b53d6c;font-size:29px}.dearyou-copy p{font-size:14px;line-height:2;max-width:510px;margin:0 0 20px;color:#705363}.dearyou-downloads{display:flex;flex-wrap:wrap;gap:10px}.dearyou-downloads a{display:flex;flex-direction:column;gap:2px;min-width:145px;background:#462438;color:#fff;border-radius:10px;padding:10px 18px;text-align:right;transition:background .2s}.dearyou-downloads a:hover{background:#8b3559}.dearyou-downloads a>span{font-size:10px}.dearyou-downloads b{font-family:Arial,sans-serif;font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:18px}.dearyou-downloads b span{font-size:16px;color:#f1b8ce}.dearyou-more{display:inline-flex;gap:12px;margin-top:14px;font-size:11px;color:#9c3e63;font-weight:700}.dearyou-ad a:focus-visible{outline:3px solid #ac3d69;outline-offset:4px}.dearyou-visual{position:relative;min-height:320px;display:flex;justify-content:center;align-items:center;isolation:isolate}.dearyou-visual>img{position:relative;display:block;width:auto;height:340px;max-width:100%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 18px 18px #6d2d4c26)}.dearyou-halo{position:absolute;width:310px;height:310px;border-radius:50%;background:#ecc2d3;box-shadow:0 0 0 25px #ecc2d33d;z-index:-1}.dearyou-free{position:absolute;bottom:24px;inset-inline-end:0;background:#fffefb;padding:16px 20px;border-radius:50%;font-size:12px;line-height:1.8;text-align:center;box-shadow:0 6px 20px #6d2d4c12;transform:rotate(8deg)}.dearyou-free b{font-size:16px;color:#ac3d69}
@media(max-width:900px){.dearyou-banner{padding:28px;gap:20px}.dearyou-copy h2{font-size:29px}.dearyou-copy h2>span{font-size:24px}.dearyou-halo{width:220px;height:220px}.dearyou-visual>img{height:290px}.dearyou-free{inset-inline-end:-8px}}
@media(max-width:600px){.dearyou-banner{grid-template-columns:1fr;padding:24px;gap:12px}.dearyou-copy h2{font-size:28px}.dearyou-copy h2>span{font-size:23px}.dearyou-copy p{font-size:13px}.dearyou-brand{margin-bottom:14px;width:120px}.dearyou-downloads a{min-width:0;flex:1;padding:10px 12px}.dearyou-downloads b{font-size:15px;gap:8px}.dearyou-visual{min-height:240px}.dearyou-visual>img{height:240px}.dearyou-halo{width:210px;height:210px}.dearyou-free{inset-inline-end:8%;bottom:14px;padding:12px 16px}}

.bank-ad-link{display:block;overflow:hidden;border-radius:10px;background:#b50078}.bank-ad-link img{display:block;width:100%;height:auto}.bank-ad-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

/* User-provided app screen within the existing phone frame. */
.dearyou-phone{position:relative;height:340px;aspect-ratio:450/908;max-width:100%;transform:rotate(-8deg);filter:drop-shadow(0 18px 18px #6d2d4c26)}.dearyou-phone-frame{display:block;width:100%;height:100%;object-fit:contain}.dearyou-phone-screen{position:absolute;top:2.5%;left:6.3%;width:87.4%;height:95%;object-fit:cover;border-radius:12% / 6%;object-position:center}.dearyou-phone-notch{position:absolute;top:3.8%;left:36%;width:28%;height:4.3%;background:#000;border-radius:999px}.dearyou-phone-notch:after{content:"";position:absolute;right:12%;top:35%;width:8%;aspect-ratio:1;border-radius:50%;background:#122340}
@media(max-width:900px){.dearyou-phone{height:290px}}@media(max-width:600px){.dearyou-phone{height:240px}}

/* Compact sponsored card among homepage news. */
.news-grid>.compact-story{grid-column:span 4;grid-template-columns:100px minmax(0,1fr)}.news-grid>.extron-news-ad{grid-column:span 4;min-width:0;display:grid;grid-template-columns:42% minmax(0,1fr);direction:ltr;background:#111610;border:1px solid #344322;border-radius:16px;overflow:hidden;min-height:160px}.extron-news-ad>img{width:100%;height:100%;max-height:210px;object-fit:cover;object-position:center}.extron-news-copy{direction:rtl;padding:14px 16px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.extron-ad-label{font-size:9px;line-height:1.5;border:1px solid #bfef2566;color:#d5ec9e;border-radius:4px;padding:1px 7px}.extron-mini-brand{font:900 16px Arial,sans-serif;color:#fff;letter-spacing:-.7px}.extron-mini-brand span{color:#bfef25}.extron-news-copy h3{font-size:21px;line-height:1.4;margin:0;color:#fff}.extron-news-copy em{font-style:normal;color:#bfef25}.extron-news-copy p{margin:0;color:#c5ccb9;font-size:10px}.news-grid.is-filtered>.extron-news-ad{grid-column:auto;grid-row:auto}
@media(min-width:981px){.news-grid>.compact-story h3{font-size:14px}.news-grid>.compact-story>div:last-child{padding:14px}}
@media(min-width:681px) and (max-width:980px){.news-grid>.extron-news-ad{grid-column:span 1}.news-grid>.compact-story{grid-column:span 1;grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:680px){.news-grid>.compact-story,.news-grid>.extron-news-ad{grid-column:1}.news-grid>.extron-news-ad{min-height:180px;grid-template-columns:38% minmax(0,1fr)}.extron-news-ad>img{height:190px;max-height:190px}.extron-news-copy{padding:16px 20px}.extron-news-copy h3{font-size:24px}.news-grid>.compact-story{grid-template-columns:110px minmax(0,1fr)}}

/* Keep the compact Extron copy readable within the news row. */
.news-grid>.extron-news-ad{grid-template-columns:36% minmax(0,1fr);min-height:160px}.extron-news-ad>img{height:100%;min-height:160px;max-height:none;object-position:center 40%}.extron-news-copy{padding:12px 16px;gap:5px;justify-content:center;align-self:stretch}.extron-ad-label{font-size:10px;line-height:1.4;padding:1px 6px}.extron-mini-brand{font-size:17px;line-height:1.1}.extron-news-copy h3{font-size:23px;line-height:1.3;margin:0;letter-spacing:0}.extron-news-copy p{font-size:11px;line-height:1.5;color:#e0e7d6}
@media(min-width:681px) and (max-width:980px){.extron-news-copy{padding:10px 12px}.extron-news-copy h3{font-size:21px}}
@media(max-width:680px){.news-grid>.extron-news-ad{grid-template-columns:36% minmax(0,1fr);min-height:180px}.extron-news-ad>img{height:180px;min-height:180px;max-height:180px}.extron-news-copy{padding:14px 18px;gap:7px}.extron-news-copy h3{font-size:26px}.extron-news-copy p{font-size:12px}}

/* Listener inbox: sender details + quick written message */
.quick-message-btn{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:13px 22px;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:600 14px inherit;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}
.quick-message-btn:hover{background:var(--ink);color:#fff}
.quick-message-btn span{font-size:16px}
.community-copy .quick-message-btn{display:flex;width:max-content}
.sender-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px;text-align:start}
.sender-fields label,.message-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink);text-align:start}
.sender-fields input,.message-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;font-weight:400;background:#fff;color:var(--ink)}
.sender-fields input:focus,.message-field textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1658d61f}
.sender-fields input[aria-invalid="true"]{border-color:#d33}
.message-field{margin-bottom:18px}
.message-field textarea{resize:vertical;line-height:1.8;min-height:130px}
.message-field small{justify-self:end;font-weight:400;font-size:11px;color:var(--muted)}
.message-modal form{margin-top:22px}
@media(max-width:560px){.sender-fields{grid-template-columns:1fr}}
.rerecord-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.rerecord-btn:hover{border-color:var(--blue);color:var(--blue)}
.rerecord-btn span{font-size:16px;line-height:1}
.recorder .rerecord-btn{display:flex;width:max-content;margin:14px auto 0}
/* Recorder states: preparing the mic, then a live level ring while recording */
.record-btn{transition:box-shadow .08s linear}
.record-btn.preparing{opacity:.7;cursor:wait}
.record-btn.preparing span{animation:pulse 1s infinite;background:#9aa7bd}
.record-btn.recording{box-shadow:0 0 0 2px #ddd,0 0 0 calc(4px + var(--level,0) * 22px) #1658d633}

/* Small corner invitation for advertisers. */
.advertise-popup[hidden]{display:none}.advertise-popup{position:fixed;left:22px;bottom:100px;z-index:90;width:280px;max-width:calc(100vw - 32px);padding:22px;background:#fffdf6;color:#24201b;border:1px solid #eadfca;border-radius:24px 24px 8px 24px;box-shadow:0 12px 42px #20190826;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;animation:advertise-arrive .35s ease-out}.advertise-popup-close{position:absolute;left:8px;top:7px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#736653;font-size:21px;cursor:pointer}.advertise-popup-close:hover{background:#eee7d7}.advertise-popup-icon{width:42px;height:48px;display:grid;place-items:center;background:#d9f675;color:#29400a;border-radius:15px;transform:rotate(8deg);font-size:32px}.advertise-popup-copy>span{font-size:10px;color:#75644b}.advertise-popup h2{font-size:25px;line-height:1.4;margin:2px 0 6px}.advertise-popup p{font-size:11px;line-height:1.8;margin:0;color:#776956}.advertise-popup-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:#fff;border-radius:12px;padding:11px 16px;font-size:12px;font-weight:700}.advertise-popup-cta:hover{background:#1045af}.advertise-popup a:focus-visible,.advertise-popup button:focus-visible{outline:3px solid #294ed1;outline-offset:3px}@keyframes advertise-arrive{from{opacity:0;transform:translateY(14px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:680px){.advertise-popup{left:16px;bottom:calc(94px + env(safe-area-inset-bottom));width:250px;padding:18px;gap:10px}.advertise-popup h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.advertise-popup{animation:none}}