/* Layout: iOS grouped language. Phone = one column (finder → results → guide). Desktop ≥960px = sticky finder left, results right, guide full width below. Ads never touch a tappable element. */
:root{
  --bg:#f2f2f7; --group:#ffffff; --fill:rgba(120,120,128,.12); --fill-2:rgba(120,120,128,.2);
  --sep:rgba(60,60,67,.18); --label:#000000; --label-2:rgba(60,60,67,.64); --label-3:rgba(60,60,67,.38);
  --blue:#007aff; --blue-soft:rgba(0,122,255,.12); --on-blue:#ffffff;
  --green:#248a3d; --green-soft:rgba(52,199,89,.16); --wa:#1f9d55;
  --thumb:#ffffff; --chrome:rgba(249,249,251,.8); --chrome-edge:rgba(0,0,0,.1);
  --scrim:rgba(0,0,0,.32);
  --shadow-s:0 1px 2px rgba(0,0,0,.05);
  --shadow-l:0 10px 40px rgba(0,0,0,.16);
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  --f-d:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,system-ui,sans-serif;
  --f-r:ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;
  --spring:cubic-bezier(.32,.72,0,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000000; --group:#1c1c1e; --fill:rgba(118,118,128,.24); --fill-2:rgba(118,118,128,.34);
  --sep:rgba(84,84,88,.6); --label:#ffffff; --label-2:rgba(235,235,245,.64); --label-3:rgba(235,235,245,.34);
  --blue:#0a84ff; --blue-soft:rgba(10,132,255,.2); --on-blue:#ffffff;
  --green:#30d158; --green-soft:rgba(48,209,88,.18); --wa:#2fbf6b;
  --thumb:#636366; --chrome:rgba(22,22,24,.74); --chrome-edge:rgba(255,255,255,.1);
  --scrim:rgba(0,0,0,.55);
  --shadow-s:none; --shadow-l:0 10px 40px rgba(0,0,0,.6);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#000000; --group:#1c1c1e; --fill:rgba(118,118,128,.24); --fill-2:rgba(118,118,128,.34);
  --sep:rgba(84,84,88,.6); --label:#ffffff; --label-2:rgba(235,235,245,.64); --label-3:rgba(235,235,245,.34);
  --blue:#0a84ff; --blue-soft:rgba(10,132,255,.2); --on-blue:#ffffff;
  --green:#30d158; --green-soft:rgba(48,209,88,.18); --wa:#2fbf6b;
  --thumb:#636366; --chrome:rgba(22,22,24,.74); --chrome-edge:rgba(255,255,255,.1);
  --scrim:rgba(0,0,0,.55);
  --shadow-s:none; --shadow-l:0 10px 40px rgba(0,0,0,.6);
  color-scheme:dark}

html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scroll-padding-top:calc(64px + env(safe-area-inset-top,0px))}
body{background:var(--bg);color:var(--label);font:400 1.0625rem/1.47 var(--f);letter-spacing:-.01em;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--chrome);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
*{box-sizing:border-box}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
button,a,[role="radio"]{touch-action:manipulation}
button,[role="radio"]{-webkit-user-select:none;user-select:none}
input{font-size:16px}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:10px}
.wrap{max-width:1080px;margin:0 auto}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:30;background:var(--group);padding:8px 12px;border-radius:8px}

/* translucent nav bar */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;
  margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px))) calc(-1*max(16px,env(safe-area-inset-right,0px)));
  padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));
  background:var(--chrome);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  box-shadow:0 .5px 0 transparent;transition:box-shadow .2s ease}
.bar.edge{box-shadow:0 .5px 0 var(--chrome-edge)}
.bar .wrap{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:8px;color:var(--label);text-decoration:none;font:600 1.0625rem var(--f-d);letter-spacing:-.02em}
.brand i{width:26px;height:26px;border-radius:7px;background:var(--blue);color:var(--on-blue);display:grid;place-items:center;font:700 .875rem var(--f-r);font-style:normal}
.links{display:flex;gap:18px}
.links a{color:var(--blue);text-decoration:none;font-size:.9375rem}
@media (max-width:400px){.links a:first-child{display:none}}

/* hero */
.hero{padding-block:20px 22px;max-width:640px}
.hero h1{font:700 clamp(2rem,6.5vw,2.75rem)/1.08 var(--f-d);letter-spacing:-.025em;margin:0;text-wrap:balance}
.hero p{margin:10px 0 0;color:var(--label-2);font-size:1rem;line-height:1.45;max-width:46ch}
.notice{display:flex;gap:10px;align-items:flex-start;margin-top:16px!important;padding:11px 13px;border-radius:12px;background:var(--group);font-size:.875rem!important;color:var(--label-2)!important;max-width:none!important}
.notice svg{flex:none;margin-top:1px;color:var(--blue)}
.notice strong{color:var(--label);font-weight:600}

/* main grid */
.main{display:grid;gap:0}
.main>*{min-width:0}
@media (min-width:960px){
  .main{grid-template-columns:400px minmax(0,1fr);gap:32px;align-items:start}
  .finder{position:sticky;top:calc(64px + env(safe-area-inset-top,0px))}
  .res-h{margin-top:0!important}
}

/* inset grouped list */
.sec-h{font-size:.8125rem;color:var(--label-2);text-transform:uppercase;letter-spacing:.02em;margin:0 16px 7px}
.sec-h.gap{margin-top:22px}
.sec-f{font-size:.8125rem;color:var(--label-2);margin:7px 16px 0;line-height:1.4;min-height:1.4em}
.sec-f.warn{color:#ff3b30}
.group{background:var(--group);border-radius:12px;overflow:hidden}
.row{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px;position:relative}
.row+.row::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--sep)}
.row .lbl{flex:1;min-width:0}
.row .lbl small{display:block;color:var(--label-2);font-size:.8125rem;line-height:1.3}
.row.stack{display:grid;gap:9px;padding-block:12px}
.row.stack .lbl{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.row.stack .lbl small{display:inline}
.cc{color:var(--label-2);font-variant-numeric:tabular-nums}
#num{flex:1;min-width:0;border:0;background:transparent;color:var(--label);font:500 1.0625rem var(--f);letter-spacing:.04em;font-variant-numeric:tabular-nums;outline:none;padding:4px 0}
#num::placeholder{color:var(--label-3);letter-spacing:0}
.check{color:var(--green);font-size:.8125rem;font-weight:600;white-space:nowrap}

/* segmented control (radio group) with sliding thumb */
.seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--fill);border-radius:9px;padding:2px}
.seg .thumb{position:absolute;top:2px;bottom:2px;left:2px;border-radius:7px;background:var(--thumb);
  box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);transition:transform .35s var(--spring)}
.seg [role="radio"]{position:relative;z-index:1;padding:8px 2px;font-size:.8125rem;font-weight:500;text-align:center;border-radius:7px;transition:opacity .15s ease;white-space:nowrap}
.seg [aria-checked="true"]{font-weight:600}
.seg [role="radio"]:active{opacity:.55;transition:opacity 0s}

.slider{display:flex;align-items:center;gap:12px}
.slider input{flex:1;accent-color:var(--blue);min-width:0;height:28px}
.val{font:600 1.0625rem var(--f-r);font-variant-numeric:tabular-nums;color:var(--blue);min-width:4.5ch;text-align:right}

.sw{width:51px;height:31px;border-radius:999px;background:var(--fill-2);position:relative;flex:none;transition:background-color .25s ease}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);transition:transform .35s var(--spring),width .2s var(--spring)}
.sw:active::after{width:31px}
.sw[aria-checked="true"]{background:#34c759}
.sw[aria-checked="true"]::after{transform:translateX(20px)}
.sw[aria-checked="true"]:active::after{transform:translateX(16px)}

/* ads: 44px+ clear of anything tappable, labelled outside, never styled like a plan card */
.adwrap{margin-block:44px}
.adwrap>span{display:block;text-align:center;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.625rem;color:var(--label-3);margin-bottom:6px}
.ad{min-height:110px;display:grid;place-items:center;text-align:center;color:var(--label-3);font-size:.75rem;padding:12px;border:1px dashed var(--sep);
  background-image:repeating-linear-gradient(135deg,transparent 0 10px,var(--fill) 10px 11px)}
.ad.tall{min-height:250px}

/* results */
.res-h{display:flex;align-items:baseline;justify-content:space-between;margin:30px 4px 12px;gap:12px}
.res-h h2{font:700 1.375rem/1.2 var(--f-d);letter-spacing:-.018em;margin:0}
.res-h span{font-size:.8125rem;color:var(--label-2);white-space:nowrap}
.list{display:grid;gap:10px}
.plan{display:block;width:100%;text-align:left;background:var(--group);border-radius:16px;padding:16px;box-shadow:var(--shadow-s);
  transition:transform .25s var(--spring);animation:rise .4s var(--spring) both}
.plan:active{transform:scale(.975);transition:transform .1s ease-out}
.plan.first{box-shadow:0 0 0 2px var(--blue),var(--shadow-s)}
@keyframes rise{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
.p-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.price{font:700 1.75rem/1 var(--f-r);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.per{display:block;font:500 .8125rem var(--f);color:var(--label-2);margin-top:5px;letter-spacing:0}
.tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.tag{font-size:.6875rem;font-weight:600;padding:4px 8px;border-radius:999px;white-space:nowrap}
.tag.b{background:var(--blue-soft);color:var(--blue)}
.tag.g{background:var(--green-soft);color:var(--green)}
.facts{display:flex;gap:6px 16px;margin-top:14px;font-size:.9375rem;flex-wrap:wrap;color:var(--label-2)}
.facts strong{color:var(--label);font-weight:600;font-variant-numeric:tabular-nums}
.why{margin-top:10px;font-size:.8125rem;color:var(--label-2)}
.more{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:.5px solid var(--sep);font-size:.875rem;color:var(--blue);font-weight:500}
.empty{background:var(--group);border-radius:16px;padding:22px;text-align:center;color:var(--label-2);font-size:.9375rem}
.stamp{font-size:.75rem;color:var(--label-3);margin:10px 4px 0}

/* homepage modules */
.mod{margin-top:40px}
.mod-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 12px}
.mod-h h2{font:700 1.375rem/1.2 var(--f-d);letter-spacing:-.018em;margin:0;text-wrap:balance}
.mod-h a{color:var(--blue);text-decoration:none;font-size:.9375rem;white-space:nowrap}

/* operator tiles */
.opgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:760px){.opgrid{grid-template-columns:repeat(4,1fr)}}
.optile{display:grid;gap:2px;background:var(--group);border-radius:16px;padding:16px;text-decoration:none;color:var(--label);transition:transform .25s var(--spring)}
.optile:active{transform:scale(.97);transition:transform .1s ease-out}
.optile .mono{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font:700 1rem var(--f-r);color:var(--blue);background:var(--blue-soft);margin-bottom:8px}
.optile strong{font-weight:600}
.optile span{font-size:.8125rem;color:var(--label-2)}

/* popular plans rail */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(168px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;
  margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px))) calc(-1*max(16px,env(safe-area-inset-right,0px)));
  padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));scrollbar-width:none;touch-action:pan-x pan-y}
.rail::-webkit-scrollbar{display:none}
@media (min-width:1112px){.rail{margin-inline:0;padding-inline:0}}
.mini{scroll-snap-align:start;text-align:left;background:var(--group);border-radius:14px;padding:14px;display:grid;gap:4px;transition:transform .25s var(--spring)}
.mini:active{transform:scale(.97);transition:transform .1s ease-out}
.mini small{font-size:.75rem;color:var(--label-2);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.mini b{font:700 1.375rem/1.1 var(--f-r);font-variant-numeric:tabular-nums}
.mini span{font-size:.8125rem;color:var(--label-2)}

/* articles */
.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:2px;
  margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)) + 0px);touch-action:pan-x pan-y}
.filters::-webkit-scrollbar{display:none}
.chip{flex:none;padding:7px 14px;border-radius:999px;background:var(--fill);font-size:.875rem;font-weight:500;transition:background-color .15s ease,color .15s ease}
.chip[aria-pressed="true"]{background:var(--label);color:var(--bg)}
.chip:active{opacity:.6;transition:opacity 0s}
.search{display:flex;align-items:center;gap:8px;background:var(--fill);border-radius:10px;padding:0 10px;margin-bottom:12px}
.search svg{flex:none;color:var(--label-2)}
.search input{flex:1;min-width:0;border:0;background:transparent;color:var(--label);padding:9px 0;outline:none}
.search input::placeholder{color:var(--label-2)}
.feed{display:grid;gap:12px}
@media (min-width:700px){.feed{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.feed{grid-template-columns:repeat(3,1fr)}}
.post{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;background:var(--group);border-radius:16px;padding:12px;text-decoration:none;color:var(--label);transition:transform .25s var(--spring)}
.post:active{transform:scale(.98);transition:transform .1s ease-out}
@media (min-width:700px){.post{grid-template-columns:1fr;padding:0;overflow:hidden}.post .pbody{padding:0 16px 16px}}
.thumb-i{aspect-ratio:1;max-width:100%;border-radius:11px;display:grid;place-items:end start;padding:10px;font:700 .8125rem/1.15 var(--f-r);color:var(--label);overflow:hidden;position:relative}
@media (min-width:700px){.thumb-i{aspect-ratio:16/9;border-radius:0;padding:16px;font-size:1.125rem}}
.thumb-i::after{content:"";position:absolute;right:-20%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:currentColor;opacity:.06}
.t-jio{background:#e6efff;color:#0b3a8f}.t-airtel{background:#ffe9e6;color:#8f1d0b}.t-vi{background:#f3e8ff;color:#5b1c8f}.t-bsnl{background:#e5f6ec;color:#0b6b35}.t-guide{background:#fff3d6;color:#7a5200}.t-compare{background:#e8eef5;color:#24384f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t-jio{background:#12234a;color:#9cc0ff} :root:not([data-theme="light"]) .t-airtel{background:#3a1611;color:#ffab9c} :root:not([data-theme="light"]) .t-vi{background:#2a1640;color:#d5b0ff} :root:not([data-theme="light"]) .t-bsnl{background:#0f2e1d;color:#8fe0b0} :root:not([data-theme="light"]) .t-guide{background:#33270a;color:#ffd47a} :root:not([data-theme="light"]) .t-compare{background:#1b2633;color:#b6c7da}}
:root[data-theme="dark"] .t-jio{background:#12234a;color:#9cc0ff} :root[data-theme="dark"] .t-airtel{background:#3a1611;color:#ffab9c} :root[data-theme="dark"] .t-vi{background:#2a1640;color:#d5b0ff} :root[data-theme="dark"] .t-bsnl{background:#0f2e1d;color:#8fe0b0} :root[data-theme="dark"] .t-guide{background:#33270a;color:#ffd47a} :root[data-theme="dark"] .t-compare{background:#1b2633;color:#b6c7da}
.pcat{font-size:.75rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.04em}
.post h3{font:600 1rem/1.3 var(--f);margin:3px 0 4px;text-wrap:balance}
.post p{margin:0;font-size:.875rem;color:var(--label-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmeta{font-size:.75rem;color:var(--label-3);margin-top:6px}
.post.feat{grid-column:1/-1}
@media (min-width:700px){.post.feat{grid-template-columns:1.2fr 1fr;align-items:center}.post.feat .thumb-i{aspect-ratio:16/10;height:100%;font-size:1.5rem}.post.feat .pbody{padding:20px}.post.feat h3{font:700 1.375rem/1.2 var(--f-d)}}
.feed .adwrap{grid-column:1/-1;margin-block:32px}
.loadmore{display:block;margin:16px auto 0;padding:11px 22px;border-radius:999px;background:var(--fill);color:var(--blue);font-weight:600;font-size:.9375rem}
.loadmore:active{opacity:.6}
.nores{grid-column:1/-1;text-align:center;color:var(--label-2);padding:20px}

/* how it works */
.steps{display:grid;gap:10px;margin-top:8px}
@media (min-width:700px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{list-style:none;background:var(--group);border-radius:14px;padding:16px;display:grid;gap:4px;align-content:start}
.steps b{font:700 .8125rem var(--f-r);color:var(--blue)}
.steps strong{font-weight:600}
.steps span{color:var(--label-2);font-size:.9375rem;line-height:1.4}
.steps ol{margin:0;padding:0}

/* article */
.article{max-width:680px;display:grid;gap:12px;margin-top:40px}
.section-t{font:700 1.375rem/1.2 var(--f-d);letter-spacing:-.018em;margin:34px 0 0;text-wrap:balance}
.byline{font-size:.8125rem;color:var(--label-2);margin:0}
.article h3{font:600 1.0625rem/1.3 var(--f);margin:8px 0 0}
.article p{margin:0;line-height:1.55}
.tbl{overflow-x:auto;background:var(--group);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:.9375rem}
th,td{padding:11px 16px;text-align:left;white-space:nowrap}
th{font-size:.75rem;font-weight:600;color:var(--label-2);text-transform:uppercase;letter-spacing:.03em}
td{border-top:.5px solid var(--sep);font-variant-numeric:tabular-nums}
td.low{color:var(--green);font-weight:600}
.tnote{font-size:.8125rem;color:var(--label-2);margin:0 4px}
details{padding:0 16px;position:relative}
details+details::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--sep)}
summary{list-style:none;padding:13px 0;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--label-3);border-bottom:2px solid var(--label-3);transform:rotate(45deg);transition:transform .3s var(--spring);margin-right:4px}
details[open] summary::after{transform:rotate(225deg)}
details p{margin:0 0 14px!important;color:var(--label-2);font-size:.9375rem}

footer{margin-top:48px;padding-block:24px 32px;border-top:.5px solid var(--sep);font-size:.8125rem;color:var(--label-2);display:grid;gap:22px}
.fcols{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (min-width:760px){.fcols{grid-template-columns:1.6fr repeat(3,1fr)}}
.fcols h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--label);margin:0 0 8px;font-weight:600}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fabout{grid-column:1/-1}
@media (min-width:760px){.fabout{grid-column:auto}}
footer a{color:var(--label-2);text-decoration:none}
footer p{margin:0;line-height:1.45}
.fbase{border-top:.5px solid var(--sep);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.demo{font-size:.6875rem;color:var(--label-3)}

/* sheet */
.scrim{position:fixed;inset:0;background:var(--scrim);z-index:20;opacity:0;pointer-events:none}
.scrim.on{pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;max-width:540px;margin:0 auto;background:var(--group);border-radius:14px 14px 0 0;box-shadow:var(--shadow-l);
  padding:8px max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));
  transform:translateY(110%);touch-action:none;will-change:transform;max-height:92dvh;overflow:auto}
.grab{width:36px;height:5px;border-radius:3px;background:var(--label-3);margin:0 auto 14px}
.sheet h3{font:700 1.375rem var(--f-d);letter-spacing:-.018em;margin:0;outline:none}
.sheet .sub{color:var(--label-2);font-size:.9375rem;margin:2px 0 16px}
.sheet .group{background:var(--bg)}
.sheet .row{min-height:44px}
.sheet .row strong{font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.sheet .note{font-size:.8125rem;color:var(--label-2);margin:12px 4px 16px;line-height:1.4}
.btns{display:grid;gap:10px}
.cta{display:block;width:100%;background:var(--blue);color:var(--on-blue);font-weight:600;font-size:1.0625rem;border-radius:14px;padding:14px;text-align:center;text-decoration:none;
  transition:transform .25s var(--spring),opacity .15s ease}
.cta:active{transform:scale(.97);opacity:.85;transition:transform .1s ease-out,opacity 0s}
.cta.ghost{background:var(--fill);color:var(--wa)}

@media (hover:hover) and (pointer:fine){
  .links a:hover,footer a:hover{opacity:.7}
  .plan:hover{transform:translateY(-1px)}
  .seg [role="radio"]:hover{opacity:.75}
}
@media (prefers-reduced-motion:reduce){*,*::after{transition-duration:.01s!important;animation:none!important}}
@media (prefers-reduced-transparency:reduce){.bar,body::before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.group,.plan,.steps li{border:1px solid var(--label-3)}}

/* ===== WordPress templates ===== */
.custom-logo{max-height:28px;width:auto}
.crumbs{font-size:.8125rem;color:var(--label-2);margin:18px 4px 0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--blue);text-decoration:none}
.page-h{padding-block:14px 18px}
.page-h h1{font:700 clamp(1.75rem,5.5vw,2.375rem)/1.12 var(--f-d);letter-spacing:-.025em;margin:0;text-wrap:balance}
.page-h p{margin:8px 0 0;color:var(--label-2);max-width:60ch}
.entry{max-width:700px;margin:0 auto}
.entry-cat{font-size:.8125rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.entry-title{font:700 clamp(1.75rem,6vw,2.5rem)/1.12 var(--f-d);letter-spacing:-.025em;margin:6px 0 10px;text-wrap:balance}
.entry-meta{font-size:.875rem;color:var(--label-2);margin:0 0 18px}
.entry-thumb img{width:100%;height:auto;border-radius:16px;margin-bottom:18px}
.content{font-size:1.0625rem;line-height:1.65}
.content>*{margin:0 0 1.1em}
.content h2{font:700 1.5rem/1.2 var(--f-d);letter-spacing:-.02em;margin:1.6em 0 .5em}
.content h3{font:600 1.1875rem/1.3 var(--f);margin:1.4em 0 .4em}
.content a{color:var(--blue)}
.content img{height:auto;border-radius:12px}
.content ul,.content ol{padding-left:1.3em}
.content li{margin-bottom:.4em}
.content blockquote{margin-left:0;padding:12px 16px;background:var(--group);border-radius:12px;color:var(--label-2)}
.content table{background:var(--group);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
.content td,.content th{white-space:normal}
.content .adwrap{margin-block:36px}
.share{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}
.share a{flex:1;min-width:150px;text-align:center;padding:12px;border-radius:12px;background:var(--fill);color:var(--wa);font-weight:600;text-decoration:none}
.related{margin-top:36px}
.pager{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}
.pager .page-numbers{min-width:40px;padding:9px 12px;border-radius:10px;background:var(--fill);color:var(--label);text-decoration:none;text-align:center;font-weight:500}
.pager .current{background:var(--label);color:var(--bg)}
.plan-table td:last-child{white-space:nowrap}
.e404{text-align:center;padding-block:60px}
.e404 h1{font:700 3rem var(--f-d);margin:0}
.thumb-i.has-img{padding:0}
.thumb-i.has-img img{width:100%;height:100%;object-fit:cover}
.searchform{display:flex;gap:8px;max-width:520px}
.searchform .search{flex:1;margin:0}
.btn{background:var(--blue);color:var(--on-blue);border-radius:10px;padding:0 16px;font-weight:600}
.adm-ph{min-height:90px}
.ad ins{display:block;width:100%}
.adwrap.live .ad{border:0;background:none;padding:0;min-height:0;display:block}

a.chip{text-decoration:none;color:var(--label)}
a.chip[aria-pressed="true"]{color:var(--bg)}