/*
Theme Name: Openi Sapi
Theme URI: https://openisapi.com
Author: Openi Sapi
Description: Tema kustom Kandang Pagi untuk openisapi.com. Tanpa page builder.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: openisapi
*/
@font-face{font-family:"Fraunces";src:url(assets/fonts/fraunces-wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(assets/fonts/jakarta-wght.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
/* Arah "Kandang Pagi": krem susu sebagai tanah, kartu putih seperlunya, satu aksi hijau per layar.
   Satu tema terang, sengaja (dipakai di luar ruangan; mode gelap bukan prioritas brand). */
:root{
  --krem:#FBF3E4; --krem-2:#F3E8D2; --putih:#FFFFFF;
  --tuwo:#23392A; --lamun:#3F6B47; --lamun-tekan:#355C3D;
  --coklat:#6B4A34; --emas:#D9A441;
  --ijo-100:#DCE8DE; --ijo-200:#B9D1BD; --garis:#E2D5BC; --redup:#5A6B5E; --bar:#1A2A1F; --bar-teks:#E9E2D2;
  --display:"Fraunces", Georgia, "Times New Roman", serif;
  --body:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --r-kartu:20px; --r-tombol:16px;
  --t-xs:.875rem; --t-s:1rem; --t-m:1.125rem; --t-l:1.375rem; --t-xl:clamp(1.75rem,6vw,2.5rem); --t-xxl:clamp(2.125rem,8.5vw,3.5rem);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--krem);color:var(--tuwo);font-family:var(--body);font-size:var(--t-s);line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;text-wrap:balance;margin:0;letter-spacing:-.01em}
h1{font-size:var(--t-xxl)}
h2{font-size:var(--t-xl)}
h3{font-size:var(--t-l)}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--emas);outline-offset:3px;border-radius:6px}
[id]{scroll-margin-top:120px}
.wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sempit{max-width:760px}
.alis{font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--coklat)}
.lead{font-size:var(--t-m);max-width:36ch}
.redup{color:var(--redup)}
.isian{border-bottom:2px dashed var(--emas);padding:0 .1em;color:var(--coklat);font-weight:600}
section{padding-block:clamp(48px,9vw,96px)}
.stack{display:flex;flex-direction:column;gap:16px}
.stack-l{display:flex;flex-direction:column;gap:28px}

/* Header situs */
.kepala{position:sticky;top:0;z-index:40;background:rgba(251,243,228,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--garis)}
.kepala .in{display:flex;align-items:center;gap:12px;height:64px}
.logo{display:block;height:34px;width:auto;flex:none}
.logo svg{height:100%;width:auto;display:block}
.nav{display:none;gap:28px;margin-left:auto;font-weight:600}
.nav a{text-decoration:none}
.nav a:hover{color:var(--lamun)}
.kepala .aksi{margin-left:auto;display:flex;gap:8px;align-items:center}
.menu-btn{width:48px;height:48px;border-radius:14px;border:1.5px solid var(--garis);background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--tuwo)}
.laci{border-top:1px solid var(--garis);background:var(--krem)}
.laci nav{display:flex;flex-direction:column;padding-block:8px}
.laci a{padding:14px 0;font-weight:600;font-size:var(--t-m);text-decoration:none;border-bottom:1px solid var(--garis)}
@media (min-width:900px){.nav{display:flex}.menu-btn{display:none}.kepala .aksi{margin-left:24px}.kepala.landing .aksi{margin-left:auto}}

/* Tombol */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:var(--r-tombol);font:700 var(--t-m)/1.15 var(--body);text-decoration:none;border:0;cursor:pointer;transition:background .15s,transform .1s;text-align:center}
.btn:active{transform:translateY(1px)}
.btn-utama{background:var(--lamun);color:var(--krem)}
.btn-utama:hover{background:var(--lamun-tekan)}
.btn-wa{background:var(--putih);color:var(--tuwo);border:2px solid var(--tuwo)}
.btn-wa:hover{background:var(--krem-2)}
.btn-kecil{min-height:44px;padding:0 16px;font-size:var(--t-s);border-radius:12px}
.btn svg{width:22px;height:22px;flex:none}
.duo{display:flex;flex-wrap:wrap;gap:12px}
.duo .btn{flex:1 1 220px}
.tautan{font-weight:700;color:var(--lamun);text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:44px}
.tautan:hover{text-decoration:underline}

/* Bingkai HP (tempat tangkapan layar) */
.hp{width:min(270px,72vw);aspect-ratio:9/14;max-width:100%;border-radius:38px;background:var(--tuwo);padding:10px;box-shadow:0 30px 60px -30px rgba(35,57,42,.55)}
.hp .layar{height:100%;border-radius:30px;background:var(--krem);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:34px 14px 14px;position:relative}
.hp .layar::before{content:"";position:absolute;top:10px;left:50%;width:70px;height:18px;margin-left:-35px;border-radius:10px;background:var(--tuwo)}
.sk{border-radius:10px;background:var(--krem-2)}
.sk.k{background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:7px}
.sk.g{height:8px;border-radius:4px;background:var(--garis)}
.sk.h{height:8px;border-radius:4px;background:var(--ijo-200)}
.ph-label{margin-top:auto;font-size:12px;line-height:1.35;font-weight:700;color:var(--coklat);border:1.5px dashed var(--emas);border-radius:12px;padding:8px 10px;background:rgba(217,164,65,.12)}

/* Hero beranda */
.hero{padding-block:32px 64px;overflow:hidden}
.hero .grid{display:grid;gap:40px;align-items:center}
.hero .teks{display:flex;flex-direction:column;gap:18px}
.hero .gambar{position:relative;display:grid;place-items:center;padding-bottom:12px}
.hero .gambar .bukit{position:absolute;left:-16px;right:-16px;bottom:-64px;height:58%;width:calc(100% + 32px);z-index:0}
.hero .gambar .hp{position:relative;z-index:1}
.hero .gambar .ilus{position:absolute;width:min(210px,50%);left:0;bottom:-20px;z-index:2}
@media (min-width:900px){.hero{padding-block:56px 88px}.hero .grid{grid-template-columns:1.1fr .9fr}}

/* Masalah */
.masalah{background:var(--tuwo);color:var(--krem)}
.masalah h2{color:var(--krem)}
.masalah .alis{color:var(--emas)}
.daftar-masalah{display:grid;margin:28px 0 0;border-top:1px solid rgba(251,243,228,.18)}
.daftar-masalah>div{display:grid;grid-template-columns:8rem 1fr;gap:16px;padding-block:20px;border-bottom:1px solid rgba(251,243,228,.18)}
.daftar-masalah dt{font-family:var(--display);font-size:var(--t-l);font-weight:600;color:var(--emas)}
.daftar-masalah dd{margin:0;font-size:var(--t-m);min-width:0}
@media (max-width:520px){.daftar-masalah>div{grid-template-columns:1fr;gap:4px}}
.situasi{font-family:var(--display);font-size:clamp(1.375rem,4.6vw,1.875rem);line-height:1.3;font-weight:500;max-width:30ch;margin-top:20px;color:var(--krem)}

/* Kartu */
.kartu-grid{display:grid;gap:16px;margin-top:32px}
@media (min-width:760px){.kartu-grid{grid-template-columns:repeat(3,1fr)}}
.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-kartu);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.kartu .ilus{background:var(--krem);border-radius:14px;aspect-ratio:3/2;max-width:100%;overflow:hidden}
.kartu .ilus svg{width:100%;height:100%;display:block}
.kartu h3{font-size:1.25rem}
.kartu .no{width:36px;height:36px;border-radius:12px;background:var(--emas);color:var(--tuwo);font:700 1rem/36px var(--display);text-align:center}
.slip{background:var(--putih);border:1px solid var(--garis);border-radius:14px;overflow:hidden;font-variant-numeric:tabular-nums}
.slip .bar{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px dashed var(--garis);font-size:var(--t-xs)}
.slip .bar:last-child{border-bottom:0;background:var(--ijo-100);font-weight:700}
.slip .bar span:last-child{font-weight:700}
.contoh{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--coklat)}

/* Alur langkah */
.alur{display:grid;gap:12px;margin:28px 0 0;counter-reset:l;padding:0;list-style:none}
.alur li{display:flex;align-items:center;gap:14px;background:var(--putih);border:1px solid var(--garis);border-radius:16px;padding:14px 16px;font-weight:600;font-size:var(--t-m)}
.alur li::before{counter-increment:l;content:counter(l);flex:none;width:36px;height:36px;border-radius:50%;background:var(--emas);color:var(--tuwo);display:grid;place-items:center;font:700 1rem var(--display)}
@media (min-width:900px){.alur{grid-template-columns:repeat(4,1fr)}.alur.tiga{grid-template-columns:repeat(3,1fr)}.alur li{flex-direction:column;align-items:flex-start;min-height:120px}}

/* Bukti */
.bukti{background:var(--krem-2)}
.kutipan{display:grid;gap:24px;align-items:center;margin-top:24px}
@media (min-width:760px){.kutipan{grid-template-columns:200px 1fr}}
.foto-slot{width:160px;aspect-ratio:1;max-width:100%;border-radius:50%;border:2px dashed var(--coklat);display:grid;place-items:center;text-align:center;font-size:var(--t-xs);font-weight:700;color:var(--coklat);padding:16px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(107,74,52,.06) 10px 20px)}
blockquote{margin:0;display:flex;flex-direction:column;gap:14px}
blockquote p{font-family:var(--display);font-size:clamp(1.375rem,4.4vw,2rem);line-height:1.25;font-weight:500}
blockquote footer{font-weight:600}
.tanda-kutip{font-family:var(--display);font-size:5rem;line-height:.6;color:var(--emas);height:2.2rem}

/* Untuk siapa */
.segmen{display:grid;gap:12px;margin-top:28px}
@media (min-width:640px){.segmen{grid-template-columns:repeat(2,1fr)}}
.segmen a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px 20px;border-radius:18px;background:var(--putih);border:1px solid var(--garis);text-decoration:none;font-weight:700;font-size:var(--t-m)}
.segmen a:hover{border-color:var(--lamun);color:var(--lamun)}

/* Jujur soal batas */
.batas{display:grid;margin:24px 0 0;padding:0;list-style:none;border-top:2px solid var(--tuwo)}
.batas li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding-block:16px;border-bottom:1px solid var(--garis);font-size:var(--t-m)}
.batas svg{width:24px;height:24px;margin-top:2px;color:var(--lamun)}

/* Bacaan */
.bacaan{display:grid;gap:16px;margin-top:28px}
@media (min-width:760px){.bacaan{grid-template-columns:repeat(3,1fr)}}
.bacaan article{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-kartu);background:var(--putih);border:1px solid var(--garis)}
.bacaan .topik{align-self:flex-start;font-size:var(--t-xs);font-weight:700;padding:4px 10px;border-radius:999px;background:var(--ijo-100);color:var(--tuwo)}
.bacaan h3{font-size:1.2rem;flex:1}

/* Form minat */
.form-kartu{background:var(--putih);color:var(--tuwo);border:1px solid var(--garis);border-radius:24px;padding:20px;box-shadow:0 18px 40px -28px rgba(35,57,42,.45);min-width:0}
.form-kartu h3{font-size:1.375rem}
form{display:flex;flex-direction:column;gap:18px;margin-top:14px}
.isian-f{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}
.isian-f label,.isian-f legend{font-weight:700;font-size:var(--t-s);padding:0}
.isian-f legend{margin-bottom:6px}
.opsional{font-weight:500;color:var(--redup)}
input[type=text],input[type=tel],select{width:100%;min-height:56px;padding:0 14px;border-radius:14px;border:1.5px solid #CDBE9F;background:var(--krem);font:500 var(--t-m) var(--body);color:var(--tuwo)}
input:focus,select:focus{outline:3px solid var(--emas);outline-offset:1px;border-color:var(--tuwo)}
.pilih{display:flex;flex-wrap:wrap;gap:8px}
.pilih input{position:absolute;opacity:0;pointer-events:none}
.pilih label{min-height:48px;padding:0 16px;display:inline-flex;align-items:center;border-radius:12px;border:1.5px solid #CDBE9F;background:var(--krem);font-weight:600;cursor:pointer;font-size:var(--t-s)}
.pilih input:checked+label{background:var(--tuwo);border-color:var(--tuwo);color:var(--krem)}
.pilih input:focus-visible+label{outline:3px solid var(--emas);outline-offset:2px}
.centang{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;font-weight:600}
.centang input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--lamun)}
.jebakan{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.salah{color:#9A3B23;font-weight:600;font-size:var(--t-xs)}
.catatan-form{font-size:var(--t-xs);color:var(--redup)}
.terkirim{display:flex;flex-direction:column;gap:14px}
.terkirim .ok{width:56px;height:56px;border-radius:50%;background:var(--lamun);display:grid;place-items:center}

/* Penutup & kaki */
.penutup{background:var(--tuwo);color:var(--krem)}
.penutup .grid{display:grid;gap:32px;align-items:start}
@media (min-width:900px){.penutup .grid{grid-template-columns:1fr 440px}}
.penutup h2{color:var(--krem);font-size:var(--t-xxl);max-width:14ch}
.penutup .btn-wa{background:transparent;color:var(--krem);border-color:var(--krem)}
.penutup .btn-wa:hover{background:rgba(251,243,228,.08)}
.kaki{background:var(--tuwo);color:var(--krem);padding-block:40px calc(110px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(251,243,228,.15)}
.kaki .grid{display:grid;gap:28px}
@media (min-width:760px){.kaki .grid{grid-template-columns:1.2fr 1fr 1fr}}
@media (min-width:900px){.kaki{padding-bottom:48px}}
.kaki a{color:var(--krem);text-decoration:none;opacity:.88}
.kaki a:hover{opacity:1;text-decoration:underline}
.kaki .kol{display:flex;flex-direction:column;gap:8px}
.kaki .judul{font-weight:700;color:var(--emas);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase}
.kaki .tagline{font-family:var(--display);font-size:1.25rem;font-style:italic}
.kaki .isian{color:var(--emas)}

/* Tombol WA melekat */
.wa-lekat{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(251,243,228,.96);backdrop-filter:blur(8px);border-top:1px solid var(--garis);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;gap:10px}
.wa-lekat .btn{flex:1;min-height:52px}
.wa-lekat .btn-wa{background:var(--tuwo);color:var(--krem);border-color:var(--tuwo)}
@media (min-width:900px){
  .wa-lekat{left:auto;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));background:transparent;border:0;padding:0;backdrop-filter:none}
  .wa-lekat .btn{flex:none;box-shadow:0 12px 30px -12px rgba(35,57,42,.6)}
  .wa-lekat .btn-utama{display:none}
}
.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;background:var(--tuwo);color:var(--krem);padding:12px 16px;border-radius:14px;width:max-content;max-width:min(92vw,420px);font-size:var(--t-xs);line-height:1.45;box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
.toast code{display:block;margin-top:6px;color:var(--emas);font-family:ui-monospace,Menlo,monospace;word-break:break-all}

/* Landing */
.l-hero{padding-block:24px 48px}
.l-hero .grid{display:grid;gap:24px;align-items:start}
@media (min-width:900px){.l-hero{padding-block:56px 80px}.l-hero .grid{grid-template-columns:1fr 440px;gap:56px}}
.l-hero .teks{display:flex;flex-direction:column;gap:14px;min-width:0}
.l-hero h1{font-size:clamp(2rem,8vw,3.25rem)}
.l-hero .duo{margin-top:6px}
@media (max-width:899px){.l-hero .duo{display:none}}
.l-hero .ilus-kecil{max-width:320px;margin-top:12px;display:none}
@media (min-width:900px){.l-hero .ilus-kecil{display:block}}
.manfaat .kartu .hp{width:100%;max-width:200px;margin-inline:auto;aspect-ratio:9/12;border-radius:30px;padding:8px}
.manfaat .kartu .hp .layar{border-radius:23px;padding-top:28px}
.manfaat .kartu .hp .layar::before{top:8px;width:54px;height:14px;margin-left:-27px}
.faq{display:flex;flex-direction:column;margin-top:24px;border-top:2px solid var(--tuwo)}
.faq details{border-bottom:1px solid var(--garis)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;padding-block:12px;font-weight:700;font-size:var(--t-m)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 1.75rem/1 var(--display);color:var(--lamun);flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding-bottom:18px;font-size:var(--t-m);max-width:60ch}
.l-form{background:var(--krem-2)}
.l-form .grid{display:grid;gap:28px}
@media (min-width:900px){.l-form .grid{grid-template-columns:1fr 440px;align-items:start}}
.kaki-landing{background:var(--tuwo);color:var(--krem);padding-block:28px calc(100px + env(safe-area-inset-bottom,0px))}
.kaki-landing .in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.kaki-landing a{color:var(--krem)}
@media (min-width:900px){.kaki-landing{padding-bottom:28px}}

@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}
/* ===== Tambahan versi WordPress ===== */
.kaki .tagline{font-style:normal}
.hp .ph-label{display:none}
.hp .layar{padding-bottom:20px}
.skip{position:absolute;left:-9999px;top:0;background:var(--tuwo);color:var(--krem);padding:12px 16px;z-index:100;border-radius:0 0 12px 0}
.skip:focus{left:0}
.salah:not([hidden]){display:block;padding:10px 12px;background:#FBE9E3;border-radius:10px}
button.btn[disabled]{opacity:.65;cursor:progress}
.kosong{padding:28px 20px;border:1.5px dashed var(--garis);border-radius:var(--r-kartu);background:var(--putih);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
/* Banner izin cookie */
.izin{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:80;background:var(--tuwo);color:var(--krem);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 40px -16px rgba(0,0,0,.5);max-width:520px}
.izin p{font-size:var(--t-xs);line-height:1.5}
.izin a{color:var(--emas)}
.izin .baris{display:flex;gap:10px}
.izin .btn{min-height:48px;flex:1;font-size:var(--t-s)}
.izin .btn-utama{background:var(--emas);color:var(--tuwo)}
.izin .btn-lain{background:transparent;color:var(--krem);border:1.5px solid rgba(251,243,228,.5)}
@media (min-width:900px){.izin{left:24px;right:auto;bottom:24px}}
/* Halaman isi (hukum, artikel) */
.halaman{padding-block:clamp(32px,7vw,72px)}
.halaman h1{font-size:clamp(2rem,7vw,3rem);margin-bottom:12px}
.prosa{display:flex;flex-direction:column;gap:16px;font-size:var(--t-m);line-height:1.65}
.prosa h2{font-size:clamp(1.375rem,4.5vw,1.75rem);margin-top:20px}
.prosa h3{font-size:1.2rem;margin-top:8px}
.prosa ul,.prosa ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:8px}
.prosa a{color:var(--lamun);font-weight:600}
.prosa .tgl{font-size:var(--t-xs);color:var(--redup)}
.prosa .kotak{padding:18px 20px;border-radius:var(--r-kartu);background:var(--putih);border:1px solid var(--garis)}
.prosa .tabel-geser{overflow-x:auto}
.prosa table{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--t-s)}
.prosa th,.prosa td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--garis);vertical-align:top}
.prosa th{background:var(--krem-2)}
.artikel-ajakan{margin-top:32px;padding:22px;border-radius:var(--r-kartu);background:var(--tuwo);color:var(--krem);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.artikel-ajakan h2{color:var(--krem);font-size:1.5rem;margin:0}
.daftar-artikel{display:grid;gap:16px;margin-top:28px}
@media (min-width:760px){.daftar-artikel{grid-template-columns:repeat(2,1fr)}}
.daftar-artikel article{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-kartu);background:var(--putih);border:1px solid var(--garis)}
.daftar-artikel .topik,.bacaan .topik{align-self:flex-start;font-size:var(--t-xs);font-weight:700;padding:4px 10px;border-radius:999px;background:var(--ijo-100)}
.daftar-artikel h2{font-size:1.25rem}
.daftar-artikel h2 a{text-decoration:none}
.fitur-grid{display:grid;gap:16px;margin-top:28px}
@media (min-width:760px){.fitur-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.fitur-grid{grid-template-columns:repeat(3,1fr)}}
.fitur-grid .kartu .tag{font-size:var(--t-xs);font-weight:700;color:var(--coklat);letter-spacing:.06em;text-transform:uppercase}
.token{background:var(--tuwo);color:var(--krem)}
.token h2{color:var(--krem)}
.token .alis{color:var(--emas)}
.token ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0;border-top:1px solid rgba(251,243,228,.18)}
.token li{padding-block:16px;border-bottom:1px solid rgba(251,243,228,.18);font-size:var(--t-m)}
.sk-angka{display:block;font:700 1.75rem/1.1 var(--display)}