/* HABERTEMA V2 - kullanıcı ekranlarını temel alan ölçek, tipografi ve detay sayfaları.
   Tasarım sistemindeki tüm CSS değişkenleri burada derlenir. */
:root{--page:1260px;--red:#d10521;--slate:#292a37;--radius:4px;--portal-green:#1f7616;--portal-dark:#081425}
html{font-size:16px}
body{font-family:Arial,'Helvetica Neue',sans-serif;background:#faf8f9;font-size:15px;line-height:1.48;color:#17191e;letter-spacing:0;-webkit-font-smoothing:antialiased}
.container{width:min(var(--page),calc(100% - 36px))}
.utility-bar{min-height:35px;background:#262835}
.utility-inner{min-height:35px}
.utility-bar a,.utility-bar button,.utility-date{font-size:11px}
.utility-group{gap:13px}
.site-header{box-shadow:0 2px 13px rgba(0,0,0,.04)}
.header-inner{height:66px;gap:24px}
.brand{min-width:190px;gap:3px}
.brand-symbol{width:33px;height:34px;font-size:29px;letter-spacing:-4px;line-height:1}
.brand-word{font-size:19px;line-height:33px;letter-spacing:-.65px}
.primary-nav{justify-content:center}
.primary-nav a{font-size:12px;padding:0 12px;font-weight:800}
.header-dropdown{top:101px}
.header-dropdown .container{grid-template-columns:repeat(5,1fr)}
.icon-button{min-width:35px;min-height:35px}
.small-muted,.meta,.read-time{font-size:12px}
.content-heading{font-size:17px;margin:23px 0 13px}.content-heading a{font-size:12px}
.eyebrow{font-size:11px}.badge-cat{font-size:11px}
.breadcrumbs{font-size:12px}
.social-bubble{font-size:12px;height:37px}.social-bubble .bubble-photo{height:30px;width:30px}.social-bubbles{height:52px}
.breaking-bar{height:49px}.breaking-tag{font-size:13px}.breaking-message{font-size:13px}.breaking-actions>*{font-size:12px}
.top-story .thumb{height:158px}.top-story h3{font-size:15px;min-height:77px;padding:19px 14px 15px}.top-story .story-time{font-size:11px}
.market-title{font-size:13px}.market-item b{font-size:11px}.market-item strong{font-size:13px}.market-item small{font-size:10px}.market-row{min-height:61px}
.market-head-rt{font-size:13px}
.lead-grid{grid-template-columns:minmax(0,1.9fr) minmax(295px,.96fr);gap:15px}
.lead-image{min-height:490px}
.lead-image h2{font-size:30px;line-height:1.18}
.lead-image .overlay-text{padding:24px}
.overlay-card h2{font-size:25px}.overlay-card h3{font-size:17px}
.ranking-list{background:white}.rank-story h3{font-size:14px}.rank-number{font-size:20px}.rank-cover{height:81px}
.mini-story h3{font-size:14px;line-height:1.3}.mini-story .thumb{height:80px}
.mag-item h3{font-size:17px}.writer-card h3,.writer-card p{font-size:13px}
.ad-rail{width:126px;height:456px}.ad-left{left:-151px}.ad-right{right:-151px}
.article-layout,.archive-layout{grid-template-columns:minmax(0,1.96fr) minmax(315px,.98fr);gap:20px}
.article-paper{padding:28px 31px 35px}.article-title{font-size:35px;line-height:1.23;letter-spacing:-.45px}.article-excerpt{font-size:18px}.article-category{font-size:13px}.article-byline{padding:16px 0}.article-body{font-size:17px;line-height:1.85}.article-body h2{font-size:25px}.article-body h3{font-size:21px}.article-comments h2{font-size:24px}.article-tags a{font-size:12px}
.article-hero{aspect-ratio:1.62}.article-comments{padding:27px 31px}
.footer-main{padding:34px 0 45px;background:#fff}
.footer-contact{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:5px 0 27px;border-bottom:1px solid #ededed}
.footer-contact .brand{min-width:215px}.footer-contact .brand-word{font-size:19px}.footer-contact>div:not(.brand){display:flex;flex-direction:column}
.footer-contact>div>span{font-size:10px;color:#696969}.footer-contact>div>strong{font-size:17px;white-space:nowrap}
.support-symbol{font-size:35px;color:#e52834}.whatsapp-symbol{font-size:29px;color:#24a532}
.footer-contact form{display:flex;align-items:center;gap:4px;background:#dfdfdf;border-radius:5px;padding:4px;max-width:320px;min-width:170px}
.footer-contact form input{width:100%;min-width:0;border:0;background:transparent;padding:9px;font-size:11px;outline:none}
.footer-contact form button{font-size:11px;color:#fff;background:#bbb;border:none;padding:8px 10px;white-space:nowrap;border-radius:3px}
.newsletter-status{font-size:10px;max-width:125px}
.footer-columns-refs{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin-top:30px}
.footer-column h4{font-size:14px;font-weight:800;margin:0 0 11px}
.footer-column a{font-size:12px;line-height:1.5;color:#464646;padding:8px 0;display:block;border-bottom:1px solid #f2f2f2}
.footer-bottom{background:#262835;color:#f7f7f7}
.footer-bottom .container{min-height:46px;align-items:center}
.footer-bottom a{font-size:11px}.footer-bottom .utility-social{display:inline-flex;vertical-align:middle;margin-left:10px}
.app-banner{background:#ebebeb;padding:0;margin-top:55px;overflow:hidden}
.app-inner{height:148px;display:flex;justify-content:space-between;align-items:center;gap:36px}
.app-devices{position:relative;height:148px;flex:0 0 172px;align-self:end}
.app-phone{position:absolute;bottom:-16px;background:#11131a;border:5px solid #20212a;border-radius:16px 16px 5px 5px;width:93px;height:162px;box-shadow:2px 0 8px #0004;overflow:hidden}
.app-phone.rear{left:11px;transform:rotate(-7deg);bottom:-9px;padding:32px 6px 6px}.app-phone.front{left:65px;transform:rotate(5deg);bottom:-24px;width:98px;height:169px}
.app-phone .phone-h{position:absolute;top:8px;left:10px;color:white;font-size:13px;font-weight:900}
.app-phone i{display:block;height:17px;margin-bottom:9px;background:linear-gradient(90deg,#262332,#534587);border-radius:3px}
.app-phone img{width:100%;height:100%;object-fit:cover;opacity:.88}
.app-quote{font-size:20px;font-weight:600;text-align:center;line-height:1.23;max-width:580px;letter-spacing:-.2px}
.app-quote b{font-size:26px;color:#171717}.store-buttons{display:flex;gap:12px;flex-shrink:0}
.store-button{background:#060606;border-radius:4px;padding:8px 12px;color:white!important;display:flex;gap:7px;align-items:center;font-size:24px;line-height:1;min-width:122px;justify-content:center}
.store-button span{font-size:9px;line-height:1.2}.store-button span b{display:block;font-size:15px}.play-store-symbol{font-size:26px;background:linear-gradient(120deg,#20bfed,#40bf56,#f7cc2c,#f3334a);color:transparent;background-clip:text}
/* New common detail page layouts */
.portal-page{padding:21px 0 0;min-height:60vh}
.portal-shell{position:relative}
.portal-crumb{font-size:12px;color:#7f8585;font-weight:700;margin-bottom:3px}
.portal-page-title{font-size:20px;line-height:1.25;margin:0 0 22px;font-weight:800;color:#191b1f}
.portal-page-title em{font-style:normal;color:#289d25;margin-right:2px}
.portal-ad{position:absolute;top:0;width:126px;height:466px;border-radius:5px;overflow:hidden}
.portal-ad img{height:100%;width:100%;object-fit:fill}.portal-ad--left{left:-151px}.portal-ad--right{right:-151px}
.portal-two{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(310px,.96fr);gap:17px}
.sample-note{display:inline-block;padding:5px 8px;font-size:11px;font-weight:700;color:#526274;background:#f0f2f4;border-radius:4px}
/* POINTS TABLE */
.scores-columns{display:grid;grid-template-columns:minmax(0,1.92fr) minmax(320px,.97fr);gap:17px;align-items:start}
.standings-card,.fixtures-card,.standings-legend{background:white;min-width:0;overflow:hidden}
.standings-card{border-bottom:3px solid #257d18;border-radius:5px 5px 2px 2px}
.standings-header{display:flex;min-height:62px;background:#236f1d;align-items:stretch;padding:8px 10px 0 16px;gap:12px}
.standings-header>b{font-size:20px;white-space:nowrap;color:white;align-self:center;margin-bottom:9px}
.league-selector{display:flex;gap:6px;align-items:flex-end;flex:1;min-width:0;overflow:auto;scrollbar-width:thin}
.league-logo{border:0;border-radius:5px 5px 0 0;background:#fff;color:#555;min-width:88px;min-height:50px;flex:1;white-space:nowrap;font-size:12px;font-weight:900;padding:6px 2px;line-height:1.1}
.league-logo small{display:block;color:#969696;font-weight:800;font-size:14px}
.league-logo.active{background:#fcfcfc;color:#c91b2e;border-bottom:3px solid #d3042b}
.table-scroll{overflow:auto;scrollbar-width:thin}
.standings-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.standings-table thead th{background:#f8f8f8;color:#9ca1a4;font-size:10px;font-weight:700;text-align:center;padding:12px 5px}
.standings-table th:nth-child(2){text-align:left}
.standings-table td{height:41px;padding:5px 5px;text-align:center;border:0}
.standings-table tbody tr:nth-child(even){background:#f2f2f2}
.standings-table tbody tr:hover{background:#fffbea}
.standings-table tr.champ-zone{border-left:3px solid #39bd63}
.standings-table tr.drop-zone{border-left:3px solid #df6b3f}
.standings-table .rank-cell{font-weight:900;color:#8a8a8a;font-size:15px;min-width:31px;position:relative}
.rank-cell sup{position:absolute;font-size:11px;top:7px;right:-1px;color:#3cbf6b}
.club-cell{text-align:left!important;min-width:169px}.club-cell b{font-size:12px}
.team-shield{display:inline-grid;place-items:center;min-width:24px;width:24px;height:27px;border:2px solid var(--teamcolor);background:#fff;color:#242424;font-size:8px;font-weight:900;border-radius:45% 45% 35% 35%;vertical-align:middle;margin-right:8px;letter-spacing:-.8px;box-shadow:inset 0 2px 0 #eee}
.team-shield.gs{background:linear-gradient(90deg,#f0b91c 50%,#c81427 50%);color:#fff}.team-shield.bjk{background:repeating-linear-gradient(90deg,#111 0 5px,#fff 5px 10px)}.team-shield.fb{background:linear-gradient(90deg,#f6df29 50%,#112d6c 50%);color:white}
.form-cell{min-width:124px}.form-cell span{font-size:10px;font-weight:900;color:#fff;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:2px;margin:0 1px}.form-G{background:#51c16c}.form-B{background:#c0c0c0}.form-M{background:#e63437}
.fixtures-card{border-radius:5px}.fixtures-header{height:62px;background:#12611f;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:18px;font-weight:900}.fixtures-header span{font-size:13px;line-height:1;text-align:center}.fixtures-header span b{font-size:12px;color:#e1e1e1}
.fixture-weeks{display:flex;align-items:center;gap:3px;justify-content:space-between;padding:11px 8px;white-space:nowrap}.fixture-weeks button{border:none;background:transparent;padding:3px;font-size:11px;color:#181818;font-weight:700}.fixture-weeks button.active{color:#e54638}.fixture-weeks .week-arrow{font-size:25px}
.fixture-match{padding:11px 15px 9px;min-height:84px;border-bottom:1px solid #ededed}
.fixture-match:nth-child(2n){background:#f6f6f6}
.match-teams{display:grid;grid-template-columns:1fr 33px 1fr;gap:7px;align-items:center}
.match-teams>span{display:flex;align-items:center;gap:3px;font-size:12px;line-height:1.15}.match-teams>span:last-child{text-align:right;flex-direction:row-reverse}
.match-teams>span .team-shield{flex:0 0 24px;margin:0}.match-teams>span b{font-size:12px;font-weight:800}
.match-teams>i{font-style:normal;font-weight:800;color:#666;background:#e0e0e0;text-align:center;border-radius:2px;padding:6px 2px;font-size:10px}
.fixture-match p{margin:6px 0 0;text-align:center;font-size:10px;font-weight:700;color:#343434}
.standings-legend{padding:24px;margin-top:15px;border-radius:4px;min-height:245px}
.standings-legend h3{font-size:17px;margin:0 0 18px}.standings-legend>p{font-size:13px;font-weight:700;margin:9px 0}
.legend-stroke{display:inline-block;width:3px;height:18px;margin-right:13px;vertical-align:middle}.legend-stroke.green{background:#37be50}.legend-stroke.blue{background:#277beb}.legend-stroke.orange{background:#ed6c39}
.legend-explain{border-top:1px solid #eee;display:grid;grid-template-columns:185px 1fr;gap:20px;margin-top:22px;padding-top:12px}.legend-explain p{font-size:11px;line-height:1.55;margin:3px 0}
.legend-explain>div p{font-size:12px;font-weight:800;white-space:nowrap}.legend-explain>div p span{display:inline-block;width:13px;height:13px;margin-right:10px;vertical-align:middle}
/* FX */
.currency-main,.portal-aside{min-width:0}.rate-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.rate-card{padding:12px 9px;min-width:0;box-shadow:0 1px 4px #0001;background:white;border-radius:5px;position:relative}.rate-card>b{color:#2088df;display:block;font-size:12px}.rate-card>span{font-size:24px;float:left}.rate-card>small{float:right;color:#51b65c;font-size:10px}.rate-card p{clear:both;color:#a6a6a6;font-size:9px;margin:5px 0}.rate-card strong{font-size:12px;letter-spacing:-.3px;white-space:nowrap}
.exchange-box{padding:16px;background:white;margin-bottom:12px;border-radius:5px}.exchange-box h2{font-size:18px;margin:0 0 15px}.exchange-box h2.blue-title{background:#100d66;color:white;padding:13px 16px;margin:-16px -16px 8px;font-size:16px}
.exchange-tabs{border-bottom:1px solid #e9e9e9;display:flex;gap:26px}.exchange-tabs button{font-size:12px;color:#999;background:none;border:0;padding:8px 16px}.exchange-tabs button.active{color:#2871d3;border-bottom:2px solid #2871d3}
.currency-controls{display:flex;gap:10px;align-items:end;padding-top:15px}.currency-controls label{display:block;color:#929aab;font-size:11px;min-width:0;flex:1}.currency-controls label input{display:block;width:100%;border:1px solid #eceef2;border-radius:5px;padding:12px;color:#131313}.currency-controls select{max-width:155px;min-width:0;padding:12px 5px;border:1px solid #ededf1;border-radius:4px;color:#333;font-size:11px}.currency-controls>span{color:#287ed8;font-size:23px;align-self:center}
.fx-table{border-collapse:collapse;width:100%;font-size:12px}.fx-table th{text-align:left;background:#f8f8f8;color:#9a9a9a;padding:9px 11px}.fx-table td{padding:9px 11px}.fx-table tbody tr:nth-child(2n){background:#f7f7f7}.fx-table td:first-child{font-weight:700}.fx-table td:first-child span{margin-right:10px}.fx-table .up{color:#27a54f;font-size:20px}.fx-table .down{color:#e33235;font-size:20px}.fx-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.currency-plot{height:164px;display:flex;justify-content:space-around;align-items:end}.currency-plot>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;font-size:11px}.currency-plot span{width:10px;background:#1758a4;border-radius:7px}.fx-explainer{background:white;padding:25px;line-height:1.8;font-size:14px}.fx-explainer h2{font-size:21px}
.aside-feature-title{font-weight:900;font-size:13px;color:#218ae4;margin-bottom:12px}.aside-feature{display:block;background:white;margin-bottom:15px;border-radius:5px;overflow:hidden}.aside-feature img{height:165px;width:100%;object-fit:cover}.aside-feature strong{display:block;padding:12px 15px;font-size:16px}.aside-info-box{background:#e71929;color:#fff;border-radius:5px;padding:17px;margin-top:15px}.aside-info-box a{display:block;margin-top:13px;background:#fff;color:#c71b2b;padding:12px;border-radius:4px}
/* weather */
.weather-page{background:#29456e;color:white;padding-bottom:0}.weather-page .portal-page-title{color:#fff}.weather-page .portal-crumb{color:#d3dfef}.weather-page .portal-shell{padding-bottom:45px}
.weather-controls{display:flex;align-items:end;gap:10px;margin:10px 0 20px}.weather-controls label{font-size:11px;color:#e0e8ef}.weather-controls select{display:block;background:#4e688b;color:white;border:1px solid #93a7be;padding:11px 15px;border-radius:5px;min-width:170px}.weather-controls button{background:#536c8e;border:1px solid #9badc0;color:#fff;padding:9px 15px;font-size:20px;border-radius:5px}
.weather-panels{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.weather-panels>section{height:338px;border-radius:6px;overflow:hidden;background:#536c8e}.weather-current{padding:19px 23px;background:linear-gradient(160deg,rgba(23,47,66,.44),#0d253aee), url('img/covid.webp') center/cover!important}.weather-current small{font-size:13px}.weather-symbol{font-size:54px;margin:10px 0 4px}.weather-current>strong{display:block;font-size:55px;font-weight:400;line-height:1.1}.weather-current p{text-align:center;font-weight:700;font-size:13px}.weather-current hr{opacity:.25}.weather-current>span{display:block;font-size:12px;margin:12px 0}
.weather-stats{padding:24px}.sun-arc{height:68px;border:1px solid #d1dce5;border-radius:50% 50% 0 0;border-bottom:0;position:relative;margin:1px 0 0}.sun-dot{position:absolute;right:-5px;bottom:-7px;color:#ffd13c;font-size:33px}.sun-times{display:flex;justify-content:space-between;font-size:11px}.weather-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:32px}.weather-stat-grid small{display:block;color:#cad6e8;font-size:14px}.weather-stat-grid strong{font-size:18px;font-weight:400}
.weather-map-card{background:transparent!important}.weather-map-graphic{height:245px;background:linear-gradient(140deg,#1b8556b3,#165f4cbb),repeating-linear-gradient(43deg,transparent 0px,transparent 27px,#95d9a126 28px,#95d9a126 31px);position:relative;padding:12px}.map-buttons{display:flex;gap:6px}.map-buttons button{background:#073f35;border:0;border-radius:4px;color:white;padding:8px 10px}.map-buttons button.active{background:#ffd22d;color:#111}.weather-map-graphic>span{position:absolute;top:90px;left:50%;font-size:14px;text-align:center}.weather-map-graphic>p{position:absolute;bottom:0;left:0;right:0;background:#082b28dd;padding:13px 11px;margin:0;font-size:13px}.weather-aqi{margin-top:12px;background:#536c8e;padding:13px;font-size:13px}.weather-aqi b{display:block;font-size:22px;margin-top:5px}
.weather-table-title{display:flex;justify-content:space-between;font-size:16px;padding-top:24px}.weather-table-title span{font-size:13px}.forecast-table{background:#506b91;border-radius:5px;overflow:hidden;padding:0 18px 16px}.forecast-head,.forecast-row{display:grid;grid-template-columns:2.1fr repeat(5,1fr);gap:5px;align-items:center}.forecast-head{background:#6682a7;color:#d6e4f1;padding:12px 16px;font-size:12px}.forecast-row{min-height:69px;border-bottom:1px solid #869dbc77;padding:8px 16px;font-size:14px}.forecast-row:last-child{background:#304a67;border:0;border-radius:4px}.forecast-day{display:flex;align-items:center;gap:10px}.forecast-day>span{font-size:32px}.forecast-day small{color:#c1d2e8}.green-txt{color:#39cf6b}.yellow-txt{color:#f0e737}
/* prayer times */
.prayer-page{background:linear-gradient(to bottom,#faf8f9 0 210px,#0d5d50 210px);padding-bottom:0}.prayer-dashboard{display:grid;grid-template-columns:1.35fr 1fr;background:#f3eee6;min-height:236px;overflow:hidden;border-radius:4px}.prayer-copy{padding:20px 23px}.prayer-copy h2{color:#0a6755;font-size:25px;margin:0 0 12px}.prayer-copy p{font-size:12px;color:#333;margin:0}.prayer-clock{background:#159e88;border-radius:30px;display:inline-block;font-size:24px;color:#fff;padding:8px 15px;margin-bottom:16px}.prayer-times{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.prayer-times span{display:block;font-size:11px;white-space:nowrap}.prayer-times strong{font-size:24px;font-weight:400}
.prayer-mandala{background:linear-gradient(90deg,#eee7d8 0 32%,#126b56 32%);display:grid;place-items:center;position:relative;overflow:hidden}.prayer-mandala>span{font-size:192px;color:#bc9454;text-shadow:0 3px 4px #0002;z-index:2}.prayer-pattern{position:absolute;right:0;color:#35a6865e;font-size:300px}
.prayer-columns{display:grid;grid-template-columns:1.75fr .86fr;gap:16px;padding:16px 0 42px}.prayer-table-card,.prayer-side-block{background:white;border-radius:4px;overflow:hidden}.prayer-heading{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.prayer-heading h2,.prayer-side-block h2{font-size:17px;color:#0d735d;margin:0}.prayer-heading label{font-size:11px}.prayer-heading select{display:block;border:1px solid #dfe4e2;padding:7px 12px;border-radius:4px;min-width:140px}.prayer-table{border-collapse:collapse;width:100%;font-size:12px}.prayer-table th{padding:8px;color:#aaa;font-size:11px;font-weight:400}.prayer-table td{text-align:center;padding:11px 7px}.prayer-table tr:nth-child(even){background:#f5f5f5}.prayer-flower{color:#28967d;font-size:18px}.prayer-side-block{padding:20px;margin-bottom:15px}.prayer-side-block p{line-height:1.8;font-size:14px;margin-bottom:33px}.prayer-side-block>strong{color:#0b6e5c}.other-cities{display:grid;grid-template-columns:1fr 1fr;gap:7px}.other-cities button{background:none;border:0;text-align:left;font-size:12px;white-space:nowrap}.other-cities button:first-letter{color:#187b68}
/* pharmacies */
.pharmacy-layout{display:grid;grid-template-columns:1.7fr .78fr;gap:18px}.pharmacy-list,.pharmacy-map{background:white;padding:24px;border-radius:5px}.pharmacy-filters{display:flex;gap:14px}.pharmacy-filters label{display:block;color:#9b9b9b;font-size:11px}.pharmacy-filters select{display:block;margin-top:6px;border:1px solid #e0e0e0;padding:12px;min-width:175px;border-radius:4px;color:#333;font-weight:700;font-size:13px}.pharmacy-days{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:25px 0 18px}.pharmacy-days button{background:#f3f3f3;border:none;border-radius:4px;padding:15px 17px;font-size:14px;color:#252631;flex:1}.pharmacy-days button:first-child,.pharmacy-days button:last-child{background:#fff;flex:0 0 28px}.pharmacy-days button.active{background:#121a31;color:white}.pharmacy-days button b{display:block;color:#ca2530;font-size:22px;line-height:1.2}.pharmacy-days button span{display:block;font-size:11px}.pharmacy-result{display:flex;gap:15px;padding:15px 0;border:0;border-bottom:1px solid #e9e9e9;background:white;width:100%;text-align:left;align-items:center}.pharmacy-result:hover,.pharmacy-result.active{background:#f7fbfb}.pharmacy-result[hidden]{display:none}.pharmacy-letter{height:47px;width:47px;border:3px solid #e9002c;color:#e9002c;border-radius:100%;display:grid;place-items:center;font-size:30px;font-weight:900;flex:none}.pharmacy-detail{flex:1;min-width:0}.pharmacy-detail b{display:block;font-size:17px}.pharmacy-detail small{display:block;font-size:12px;margin-top:5px}.pharmacy-location{background:#f5f5f5;border-radius:3px;font-size:12px;padding:4px 8px}.pharmacy-location small{display:block;font-size:11px;margin-top:5px;background:white}.pharmacy-map{padding:9px}.map-map{height:680px;background:repeating-linear-gradient(20deg,#f4f3f3 0 30px,#edecec 31px 32px);position:relative;overflow:hidden}.map-map:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(75deg,transparent 0 44px,#dedede 45px 47px)}.map-water{position:absolute;left:28%;top:12%;width:63%;height:74%;background:#86ccd7;clip-path:polygon(40% 1%,56% 9%,50% 25%,79% 34%,93% 48%,74% 53%,82% 71%,43% 94%,15% 70%,30% 52%,3% 33%,22% 18%)}.map-map>p{position:absolute;top:8px;right:12px;color:#aaa;font-size:18px}.pharmacy-pin{position:absolute;background:#d50829;border:2px solid white;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);height:39px;width:39px;color:#fff;font-weight:900;z-index:2;box-shadow:0 2px 3px #0003}.pharmacy-pin::first-letter{transform:rotate(45deg)}.pharmacy-pin.active{background:#28374a}.pharmacy-tooltip{position:absolute;z-index:4;top:12%;left:7%;max-width:255px;padding:17px;box-shadow:0 8px 25px #0003;background:#fff}.pharmacy-tooltip strong{display:block;font-size:17px}.pharmacy-tooltip p,.pharmacy-tooltip b{font-size:12px}.map-foot{font-size:11px;color:#777;padding:7px}
/* astrology */
.zodiac-menu{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin:0 0 14px}.zodiac-menu button{border:0;border-radius:5px;background:#ececec;padding:10px 2px;min-width:0;color:#13161b}.zodiac-menu button b{display:block;color:#0871e7;background:white;border-radius:100%;width:41px;height:41px;line-height:41px;margin:0 auto 6px;font-size:25px}.zodiac-menu button span{font-size:11px;font-weight:800}.zodiac-menu button.active{background:#106cf0;color:white}.zodiac-menu button.active b{color:#106cf0}
.zodiac-hero{background:#06172e;color:white;display:grid;grid-template-columns:.9fr 1.1fr;padding:35px 45px;min-height:395px;border-radius:4px;overflow:hidden}.zodiac-hero h2{font-size:30px;margin:0 0 2px}.zodiac-hero h2 span:first-child{font-size:49px}.zodiac-hero small{color:#ccc}.zodiac-hero hr{border:0;border-bottom:1px solid #b08332;width:70%;margin-left:0}.zodiac-hero p{font-size:12px;line-height:1.18;margin:9px 0}.zodiac-wheel{display:grid;place-items:center;position:relative}.zodiac-wheel-inner{width:335px;height:335px;border:3px solid #32749b;border-radius:50%;position:relative;background:radial-gradient(circle at center,#112c47 0 15%,transparent 15% 35%,#113353 35% 37%,transparent 37% 59%,#19415c 59% 61%,transparent 61%);box-shadow:0 0 0 11px #0e2a46,0 0 0 12px #5383a2,0 0 0 20px #08182d,0 0 0 21px #5383a2}.zodiac-wheel-inner>span{position:absolute;top:9%;left:43%;font-size:24px;transform:rotate(calc(var(--i)*30deg)) translateY(8px);transform-origin:50% 151px}.zodiac-wheel-inner>b{position:absolute;top:44%;left:44%;font-size:37px;color:#d2eafa}
.zodiac-columns{display:grid;grid-template-columns:1.8fr .91fr;gap:18px;margin-top:17px}.zodiac-reading{background:white;padding:0 22px 30px}.zodiac-tabs{display:flex;gap:8px;margin:0 -22px;padding:0 0 14px}.zodiac-tabs button{border:0;border-radius:4px;background:#eee;color:#5a5a5a;padding:9px 12px;font-size:11px;font-weight:800}.zodiac-tabs button.active{background:#ee9711;color:white}.zodiac-prose{font-size:15px;line-height:1.77}.zodiac-prose p{margin-bottom:18px}.zodiac-topic{display:flex;width:100%;background:white;border:0;border-bottom:4px solid #f8f8f8;text-align:left;align-items:center;padding:15px;font-size:14px;font-weight:800;gap:20px}.zodiac-topic b{color:#df2729;font-size:26px}.zodiac-topic span{margin-left:auto;font-size:20px}.zodiac-topic.active{background:#fff6f6}.zodiac-widget{background:white;padding:17px;margin-top:15px;border-radius:5px}.zodiac-widget h3{font-size:13px;color:#6a2398}.zodiac-widget p{font-size:12px;line-height:1.5}.zodiac-widget label{display:block;font-size:11px;margin:9px 0}.zodiac-widget select{display:block;width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}.zodiac-widget>button{background:#6812ad;color:white;border:0;padding:12px;width:100%;font-size:12px;font-weight:800;border-radius:3px}.zodiac-widget.dark{background:#06182c;color:white}.zodiac-widget.dark h3{color:#e89732}.zodiac-birthday{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
/* newspapers */
.paper-banner{background:linear-gradient(110deg,#14161a,#071522);min-height:254px;color:white;border-radius:4px;padding:26px 31px;display:flex;justify-content:space-between;overflow:hidden}.paper-banner h2{font-size:25px;line-height:1.17;margin:0}.paper-banner p{font-size:16px;color:#30d6c9;font-weight:800}.paper-banner form{display:flex}.paper-banner input{min-width:275px;border:0;padding:13px 16px}.paper-banner button{background:#36d6c2;border:0;font-size:13px;padding:13px 17px}.paper-banner small{display:block;margin-top:10px;font-size:11px}.paper-banner-art{font-size:170px;line-height:1;transform:rotate(-14deg);margin-right:45px;color:#455971}.paper-banner-art span{font-size:70px;color:#25d5c2}
.paper-switch{display:flex;gap:22px;align-items:center;border-bottom:1px solid #e2e2e2;padding:18px 0}.paper-switch button{background:none;border:0;border-bottom:2px solid transparent;font-size:13px;padding:12px 4px;color:#777}.paper-switch button.active{border-color:#2259ad;color:#111}.paper-switch label{margin-left:auto;color:#888;font-size:11px}.paper-switch input{display:block;border:1px solid #ededed;padding:7px;color:#444}.paper-section-title{font-size:18px;margin:15px 0}.paper-section-title::first-letter{color:#31a76b}.papers-columns{display:grid;grid-template-columns:124px minmax(0,1.7fr) minmax(255px,.91fr);gap:14px;align-items:start}.paper-brands button{border:1px solid #eee;background:white;box-shadow:0 1px 4px #0001;border-radius:22px;color:#d60e1e;font-family:Georgia,serif;font-size:16px;font-weight:900;padding:7px;display:block;width:100%;margin:0 0 8px}.paper-brands button.active{background:#d21526;color:white}.paper-front{background:white;border:1px solid #dfdfdf;min-height:690px;padding:12px;color:#111}.paper-front-head{text-align:center;border-bottom:5px solid #c00}.paper-front-head small{display:block;font-size:9px}.paper-front-head strong{display:block;font-family:Georgia,serif;font-size:60px;font-weight:900;color:#e21f2d;letter-spacing:-3px;white-space:nowrap}.paper-main-head{font-weight:900;text-align:center;font-size:30px;color:#065a9e;line-height:1.1;margin:12px 0}.paper-photo img{height:190px;object-fit:cover}.paper-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.paper-columns>div{border:1px solid #ddd;padding:6px;min-height:95px}.paper-columns b{font-size:12px;line-height:1.05;display:block}.paper-columns p{font-size:9px;line-height:1.3}.paper-columns img{height:82px;object-fit:cover}.paper-archive{background:white;padding:18px}.paper-archive h3{font-size:17px;margin:0 0 13px}.paper-archive button{background:white;border:0;border-bottom:1px solid #eee;padding:13px 4px;width:100%;text-align:left;font-size:13px;font-weight:600}.paper-archive button.active{color:#d20d2c}.paper-archive button span{float:right}
@media (min-width:1700px){:root{--page:1360px}.ad-left,.portal-ad--left{left:-158px}.ad-right,.portal-ad--right{right:-158px}.ad-rail,.portal-ad{width:136px}.primary-nav a{font-size:13px}.body{font-size:16px}}
@media (max-width:1560px){:root{--page:1030px}.ad-rail,.portal-ad{width:103px;height:393px}.ad-left,.portal-ad--left{left:-120px}.ad-right,.portal-ad--right{right:-120px}.primary-nav a{font-size:11px;padding:0 8px}.header-inner{gap:12px}.brand{min-width:173px}.brand-word{font-size:17px}.brand-symbol{width:29px;height:31px}.top-story .thumb{height:125px}.lead-image{min-height:385px}.lead-image h2{font-size:25px}.article-title{font-size:31px}.app-quote{font-size:17px}.store-button{min-width:100px}}
@media (max-width:1260px){:root{--page:calc(100% - 240px)}.portal-ad,.ad-rail{width:95px;height:375px}.portal-ad--left,.ad-left{left:-110px}.portal-ad--right,.ad-right{right:-110px}.standings-header>b{font-size:16px}.league-logo{min-width:75px;font-size:9px}.league-logo small{font-size:10px}.standings-table{font-size:10px}.standings-table td{padding:4px}.club-cell{min-width:126px}.club-cell b{font-size:10px}.form-cell{min-width:92px}.form-cell span{height:13px;width:13px;font-size:9px}.scores-columns{grid-template-columns:minmax(0,1.8fr) minmax(260px,.98fr);gap:12px}.match-teams>span b{font-size:10px}.footer-contact .brand{min-width:auto}}
@media (max-width:1080px){:root{--page:calc(100% - 36px)}.portal-ad,.ad-rail{display:none!important}.container{width:calc(100% - 36px)}.primary-nav{display:none}.mobile-toggle{display:inline-grid}.article-layout,.archive-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.scores-columns{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr)}.footer-contact{flex-wrap:wrap}.footer-contact>form{min-width:260px}.standings-header{overflow:hidden}.app-quote{font-size:15px}.portal-two{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.league-selector{overflow-x:auto}.utility-group{gap:8px}}
@media (max-width:740px){.utility-group{gap:8px}.utility-group a:nth-child(3),.utility-group a:nth-child(4){display:none}.header-inner{height:62px}.brand-symbol{height:30px}.brand-word{font-size:16px;line-height:30px}.content-heading{font-size:16px}.breaking-bar{gap:6px}.breaking-actions{display:none}.top-story .thumb{height:120px}.lead-grid,.article-layout,.archive-layout,.scores-columns,.portal-two,.prayer-columns,.pharmacy-layout,.zodiac-columns{grid-template-columns:1fr}.lead-image{min-height:330px}.lead-image h2{font-size:24px}.article-paper{padding:18px}.article-title{font-size:27px}.article-body{font-size:16px}.portal-page{padding-top:17px}.portal-page-title{font-size:20px}.rate-cards{grid-template-columns:repeat(2,1fr)}.fx-bottom,.weather-panels{grid-template-columns:1fr}.weather-panels>section{height:auto;min-height:295px}.weather-controls{flex-wrap:wrap}.weather-controls select{min-width:130px}.forecast-table{overflow-x:auto}.forecast-head,.forecast-row{min-width:670px}.prayer-times{grid-template-columns:repeat(3,1fr)}.prayer-dashboard{grid-template-columns:1fr}.prayer-mandala{min-height:105px}.prayer-mandala>span{font-size:90px}.zodiac-menu{grid-template-columns:repeat(6,1fr)}.zodiac-hero{grid-template-columns:1fr;padding:22px;gap:26px}.zodiac-wheel-inner{transform:scale(.76);margin:-38px auto}.papers-columns{grid-template-columns:1fr}.paper-brands{display:flex;overflow:auto;gap:8px}.paper-brands button{min-width:110px}.paper-front{max-width:540px;margin:auto}.paper-banner-art{display:none}.paper-banner input{min-width:0}.pharmacy-map .map-map{height:400px}.footer-columns-refs{grid-template-columns:repeat(2,1fr)}.footer-contact{display:grid;grid-template-columns:1fr 1fr}.footer-contact .brand{grid-column:1/-1}.footer-contact .support-symbol,.footer-contact .whatsapp-symbol{display:none}.footer-contact form{grid-column:1/-1}.app-inner{min-height:135px;height:auto;padding:13px 0}.app-devices{display:none}.app-quote{font-size:15px}.store-buttons{flex-direction:column;gap:5px}.store-button{font-size:15px;min-width:105px;padding:7px}.store-button span b{font-size:12px}}
@media (max-width:470px){.container{width:calc(100% - 24px)}.utility-bar{min-height:30px}.utility-inner{min-height:30px}.utility-social{display:none}.header-inner{gap:7px}.brand{min-width:0}.brand-word{font-size:14px}.brand-symbol{font-size:22px;width:25px}.top-story{flex:0 0 78%}.top-story h3{font-size:15px}.form-cell{min-width:110px}.standings-table{min-width:630px}.fixtures-header{font-size:16px}.pharmacy-list,.pharmacy-map{padding:12px}.pharmacy-filters select{min-width:0;width:100%}.pharmacy-days{gap:4px}.pharmacy-days button{padding:10px 7px}.pharmacy-location{display:none}.currency-controls{flex-wrap:wrap}.currency-controls label{min-width:90px}.currency-controls select{flex:1}.app-inner{display:block;text-align:center}.app-quote{margin:12px 0}.store-buttons{flex-direction:row;justify-content:center;padding-bottom:12px}.portal-page-title{font-size:19px}.prayer-copy h2{font-size:20px}.prayer-times strong{font-size:19px}.zodiac-menu button b{width:31px;height:31px;line-height:31px;font-size:20px}.zodiac-menu button span{font-size:8px}.zodiac-tabs{overflow:auto}.footer-bottom .container>span:last-child{display:none}}
/* Content-page sponsorship rails from the screenshots */
@media (min-width:1200px){.inner-page>.container{position:relative}.inner-page>.container::before,.inner-page>.container::after{content:'';position:absolute;top:0;width:103px;height:395px;border-radius:4px;background:url('img/ad-left.webp') center/100% 100% no-repeat;pointer-events:none}.inner-page>.container::before{left:-120px}.inner-page>.container::after{right:-120px}}
@media (min-width:1700px){.inner-page>.container::before,.inner-page>.container::after{width:136px;height:462px}.inner-page>.container::before{left:-158px}.inner-page>.container::after{right:-158px}}
/* Prevent narrow screens from inheriting desktop content minimums */
@media (max-width:740px){html,body{max-width:100%;overflow-x:clip}.scores-columns,.article-layout,.archive-layout,.lead-grid,.portal-two{grid-template-columns:minmax(0,1fr)!important;min-width:0;width:100%}.scores-columns>section,.scores-columns>.fixtures-card,.article-layout>div,.archive-layout>div,.article-paper,.lead-main,.league-selector{min-width:0;max-width:100%}.standings-card,.standings-header,.table-scroll{width:100%;max-width:100%;min-width:0}.standings-header{overflow:hidden}.league-selector{flex:1 1 0;overflow-x:auto}.standings-table{min-width:660px}.article-byline{flex-wrap:wrap}.article-toolbox{margin-left:auto}.share-row{flex-wrap:wrap}.article-excerpt{overflow-wrap:anywhere}.article-title{overflow-wrap:break-word}.social-bubbles{max-width:100%;overflow:hidden}.topnews-carousel-wrap{max-width:100%}.app-inner{max-width:100%}}
.reference-faq{border:1px solid #eee;background:#fafafa;border-radius:4px;margin:22px 0}.reference-faq details{border-bottom:1px solid #eee;padding:12px 14px}.reference-faq details:last-child{border:none}.reference-faq summary{cursor:pointer;font-size:13px;font-weight:800}.reference-faq p{font-size:14px;margin:10px 0}
@media (max-width:740px){.ranking-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ranking-list .rank-story{min-width:0;max-width:100%;overflow:hidden}.ranking-list .rank-story:first-child{min-width:0;width:100%;max-width:100%;grid-column:1/-1}.rank-story:first-child .rank-cover{max-width:100%}.ranking-list .rank-story:not(:first-child) h3{overflow-wrap:anywhere}.ranking-list .rank-story:not(:first-child) .rank-count{display:none}.footer-bottom{max-width:100%}}
.paper-cover-image{padding:0;background:white}.paper-cover-image img{display:block;width:100%;height:auto;object-fit:contain}.paper-current>[hidden]{display:none!important}
/* Desktop reading scale: preserve reference hierarchy without micro typography */
@media(min-width:1081px){.primary-nav a{font-size:13px;padding-inline:10px}.utility-bar a,.utility-date{font-size:12px}.portal-crumb{font-size:13px}.portal-page-title{font-size:22px}.standings-table{font-size:12.5px}.standings-table .club-cell b{font-size:12px}.standings-table th{font-size:11px}.fixture-match p{font-size:11px}.match-teams>span b{font-size:12px}.footer-column a{font-size:13px}.ranking-list .rank-story h3{font-size:13px}.article-category{font-size:14px}.story-card h3{font-weight:800}}