/* Apple style for the content pages: about, how-we-build, pricing, blog, guides, glossary, privacy, terms, help, contact, tools, alternatives.
   Presentation only. Colors, type, radius, hover. No size-critical layout change above the fold. */
:root{--as-sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Inter Fallback","Helvetica Neue",Arial,sans-serif;--as-ink:#1d1d1f;--as-mut:#6e6e73;--as-blue:#0066cc;--as-grey:#f5f5f7}
body:has(:is(.sections,.ih-sec,.tl-section)){background:#fff!important;font-family:var(--as-sf)}
header.site{background:rgba(14,18,22,.9)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
/* headings */
:is(.sections,.ih-sec,.tl-content) :is(h1,h2){font-family:var(--as-sf)!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--as-ink)}
:is(.sections,.ih-sec) h1,body:not(:has(.pp)) main h1{font-family:var(--as-sf)!important;font-size:clamp(34px,5vw,60px)!important;line-height:1.06!important;font-weight:700!important;letter-spacing:-.035em!important}
.tl-content h1,.tl-intro,main h1.tl-title{font-family:var(--as-sf)!important}
:is(.sections,.ih-sec) h3{font-family:var(--as-sf);font-weight:600;letter-spacing:-.02em;color:var(--as-ink)}
.pv :is(p,li){font-size:17px;line-height:1.5;letter-spacing:-.011em}
/* links */
:is(.sections,.ih-sec) :is(p,li,td) a:not([class*="btn"]):not(.mail){color:var(--as-blue)!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important;background-image:none!important}
:is(.sections,.ih-sec) :is(p,li,td) a:not([class*="btn"]):not(.mail):hover{text-decoration:underline!important}
/* cards */
:is(.bp-card,.tl-tool,.rt-card,.itp-rn-card){border:0!important;border-radius:22px!important;background:var(--as-grey)!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
:is(.bp-card,.tl-tool,.rt-card,.itp-rn-card):hover{transform:scale(1.012);box-shadow:0 12px 32px rgba(0,0,0,.1)!important}
:is(.gd-item,.gl-item){border-radius:14px!important;transition:background .2s}
:is(.gd-item,.gl-item):hover{background:var(--as-grey)!important}
.box,.box.key,.au-box{background:var(--as-grey)!important;border:0!important;border-radius:22px!important;box-shadow:none!important}
.gl-chips a,.gl-az a,.gd-find input,.gl-search,.tl-search,input[type=search]{border-radius:980px!important}
/* faq accordions */
.faq-item{background:none!important;border:0!important;border-top:1px solid #d2d2d7!important;border-radius:0!important;box-shadow:none!important}
.faq-item:last-child{border-bottom:1px solid #d2d2d7!important}
.faq-item summary{font-weight:600!important;letter-spacing:-.012em;color:var(--as-ink)}
/* tables */
:is(.cmpT,.pv table,.pp table) :is(th){background:var(--as-grey)!important;color:var(--as-ink);font-weight:600}
:is(.cmpT,.pv table) :is(td,th){border-color:#e5e5ea!important}
/* long reading pages */
.pv,.pv p,.pv li{color:#424245}
.pv h2{margin-top:2.2em}
.updated{color:var(--as-mut)}
@media(prefers-reduced-motion:reduce){:is(.bp-card,.tl-tool,.rt-card,.itp-rn-card){transition:none}}

/* stat tiles, glossary start-here and theme cards */
.ab-num>div,.gl-relx li,.gl-th{background:var(--as-grey)!important;border:0!important;border-radius:22px!important;box-shadow:none!important}
/* pricing keeps its own dark design: only the shared nav glass and FAQ hairlines apply */
.pp details{border-radius:18px}