/* IndonesianFootball.com — "Matchday" theme v1 (7 Nov 2026)
   ink #141414 · red #D7182A · hot #FF4655 · stone #F5F3F0 · line #ECE8E4 · muted #5C5752
   Display: Archivo Narrow (caps) · Text: Archivo */
html:root{--bg:#FFFFFF;--surfaceBg:#FFFFFF;--text:20 20 20;--headerBg:#FFFFFF;--headerBorder:#ECE8E4;--headerColor:#141414;--searchBarBg:#FFFFFF;--searchBarBorder:#DDD7D1;--searchBarColor:#5C5752;--filtersBg:#F5F3F0;--filtersColor:#141414;--filtersInputColor:#141414;--filtersInputBg:#FFFFFF;--filtersInputBorder:#DDD7D1;--filtersTagBg:#FBE3E5;--filtersTagColor:#B31322;--highlightsPrimary:#D7182A;--highlightsSecondary:#141414;--buttonBg:215 24 42;--buttonHoverBg:#B31322;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardFooterBg:#FFFFFF;--cardFooterBorder:#ECE8E4;--cardFooterColor:#5C5752;--cardBorder:#ECE8E4;--cardTagBg:#F5F3F0;--cardTagColor:#141414;--cardTagBorder:#F5F3F0;--cardColor:20 20 20;--cardColorLight:#5C5752;--cardFeatureTitle:#D7182A;--cardFeatureBorder:#D7182A;--cardFeatureTagBg:215 24 42;--cardFeatureTagColor:#FFFFFF;--font-sans:'Archivo',system-ui,sans-serif;--font-display:'Archivo Narrow','Archivo',sans-serif;
 --if-ink:#141414;--if-red:#D7182A;--if-red-d:#B31322;--if-hot:#FF4655;--if-stone:#F5F3F0;--if-line:#ECE8E4;--if-muted:#5C5752;--if-pink:#FBE3E5}
html,body{background:#FFFFFF!important}
body{font-family:'Archivo',system-ui,-apple-system,sans-serif;color:#141414;-webkit-font-smoothing:antialiased}
.font-display,h1,h2,h3{font-family:'Archivo Narrow','Archivo',sans-serif!important}
::selection{background:#FBE3E5;color:#141414}
a{transition:color .15s}

/* ---------- header ---------- */
header.absolute{background:#FFFFFF;border-bottom:1px solid #ECE8E4}
header .h-20>a>span.font-semibold{font-size:0!important;letter-spacing:0!important;display:inline-flex!important;align-items:center;line-height:1}
header .h-20>a>span.font-semibold>*{display:none!important}
header .h-20>a>span.font-semibold::before{content:"Indonesian";font:800 23px/1 'Archivo Narrow',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#141414}
header .h-20>a>span.font-semibold::after{content:"Football";margin-left:7px;font:800 23px/1 'Archivo Narrow',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#D7182A;padding-left:30px;background:url("https://img.indonesianfootball.com/site/ball.svg?v=1") 0 50%/22px 22px no-repeat}
header nav{font-weight:600}
header nav button,header nav a{font-size:15px!important;color:#141414;font-weight:600!important}
header nav a:hover{color:#D7182A!important}
header nav button.bg-brand-button-bg,header button.bg-brand-button-bg{background:#D7182A!important;color:#FFFFFF!important;border-radius:4px!important;padding:10px 18px!important;font-weight:700!important;box-shadow:none!important}
header nav button.bg-brand-button-bg:hover{background:#B31322!important;opacity:1!important}
header [role=menu]{border-radius:8px!important;border:1px solid #ECE8E4!important;box-shadow:0 14px 34px rgba(20,20,20,.12)!important}
header [role=menu] a{color:#141414!important;font-weight:600}
header [role=menu] a:hover{color:#D7182A!important}
@media (max-width:420px){header .h-20>a>span.font-semibold::before,header .h-20>a>span.font-semibold::after{font-size:19px}header .h-20>a>span.font-semibold::after{padding-left:25px;background-size:18px 18px}}

/* ---------- homepage hero: full-bleed photo, dark left gradient, condensed caps ---------- */
.hero.hero__left{color:#FFFFFF!important;isolation:isolate}
.hero.hero__left .darkener{background:linear-gradient(90deg,rgba(12,12,12,.86) 0,rgba(12,12,12,.55) 48%,rgba(12,12,12,.12))!important;opacity:1!important}
.hero.hero__left picture img{object-position:50% 40%}
.hero.hero__left .lg\:h-\[30rem\]{height:38rem!important}
.hero.hero__left .md\:w-2\/3{width:62%!important;max-width:820px}
.hero.hero__left h1{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.005em!important;line-height:.93!important;font-size:clamp(46px,6vw,86px)!important;color:#FFFFFF!important}
.hero.hero__left h1::before{content:"BRI Super League · 2026-27";display:block;width:max-content;margin:0 0 20px;padding:7px 11px;background:#D7182A;font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.16em;color:#fff}
.hero.hero__left h1 em{font-style:normal;color:#FF4655}
.hero.hero__left h1+p{color:#FFFFFF!important;opacity:.9!important;font-size:19px!important;line-height:1.55!important;max-width:580px!important;margin-top:20px!important;letter-spacing:0!important}
.hero [class*="tag"],.hero .hero-tag{display:none!important}
.hero .hero-search-bar{background:transparent!important;padding:0!important;margin-top:28px!important;max-width:600px}
.hero .hero-search-bar .search input{height:60px!important;border:0!important;border-radius:4px!important;font-size:16px!important;font-weight:500;padding-left:46px!important;color:#141414!important;background:#FFFFFF!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important}
.hero .hero-search-bar .search input::placeholder{color:#5C5752!important;opacity:1}
.hero .hero-search-bar .shortcut{display:none!important}
.hero .hero-search-bar .search--button{height:46px!important;padding:0 24px!important;border-radius:3px!important;font-size:15px!important;font-weight:700!important;background:#D7182A!important;color:#FFFFFF!important}
.if-credit{position:absolute;right:24px;bottom:84px;z-index:3;font-size:11.5px;color:rgba(255,255,255,.75)!important;text-decoration:none}
.if-credit:hover{color:#fff!important}
@media (max-width:1023px){
 .hero.hero__left .darkener{background:linear-gradient(180deg,rgba(12,12,12,.55),rgba(12,12,12,.85))!important}
 .hero.hero__left .h-96{height:auto!important;padding:56px 0 110px}
 .hero.hero__left .md\:w-2\/3{width:100%!important}
 .hero.hero__left h1{font-size:clamp(40px,11vw,58px)!important}
 .hero.hero__left h1+p{font-size:16.5px!important}
 .if-credit{display:none}
}

/* ---------- stats bar overlapping the hero (custom HTML .if-stats) ---------- */
.if-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#141414;color:#fff;border-radius:6px;overflow:hidden;margin-top:-118px;position:relative;z-index:5;box-shadow:0 18px 40px rgba(20,20,20,.18)}
.if-stats div{padding:26px 26px 24px;border-right:1px solid #2B2B2B}
.if-stats div:last-child{border-right:0}
.if-stats b{display:block;font:800 46px/1 'Archivo Narrow',sans-serif;color:#FF4655;letter-spacing:-.01em}
.if-stats span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.75)}
@media (max-width:767px){.if-stats{grid-template-columns:1fr 1fr;margin-top:-84px}.if-stats div{padding:18px;border-bottom:1px solid #2B2B2B}.if-stats div:nth-child(2n){border-right:0}.if-stats b{font-size:34px}}

/* ---------- section headings ---------- */
.heading-block h2.heading,.accordion-block h2,.cta-block h2,.section-block h2,.text-block .prose h2{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.005em!important;font-size:clamp(32px,3.4vw,46px)!important;line-height:1!important;color:#141414}
.heading-block p{color:#5C5752!important;font-size:17px!important;text-transform:none}
.if-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 -22px}
.if-h h2{margin:0;font:800 clamp(32px,3.4vw,46px)/1 'Archivo Narrow',sans-serif;text-transform:uppercase;color:#141414}
.if-h a{font-weight:700;font-size:15px;color:#D7182A!important;text-decoration:none;white-space:nowrap}
.if-h a:hover{text-decoration:underline}
.if-h p{margin:8px 0 0;color:#5C5752;font-size:17px}

/* ---------- guides mosaic (.if-guides) ---------- */
.if-guides{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:200px;gap:14px}
.if-guides a{position:relative;border-radius:6px;overflow:hidden;background:#141414 center/cover;color:#fff!important;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .2s,box-shadow .2s}
.if-guides a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.86))}
.if-guides a::after{content:"";position:absolute;left:0;top:0;width:44px;height:5px;background:#D7182A}
.if-guides a *{position:relative}
.if-guides a:first-child{grid-row:span 2}
.if-guides a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,20,20,.22)}
.if-guides small{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#FF8A93}
.if-guides b{display:block;margin-top:6px;font:800 25px/1.02 'Archivo Narrow',sans-serif;text-transform:uppercase}
.if-guides a:first-child b{font-size:40px}
.if-guides span{display:block;margin-top:6px;font-size:14px;line-height:1.45;opacity:.88}
@media (max-width:1023px){.if-guides{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.if-guides a:first-child{grid-column:span 2;grid-row:span 1}}
@media (max-width:600px){.if-guides{grid-template-columns:1fr;grid-auto-rows:170px}.if-guides a:first-child{grid-column:auto}.if-guides a:first-child b{font-size:30px}}

/* ---------- club colour grid (.if-clubs) ---------- */
.if-clubs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.if-clubs a{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:116px;padding:16px 14px 18px;border-radius:6px;background:var(--a);color:var(--t,#fff)!important;text-decoration:none;box-shadow:inset 0 -7px 0 var(--b);transition:transform .15s,box-shadow .15s}
.if-clubs a:hover{transform:translateY(-3px);box-shadow:inset 0 -7px 0 var(--b),0 12px 26px rgba(20,20,20,.2)}
.if-clubs b{font:800 21px/1 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:.005em}
.if-clubs span{font-size:12.5px;line-height:1.35;opacity:.9}
.if-clubs i{font-style:normal;display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-bottom:6px}
@media (max-width:1023px){.if-clubs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.if-clubs{grid-template-columns:1fr 1fr}.if-clubs a{min-height:100px}}
.if-isl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.if-isl a{padding:8px 14px;border-radius:4px;border:1px solid #DDD7D1;font-weight:600;font-size:14.5px;color:#141414!important;text-decoration:none;background:#fff}
.if-isl a:hover{border-color:#D7182A;color:#D7182A!important}
.if-isl em{font-style:normal;color:#5C5752;font-weight:500;margin-left:4px}

/* ---------- rivalries (.if-riv) ---------- */
.if-riv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.if-riv a{display:block;border:1px solid #ECE8E4;border-radius:6px;overflow:hidden;color:#141414!important;text-decoration:none;background:#fff;transition:box-shadow .2s,transform .2s}
.if-riv a:hover{box-shadow:0 14px 32px rgba(20,20,20,.12);transform:translateY(-2px)}
.if-riv .vs{display:flex;height:84px}
.if-riv .vs i{flex:1;background:var(--c)}
.if-riv .vs em{flex:none;display:flex;align-items:center;justify-content:center;width:64px;background:#141414;color:#fff;font:800 22px 'Archivo Narrow',sans-serif;font-style:normal}
.if-riv div.t{padding:18px 20px 22px}
.if-riv small{color:#D7182A;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11.5px}
.if-riv strong{display:block;font:800 27px/1.02 'Archivo Narrow',sans-serif;text-transform:uppercase;margin:7px 0 8px}
.if-riv p{margin:0;color:#5C5752;line-height:1.55;font-size:15px}
@media (max-width:900px){.if-riv{grid-template-columns:1fr}}

/* ---------- club map (.if-map) ---------- */
.if-map{position:relative;height:520px;border-radius:6px;overflow:hidden;border:1px solid #ECE8E4;background:#E9EEF0}
.if-map .leaflet-container{font-family:'Archivo',sans-serif}
.if-pin{width:18px;height:18px;border-radius:50%;background:var(--a);border:3px solid #fff;box-shadow:0 0 0 2px var(--b),0 4px 10px rgba(0,0,0,.3)}
.if-pop b{display:block;font:800 18px 'Archivo Narrow',sans-serif;text-transform:uppercase}
.if-pop span{display:block;color:#5C5752;font-size:13px;margin:2px 0 6px}
.if-pop a{color:#D7182A!important;font-weight:700}
@media (max-width:767px){.if-map{height:420px}}

/* ---------- plan a matchday (.if-md) ---------- */
.if-md{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.if-md a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;border-radius:6px;overflow:hidden;color:#fff!important;text-decoration:none;background:#141414 center/cover}
.if-md a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.85))}
.if-md a::after{content:"";position:absolute;left:0;bottom:0;top:0;width:6px;background:#D7182A}
.if-md a *{position:relative}
.if-md b{font:800 30px/1 'Archivo Narrow',sans-serif;text-transform:uppercase}
.if-md span{margin-top:8px;font-size:15px;line-height:1.5;opacity:.9}
.if-md em{font-style:normal;margin-top:12px;font-weight:700;font-size:14px;color:#FF8A93}
@media (max-width:900px){.if-md{grid-template-columns:1fr}.if-md a{min-height:200px}}

/* ---------- content cards section ---------- */
.section-block{background:#F5F3F0!important}
.content-cards-block .grid>div,.content-cards-block [class*=card]{border-radius:6px!important;border:0!important;box-shadow:none!important;background:#fff!important;border-top:5px solid #D7182A!important}
.content-cards-block h3{font:800 24px 'Archivo Narrow',sans-serif!important;text-transform:uppercase}
.content-cards-block p{color:#5C5752}

/* ---------- listing cards ---------- */
.card{border:1px solid #ECE8E4!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden;transition:box-shadow .2s,transform .2s;position:relative}
.card:hover{box-shadow:0 14px 34px rgba(20,20,20,.13)!important;transform:translateY(-2px)}
.card .aspect-video{border-radius:0!important;background:#ECE8E4;border-bottom:6px solid var(--club,#D7182A)}
.card .footer{display:none!important}
.card h2.title,.card h3.title{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;font-size:23px!important;letter-spacing:.005em!important;line-height:1.05!important;-webkit-line-clamp:2!important;white-space:normal!important;color:#141414!important}
.card .intro{opacity:1!important;color:#5C5752;font-size:15px;line-height:1.5}
.card .p-6.py-5{padding:18px 20px 22px!important}

/* ---------- image tiles ---------- */
.image-tiles-block a.group{border-radius:6px!important}
.image-tiles-block a.group h3{font:800 26px 'Archivo Narrow',sans-serif!important;text-transform:uppercase}
.image-tiles-block a.group::after{content:"";position:absolute;left:0;top:0;width:44px;height:5px;background:#D7182A;z-index:2}

/* ---------- category pages ---------- */
h1.text-4xl{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.005em!important;font-size:58px!important;line-height:.95!important;margin-bottom:14px!important;color:#141414}
h1[data-kick]::before{content:attr(data-kick);display:block;width:max-content;margin:0 0 14px;padding:6px 10px;background:#D7182A;color:#fff;font:700 11.5px/1.2 'Archivo',sans-serif;letter-spacing:.16em}
nav[aria-label=Breadcrumb] a,nav[aria-label=Breadcrumb] span{color:#5C5752}
.break-all{word-break:normal!important;overflow-wrap:break-word!important;hyphens:manual!important}
.text-xl.break-all{font-size:18px!important;line-height:1.65!important;color:#5C5752;max-width:820px;margin-top:14px}
.text-xl.break-all p{margin:0 0 14px}
.text-xl.break-all.if-clamp>p:not(:first-child){display:none}
.if-more{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:0;background:none;border:0;font:700 15px 'Archivo',sans-serif;color:#D7182A;cursor:pointer}
.if-more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.if-more[data-open]::after{transform:rotate(-135deg) translate(-2px,0)}
.mb-20>h2.text-2xl{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;font-size:30px!important}
@media (max-width:767px){h1.text-4xl{font-size:40px!important}.text-xl.break-all{font-size:16px!important}}

/* ---------- category cards (sub-categories) ---------- */
.category-card{background:#F5F3F0!important;border:0!important;border-radius:6px!important;box-shadow:none!important;border-left:5px solid #D7182A!important;align-items:flex-start!important;text-align:left!important}
.category-card .category-icon{display:none!important}
.category-card>div{text-align:left!important}
.category-card>div:nth-child(2){font:800 21px 'Archivo Narrow',sans-serif!important;text-transform:uppercase;color:#141414!important}

/* ---------- listing (club) page ---------- */
.if-band{display:none}
.if-band.on{display:flex;align-items:center;gap:14px;margin:0 0 6px}
.if-band .sw{display:flex;width:64px;height:12px;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.if-band .sw i{flex:1}
.if-band span{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5C5752}
[area=detail_page_main] h1{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.005em!important;font-size:clamp(42px,5vw,68px)!important;line-height:.95!important}
.detail-introduction{opacity:1!important;color:#5C5752!important;font-size:19px!important;line-height:1.5}
[area=detail_page_main] .relative.rounded-lg.aspect-video img{border-radius:6px!important}
[area=detail_page_main] .relative.rounded-lg.aspect-video{border-bottom:8px solid var(--club,#D7182A);border-radius:6px!important}
[area=detail_page_main] h2{font-family:'Archivo Narrow',sans-serif!important;font-size:clamp(26px,2.6vw,34px)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:0!important}
[area=detail_page_main] .shadow-card-layered{box-shadow:none!important;border:1px solid #ECE8E4;border-radius:6px!important}
[area=detail_page_main] dt{color:#5C5752!important}
[area=detail_page_main] dd{color:#141414!important;font-weight:500}
.action-panel{border-radius:6px!important;border-color:#ECE8E4!important;border-top:5px solid var(--club,#D7182A)!important}
.action-panel a,.action-panel button{border-radius:4px!important;font-weight:700!important}
.action-panel .bg-brand-button-bg{background:#D7182A!important}
.callout-block{border-radius:6px!important;border-left-color:#D7182A!important;background:#F5F3F0!important;box-shadow:none!important}
.callout-block h3{font:800 24px 'Archivo Narrow',sans-serif!important;text-transform:uppercase}
.callout-block button,.callout-block a{background:#D7182A!important;box-shadow:none!important;border-radius:4px!important;font-weight:700!important}
.prose a{color:#D7182A}

/* ---------- text, FAQ, CTA ---------- */
.text-block .prose{color:#5C5752}
.text-block .prose p{line-height:1.7}
.text-block .prose h2{margin-bottom:.6em}
.accordion-block>div{max-width:900px}
.accordion-block .text-center{text-align:left!important}
.accordion-block [class*=border-b]{border-color:#ECE8E4!important}
.accordion-block button{padding:20px 2px!important;align-items:center!important;gap:16px}
.accordion-block button span{font-weight:700!important;font-size:18px;opacity:1!important;color:#141414}
.accordion-block button svg{width:30px!important;height:30px!important;padding:6px;border-radius:4px;background:#FBE3E5;color:#D7182A!important}
.cta-block{background:#D7182A!important}
.cta-block h2{color:#FFFFFF!important}
.cta-block p{color:#FFE3E6!important;opacity:1}
.cta-block button,.cta-block a{border-radius:4px!important;font-weight:700!important;box-shadow:none!important;background:#141414!important;color:#FFFFFF!important;padding:15px 26px!important;font-size:16px!important}
.button-block a{border-radius:4px!important;font-weight:700!important}

/* ---------- footer ---------- */
.mt-20.pb-8>.border-t{border-color:#ECE8E4!important}
.mt-20.pb-8 p{color:#5C5752!important;opacity:1!important;font-size:14px!important}
.mt-20.pb-8 nav a,.mt-20.pb-8 nav button:not(.bg-brand-button-bg){color:#141414!important;opacity:.85;font-weight:600}
.mt-20.pb-8 nav a:hover{opacity:1;color:#D7182A!important}
.mt-20.pb-8 .bg-brand-button-bg{background:#D7182A!important;box-shadow:none!important;border-radius:4px!important}

/* ---------- guides (posts) ---------- */
.if-guide-meta{display:flex;gap:10px;align-items:center;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#D7182A}
article h1,main h1{font-family:'Archivo Narrow',sans-serif!important;text-transform:uppercase}
.prose h2{font-family:'Archivo Narrow',sans-serif!important;text-transform:uppercase;font-weight:800!important;letter-spacing:0}
.prose table{font-size:15px}
.prose th{background:#141414;color:#fff;padding:8px 12px}
.prose td{padding:8px 12px;border-bottom:1px solid #ECE8E4}

/* ---------- generated: club colours + section images (classes, because Listable strips inline styles) ---------- */
.ik-persija-jakarta{--a:#E2231A;--b:#F58220;--t:#fff}.iv-persija-jakarta{--c:#E2231A}
.ik-persib-bandung{--a:#1E3F9E;--b:#FFFFFF;--t:#fff}.iv-persib-bandung{--c:#1E3F9E}
.ik-persebaya-surabaya{--a:#0B8A3E;--b:#F2C230;--t:#fff}.iv-persebaya-surabaya{--c:#0B8A3E}
.ik-arema-fc{--a:#1F3A93;--b:#D7182A;--t:#fff}.iv-arema-fc{--c:#1F3A93}
.ik-bali-united-fc{--a:#D7182A;--b:#111111;--t:#fff}.iv-bali-united-fc{--c:#D7182A}
.ik-psm-makassar{--a:#B71C1C;--b:#FFFFFF;--t:#fff}.iv-psm-makassar{--c:#B71C1C}
.ik-pss-sleman{--a:#138A47;--b:#FFFFFF;--t:#fff}.iv-pss-sleman{--c:#138A47}
.ik-psim-yogyakarta{--a:#1D4E9E;--b:#FFFFFF;--t:#fff}.iv-psim-yogyakarta{--c:#1D4E9E}
.ik-borneo-fc-samarinda{--a:#F47A20;--b:#111111;--t:#fff}.iv-borneo-fc-samarinda{--c:#F47A20}
.ik-dewa-united-banten-fc{--a:#151515;--b:#C8A24A;--t:#fff}.iv-dewa-united-banten-fc{--c:#151515}
.ik-madura-united{--a:#C8102E;--b:#FFFFFF;--t:#fff}.iv-madura-united{--c:#C8102E}
.ik-persik-kediri{--a:#5B2A86;--b:#FFFFFF;--t:#fff}.iv-persik-kediri{--c:#5B2A86}
.ik-persita-tangerang{--a:#6A2C91;--b:#FFFFFF;--t:#fff}.iv-persita-tangerang{--c:#6A2C91}
.ik-persijap-jepara{--a:#C41E3A;--b:#FFFFFF;--t:#fff}.iv-persijap-jepara{--c:#C41E3A}
.ik-bhayangkara-presisi-lampung-fc{--a:#C9A227;--b:#151515;--t:#fff}.iv-bhayangkara-presisi-lampung-fc{--c:#C9A227}
.ik-java-united-fc{--a:#E8B220;--b:#151515;--t:#141414}.iv-java-united-fc{--c:#E8B220}
.ik-garudayaksa-fc{--a:#8C1C2C;--b:#FFFFFF;--t:#fff}.iv-garudayaksa-fc{--c:#8C1C2C}
.ik-isenmulang-kalteng-fc{--a:#1C6E5A;--b:#F2C230;--t:#fff}.iv-isenmulang-kalteng-fc{--c:#1C6E5A}
.if-guides a.ig-super-league-explained{background-image:url(https://img.indonesianfootball.com/site/guides/super-league-explained.jpg)}
.if-guides a.ig-supporter-culture{background-image:url(https://img.indonesianfootball.com/site/guides/supporter-culture.jpg)}
.if-guides a.ig-great-rivalries{background-image:url(https://img.indonesianfootball.com/site/guides/great-rivalries.jpg)}
.if-guides a.ig-stadiums-of-indonesia{background-image:url(https://img.indonesianfootball.com/site/guides/stadiums-of-indonesia.jpg)}
.if-guides a.ig-history-of-indonesian-football{background-image:url(https://img.indonesianfootball.com/site/guides/history-of-indonesian-football.jpg)}
.if-guides a.ig-timnas-indonesia{background-image:url(https://img.indonesianfootball.com/site/guides/timnas-indonesia.jpg)}
.if-guides a.ig-how-to-watch-on-tv{background-image:url(https://img.indonesianfootball.com/site/guides/how-to-watch-on-tv.jpg)}
.if-guides a.ig-football-glossary{background-image:url(https://img.indonesianfootball.com/site/guides/football-glossary.jpg)}
.if-md a.im-bali{background-image:url(https://img.indonesianfootball.com/clubs/bali-united-fc.jpg)}.if-md a.im-jkt{background-image:url(https://img.indonesianfootball.com/clubs/persija-jakarta.jpg)}.if-md a.im-guide{background-image:url(https://img.indonesianfootball.com/clubs/pss-sleman.jpg)}

.if-clubs a b,.if-clubs a i,.if-clubs a span,.if-guides a b,.if-guides a small,.if-guides a span,.if-md a b,.if-md a span,.if-md a em,.if-riv small,.if-riv strong,.if-riv .d{display:block}
.if-clubs a{justify-content:flex-start}.if-clubs a span{margin-top:auto;padding-top:10px}
.if-riv a .vs{display:flex}.if-riv a .t{display:block;padding:18px 20px 22px}.if-riv .d{color:#5C5752;line-height:1.55;font-size:15px}
.if-more-g{margin-top:-6px}.if-more-g .lbl{align-self:center;font-weight:700;margin-right:4px}
header nav a{color:#141414!important;background:transparent!important}
header nav a:hover{color:#D7182A!important}

/* v2 fixes */
header a[href].rounded-lg{color:#141414!important;background:transparent!important;font-size:15px!important;font-weight:600!important}
header a[href].rounded-lg:hover{color:#D7182A!important}
@media (min-width:1024px){.hero.hero__left .lg\:h-\[30rem\]{height:44rem!important}}
.if-stats{margin-top:-72px}
.hero .if-credit{bottom:84px!important}
.if-why{position:relative;padding:72px 0;margin:24px 0}
.if-why{background:#F5F3F0;box-shadow:0 0 0 100vmax #F5F3F0;clip-path:inset(0 -100vmax)}
.if-why h2{font:800 clamp(30px,3.4vw,44px)/1 'Archivo Narrow',sans-serif;text-transform:uppercase;margin:0 0 28px;color:#141414}
.if-why .g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.if-why .g>div{background:#fff;border-top:5px solid #D7182A;border-radius:6px;padding:26px}
.if-why b{display:block;font:800 24px/1.1 'Archivo Narrow',sans-serif;text-transform:uppercase;color:#141414}
.if-why .g span{display:block;margin-top:10px;color:#5C5752;line-height:1.6;font-size:15.5px}
.if-why .n{display:block;font:800 15px 'Archivo',sans-serif;color:#D7182A;margin-bottom:12px;letter-spacing:.1em}
body{overflow-x:hidden}
@media (max-width:767px){.if-why .g{grid-template-columns:1fr}.if-why{padding:48px 0}.if-stats{margin-top:-56px}}
header button.p-2,header button.p-2 svg{color:#141414!important;stroke:#141414}

/* guide posts */
.if-fig{margin:0 0 8px!important}
.if-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;display:block;margin:0!important}
.if-cap{font-size:13px!important;color:#5C5752!important;margin:0 0 28px!important;line-height:1.5}
.if-cap a{color:#5C5752!important}
.if-src{font-size:14px}.if-src a{word-break:break-word}
.if-upd{margin-top:32px;padding-top:18px;border-top:1px solid #ECE8E4;color:#5C5752;font-size:15px}
.if-gall{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important}
.if-gall a{grid-column:auto!important;grid-row:auto!important;min-height:300px}
@media (max-width:767px){.if-gall{grid-template-columns:1fr!important}.if-gall a{min-height:220px}}
.if-gall{grid-auto-rows:280px!important}.if-gall a:first-child{grid-row:auto!important}.if-gall b,.if-gall a:first-child b{font-size:32px!important}
@media (max-width:767px){.if-gall{grid-auto-rows:220px!important}}

.mt-12.max-w-2xl>div>h2.font-display:first-child{display:none}
h1.post-title{font-family:'Archivo Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase}