/* * Latent blog chrome - stylesheet for seo-machine-blog-chrome.php * * Extracted from the WordPress reusable block "Latent Blog Chrome" * (block ID 232), which was the staging home for this design while it was * being iterated on. Every rule here previously shipped inline inside post * content; it now loads once per page as a real file. * * Covers: the .latent-post grid, the ToC rail, the sidebar (search, services, * contact CTA), the article body components (.lat-overview, .lat-kt, * .lat-list, .lat-faq, .lat-pull), the related-articles grid, and the hero * byline. * * Edit this file - not post content, and not block 232. */ /* ============================================================ 1. Layout, ToC, sidebar, article body, related articles ============================================================ */ .legal.insight-post>.wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:1fr min-content min-content min-content 0px auto;column-gap:40px;align-items:start;width:min(1314px,100%) !important;margin-inline:auto;}.legal.insight-post>.wrap:before{width:auto !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}article.legal.insight-post{position:relative;}article.legal.insight-post:before{content:"";position:absolute;left:0;right:0;top:var(--lat-hero-top,0px);height:calc(var(--lat-hero-h,0px) - var(--lat-hero-top,0px));pointer-events:none;z-index:0;background:#1A2332 !important;border-bottom:none;} /* The site header is a deliberately translucent "scrolled" overlay (rgb(252,252,251) at 82% opacity - a frosted-glass effect, theme-level, intentional, and fine over ordinary light page background). This hero band is solid #1A2332 and sits directly underneath it once the reader scrolls, since the band is positioned inside the scrolling article while the header stays fixed - so 18% of a dark navy now shows through as a muddy tint across the nav, which was never visible before the band was solid dark. Scoped to header.site-header.scrolled ONLY on the pages this plugin's CSS loads on (single posts + search) - the header's translucency elsewhere on the site (home, services, etc.) is untouched. Reuses the theme's own colour, just without the alpha channel, rather than introducing a new one. */ header.site-header.scrolled{background-color:rgb(252,252,251) !important;} @media (prefers-color-scheme: dark){ header.site-header.scrolled{background-color:rgb(10,11,14) !important;} } :root[data-theme="dark"] header.site-header.scrolled{background-color:rgb(10,11,14) !important;} :root[data-theme="light"] header.site-header.scrolled{background-color:rgb(252,252,251) !important;}article.legal.insight-post>.wrap{position:relative;z-index:1;}.latent-post .lat-meta{display:none !important;}.legal.insight-post>.wrap>.kicker,.legal.insight-post>.wrap>h1,.legal.insight-post>.wrap>.legal-updated{position:relative;z-index:1;}.legal.insight-post>.wrap>.kicker{grid-column:1;grid-row:2;color:#fff;}.legal.insight-post>.wrap>h1{grid-column:1;grid-row:3;}.legal.insight-post>.wrap>.legal-updated{grid-column:1;grid-row:4;align-self:start;}.legal.insight-post>.wrap>.insight-post-img{grid-column:2;grid-row:1/span 5;width:100%;max-width:none;margin:0;overflow:hidden;border-radius:14px;align-self:start;aspect-ratio:16/9;min-height:320px;box-shadow:0 0 0 4px #fff,0 18px 44px rgba(10,11,13,.34);}.legal.insight-post>.wrap>.insight-post-img img{width:100%;height:100%;object-fit:cover;object-position:center;}.legal.insight-post>.wrap>h1{color:#fff;font-size:50px;line-height:1.12;max-width:none;}.legal.insight-post>.wrap{padding-bottom:24px;border-bottom:1px solid rgba(10,11,13,.10);}.legal.insight-post>.wrap>.legal-updated.lat-byline{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:20px 0 0;padding:14px 16px;font-family:Geist,"Segoe UI",system-ui,sans-serif;letter-spacing:normal;background:var(--surface,#fff);border:1px solid var(--line,rgba(10,11,13,.13));border-radius:10px;font-size:13px;color:var(--ink,#0a0b0d);box-shadow:none;}.legal.insight-post>.wrap>.legal-updated.lat-byline .lat-by-author{flex-basis:auto;}.legal.insight-post>.wrap>.legal-updated.lat-byline .lat-by-author+.lat-by-sep{display:block;}.legal.insight-post>.wrap>.legal-updated.lat-byline .lat-by-share{width:34px;padding:0;gap:0;border-radius:8px;border:1px solid var(--line-strong,rgba(10,11,13,.20));margin-left:auto;}.legal.insight-post>.wrap>.legal-updated.lat-byline .lat-by-share:after{content:none;}.lat-by-author{display:flex;align-items:center;gap:11px;min-width:0;}.lat-by-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--accent,#1946da);color:#fff;font-weight:800;font-size:14px;letter-spacing:.02em;}.lat-by-names{display:flex;flex-direction:column;gap:2px;min-width:0;}.lat-by-name{font-weight:700;font-size:14px;line-height:1.2;color:var(--ink,#0a0b0d);}.lat-by-role{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#8a8d94);line-height:1.2;}.lat-by-value,.lat-by-item,.lat-by-item span{font-family:inherit;letter-spacing:normal;}.lat-by-label{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted,#8a8d94);line-height:1.2;}.lat-by-value{font-weight:700;font-size:14px;line-height:1.25;color:var(--ink,#0a0b0d);}.lat-by-sep{width:1px;height:30px;background:rgba(10,11,13,.20);flex-shrink:0;}.lat-by-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-soft,#52555c);font-variant-numeric:tabular-nums;white-space:nowrap;}.lat-by-item svg{color:var(--accent,#1946da);flex-shrink:0;}.lat-by-share{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid rgba(10,11,13,.20);background:var(--surface,#fff);color:var(--ink,#0a0b0d);font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s;}.lat-by-share:hover{border-color:var(--accent,#1946da);color:var(--accent,#1946da);}.lat-by-share svg{flex-shrink:0;}.lat-by-share.is-copied{border-color:var(--teal,#0fa98c);color:var(--teal,#0fa98c);}.lat-by-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}@media(max-width:640px){.legal.insight-post>.wrap>.legal-updated.lat-byline{gap:12px;}.lat-by-sep{display:none;}.lat-by-share{margin-left:0;}}.legal.insight-post>.wrap>.insight-post-img{position:relative;box-shadow:0 0 0 4px #fff,0 18px 44px rgba(10,11,13,.34);transition:transform .35s ease,box-shadow .35s ease;margin-bottom: 20px;}.legal.insight-post>.wrap>.insight-post-img:hover{transform:translateY(-3px);box-shadow:0 0 0 4px #fff,0 26px 60px rgba(10,11,13,.42);}.legal.insight-post>.wrap>.insight-post-img:before,.legal.insight-post>.wrap>.insight-post-img:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none;z-index:2;}.legal.insight-post>.wrap>.insight-post-img:before{top:14px;left:14px;border-top:2px solid rgba(255,255,255,.5);border-left:2px solid rgba(255,255,255,.5);border-top-left-radius:7px;}.legal.insight-post>.wrap>.insight-post-img:after{bottom:14px;right:14px;border-bottom:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(255,255,255,.5);border-bottom-right-radius:7px;}@media(prefers-reduced-motion:reduce){.legal.insight-post>.wrap>.insight-post-img{transition:none;}.legal.insight-post>.wrap>.insight-post-img:hover{transform:none;}}.legal.insight-post>.wrap>.insight-post-body{grid-column:1/-1;grid-row:6;margin-top:80px;}@media(max-width:900px){.legal.insight-post>.wrap{grid-template-columns:1fr;grid-template-rows:auto;}.legal.insight-post>.wrap>.kicker{grid-column:1;grid-row:1;}.legal.insight-post>.wrap>h1{grid-column:1;grid-row:2;}.legal.insight-post>.wrap>.legal-updated{grid-column:1;grid-row:3;}.legal.insight-post>.wrap>.insight-post-img{grid-column:1;grid-row:4;max-width:100%;margin:20px 0 0;aspect-ratio:16/9;align-self:auto;min-height:0;max-height:none;margin-bottom: 40px;}.legal.insight-post>.wrap>.insight-post-body{grid-column:1;grid-row:5;margin-top:20px;}}.latent-post{max-width:1600px;width:100%;margin:0 auto;padding:0 0 72px;display:grid;grid-template-columns:252px minmax(0,74ch) 252px;gap:44px;align-items:start;justify-content:center;font-size:17px;line-height:1.7;color:var(--ink,#0a0b0d);font-family:Geist,"Segoe UI",system-ui,sans-serif;}.latent-post .lat-main{min-width:0;}.latent-post .lat-main{max-width:74ch;}.latent-post .lat-overview{background:none;border:0;border-left:3px solid var(--accent,#1946da);border-radius:0;padding:2px 0 2px 22px;margin:0 0 28px;box-shadow:none;}.latent-post .lat-overview-head{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8a8d94);margin:0 0 10px;}.latent-post .lat-overview .lat-lead{margin:0 0 14px;padding-bottom:0;border-bottom:0;max-width:none;}.latent-post .lat-overview .lat-lead:before{display:none;}.latent-post .lat-overview p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;}.latent-post .lat-overview p.lat-lead{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;}.latent-post .lat-overview p:last-child{margin-bottom:0;}.latent-post .lat-pull{margin:34px 0;padding:4px 0 4px 22px;max-width:60ch;border-left:3px solid var(--accent,#1946da);font-size:1.24rem;line-height:1.5;font-weight:500;color:var(--ink,#0a0b0d);letter-spacing:-.006em;}@media(max-width:900px){.latent-post .lat-pull{font-size:1.1rem;}}.latent-post .lat-main>h3{padding-left:20px;}.latent-post .lat-main>h4{padding-left:40px;}.latent-post .lat-main>h5{padding-left:60px;}.latent-post .lat-main>p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;}.latent-post .lat-list-desc,.latent-post .lat-faq-a{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;}.latent-post .lat-main>p.lat-lead,.latent-post .lat-main>p.lat-pull{text-align:left;hyphens:none;-webkit-hyphens:none;}@media(max-width:640px){.latent-post .lat-main>p,.latent-post .lat-list-desc,.latent-post .lat-faq-a{text-align:left;}}.latent-post .lat-main{counter-reset:latsec;}.latent-post .lat-pull{margin:34px 0;padding:4px 0 4px 22px;max-width:60ch;border-left:3px solid var(--accent,#1946da);font-size:1.24rem;line-height:1.5;font-weight:500;color:var(--ink,#0a0b0d);letter-spacing:-.006em;}@media(max-width:900px){.latent-post .lat-pull{font-size:1.1rem;}}.latent-post .lat-side{position:sticky;top:90px;align-self:start;}.latent-post .lat-side::-webkit-scrollbar{width:6px;}.latent-post .lat-side::-webkit-scrollbar-thumb{background:rgba(10,11,13,.16);border-radius:3px;}.latent-post .lat-rail{display:flex;flex-direction:column;gap:10px;}@media(max-width:1200px){.latent-post{grid-template-columns:minmax(0,1fr) 252px;gap:28px;}.latent-post .lat-toc-col{grid-column:1/-1;order:-1;position:static;max-height:none;overflow:visible;}.latent-post .lat-toc-col .lat-toc ul{display:grid;grid-template-columns:1fr 1fr;border-left:0;gap:0 18px;}.latent-post .lat-toc-col .lat-toc a{border-left:0;padding-left:0;}}@media(max-width:640px){.latent-post .lat-toc-col .lat-toc ul{grid-template-columns:1fr;}}@media(max-width:900px){.latent-post{grid-template-columns:minmax(0,1fr);gap:28px;padding:0 18px 48px;}.latent-post .lat-side{position:sticky;z-index: 9999;max-height:none;overflow:visible;}}.latent-post .lat-main h2{font-size:1.5rem;line-height:1.26;margin:2.6rem 0 .9rem;padding-bottom:10px;border-bottom:1px solid rgba(10,11,13,.10);font-weight:700;letter-spacing:-.015em;scroll-margin-top:104px;}.latent-post .lat-main>h2:before{content:"\00bb";display:inline-block;margin-right:10px;color:var(--accent,#1946da);font-weight:700;}.latent-post .lat-main h3{font-size:1.22rem;line-height:1.3;margin:1.8rem 0 .6rem;font-weight:700;scroll-margin-top:104px;}.latent-post .lat-main p{margin:0 0 1.15rem;}.latent-post .lat-main>ul,.latent-post .lat-main>ol{margin:0 0 1.15rem;padding-left:1.3rem;}.latent-post .lat-main>ul li,.latent-post .lat-main>ol li{margin:.4rem 0;}.latent-post .lat-meta{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:12.5px;color:var(--muted,#8a8d94);letter-spacing:.05em;text-transform:uppercase;font-weight:700;}.latent-post .lat-meta .lat-cat{color:var(--accent,#1946da);}.latent-post .lat-lead{font-size:1.38rem;line-height:1.58;font-weight:500;color:var(--ink,#0a0b0d);letter-spacing:-.007em;max-width:32ch;margin:0 0 2.2rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(10,11,13,.12);}.latent-post .lat-lead:before{content:"";display:block;width:52px;height:3px;border-radius:2px;margin:0 0 20px;background:linear-gradient(90deg,var(--accent,#1946da),var(--teal,#0fa98c));}@media(max-width:900px){.latent-post .lat-lead{font-size:1.18rem;max-width:none;}}.latent-post .lat-lead:before{content:"";display:block;width:52px;height:3px;border-radius:2px;margin:0 0 20px;background:linear-gradient(90deg,var(--accent,#1946da),var(--teal,#0fa98c));}@media(max-width:900px){.latent-post .lat-lead{font-size:1.18rem;max-width:none;}}.latent-post .lat-kt{position:relative;overflow:hidden;margin:32px 0;padding:28px 30px 26px;border-radius:18px;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 40px rgba(10,32,60,.13),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(10,11,13,.05),inset 0 10px 30px rgba(255,255,255,.35);}.latent-post .lat-kt:after{content:"";position:absolute;top:0;left:0;right:0;height:38px;pointer-events:none;z-index:0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,0) 100%);}.latent-post .lat-kt:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 0%,transparent 32%,rgba(255,255,255,.55) 42%,rgba(255,255,255,.16) 49%,transparent 62%);}.latent-post .lat-kt>*{position:relative;z-index:1;}.latent-post .lat-kt-head{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8a8d94);margin:0 0 18px;}.latent-post .lat-kt-list{margin:0;padding:0;list-style:none;display:grid;gap:16px;}.latent-post .lat-kt-list li{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:start;}.latent-post .lat-kt-n{font-size:0;line-height:0;color:transparent;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;}.latent-post .lat-kt-n:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--accent,#1946da);flex-shrink:0;}.latent-post .lat-kt-t{font-size:15.5px;line-height:1.6;color:var(--ink,#0a0b0d);max-width:56ch;}.latent-post .lat-kt{margin:32px auto;width:calc(100% - 80px);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;overflow:hidden;isolation:auto;border-radius:14px;background:linear-gradient(140deg,rgba(25,70,218,.10) 0%,rgba(15,169,140,.05) 50%,rgba(25,70,218,.03) 100%),linear-gradient(0deg,#fcfdff,#fcfdff);border:1px solid rgba(10,11,13,.20);box-shadow:0 1px 2px rgba(10,11,13,.04),0 10px 26px rgba(10,11,13,.05);}.latent-post .lat-kt:after{display:none;}.latent-post .lat-kt>*{position:relative;z-index:2;}.latent-post .lat-kt-head{display:block;width:100%;box-sizing:border-box;margin:0;padding:12px 16px;background:var(--accent,#1946da);color:#fff;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:13px 13px 0 0;text-shadow:none;max-width:none;}.latent-post .lat-kt-list{margin:14px;padding:18px 20px;gap:9px;background:var(--surface,#fff);border-radius:10px;border:1px solid rgba(10,11,13,.08);box-shadow:0 1px 2px rgba(10,11,13,.04);}.latent-post .lat-kt:before{display:none;}.latent-post .lat-toc-title{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8a8d94);margin:0 0 12px;}.latent-post .lat-toc{border:1px solid rgba(10,11,13,.20);border-radius:14px;overflow:hidden;background:var(--surface,#fff);}.latent-post .lat-toc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:var(--accent,#1946da);color:#fff;}.latent-post .lat-toc-head-title{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:.01em;}.latent-post .lat-toc-head-ico{font-size:14px;line-height:1;opacity:.9;}.latent-post .lat-toc-count{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.65);font-variant-numeric:tabular-nums;}.latent-post .lat-toc-body{padding:14px 14px 12px;}.latent-post .lat-toc ul{margin:0;padding:0;list-style:none;counter-reset:lattoc;}.latent-post .lat-toc li{margin:0 0 1px;}.latent-post .lat-toc li:last-child{margin-bottom:0;}.latent-post .lat-toc a{display:flex;gap:10px;align-items:baseline;padding:3px 6px 3px 15px;margin-left:-2px;border-left:3px solid transparent;color:var(--ink-soft,#52555c);text-decoration:none;font-size:13.8px;line-height:1.42;border-radius:6px;transition:color .15s,border-color .15s,background .15s;}.latent-post .lat-toc a:before{counter-increment:lattoc;content:counter(lattoc,decimal-leading-zero);font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--muted,#8a8d94);font-variant-numeric:tabular-nums;flex-shrink:0;transition:color .15s;}.latent-post .lat-toc a:hover{color:var(--accent,#1946da);background:rgba(25,70,218,.05);border-left-color:rgba(25,70,218,.4);}.latent-post .lat-toc a.is-active{color:var(--accent-ink,#1238b0);font-weight:650;border-left-color:var(--amber,#f0810f);background:rgba(25,70,218,.06);}.latent-post .lat-toc a.is-active:before{color:var(--amber,#f0810f);}.latent-post .lat-toc-pct{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--accent,#1946da);margin:0 0 6px;font-variant-numeric:tabular-nums;}.latent-post .lat-toc-prog-row{display:flex;align-items:center;gap:8px;margin:0 0 12px;}.latent-post .lat-toc-prog{flex:1;height:2px;border-radius:2px;background:rgba(10,11,13,.10);margin:0;overflow:hidden;}.latent-post .lat-toc-remain{flex-shrink:0;font-size:11px;font-weight:700;color:var(--muted,#8a8d94);font-variant-numeric:tabular-nums;white-space:nowrap;}.latent-post .lat-toc-prog i{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,var(--accent,#1946da),var(--teal,#0fa98c));transition:width .12s linear;}.latent-post .lat-top{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 2px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--muted,#8a8d94);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;transition:color .15s;}.latent-post .lat-top:hover{color:var(--accent,#1946da);}.latent-post .lat-top span{font-size:14px;line-height:1;}.latent-post .lat-toc a:before{counter-increment:lattoc;content:counter(lattoc,decimal-leading-zero);font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--muted,#8a8d94);font-variant-numeric:tabular-nums;flex-shrink:0;transition:color .15s;}.latent-post .lat-toc a:hover{color:var(--accent,#1946da);background:rgba(25,70,218,.05);border-left-color:rgba(25,70,218,.4);}.latent-post .lat-toc a.is-active:before{color:var(--accent,#1946da);}.latent-post .lat-toc-prog{height:2px;border-radius:2px;background:rgba(10,11,13,.10);margin:0 0 12px;overflow:hidden;}.latent-post .lat-toc-prog i{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,var(--accent,#1946da),var(--teal,#0fa98c));transition:width .12s linear;}.latent-post .lat-top{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 2px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--muted,#8a8d94);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;transition:color .15s;}.latent-post .lat-top:hover{color:var(--accent,#1946da);}.latent-post .lat-top span{font-size:14px;line-height:1;}@keyframes lat-sweep{0%{transform:translateX(-160%);}22%{transform:translateX(260%);}100%{transform:translateX(260%);}}.latent-post .lat-main a[href*="latentdigitalsolutions.com"]{font-weight:700;font-style:italic;text-decoration:underline;color:var(--accent,#1946da);}.latent-post .lat-main a[href*="latentdigitalsolutions.com"] strong{color:inherit;font-weight:inherit;font-style:inherit;}.latent-post .lat-main a:not([href*="latentdigitalsolutions.com"]){font-weight:400;font-style:normal;text-decoration:underline;text-decoration-color:var(--accent-line,#1946da38);text-underline-offset:2px;color:var(--accent,#1946da);}.latent-post .lat-cta-hidden{display:none;}.latent-post .lat-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}.latent-post .lat-rail-card{background:var(--surface,#fff);border:1px solid rgba(10,11,13,.20);border-radius:14px;padding:0;overflow:hidden;}.latent-post .lat-rail-head{display:block;padding:12px 16px;background:var(--accent,#1946da);color:#fff;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;}.latent-post .lat-rail-body{padding:13px;}.latent-post .lat-search{display:flex;align-items:center;gap:8px;background:var(--surface,#fff);border:1px solid rgba(10,11,13,.13);border-radius:12px;padding:5px 5px 5px 14px;box-shadow:0 1px 2px rgba(10,11,13,.04);}.latent-post .lat-search-field{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;font-family:inherit;color:var(--ink,#0a0b0d);padding:8px 0;}.latent-post .lat-search-field::placeholder{color:rgba(10,11,13,.34);}.latent-post .lat-search-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:0;background:var(--accent,#1946da);color:#fff;cursor:pointer;font-size:15px;flex-shrink:0;transition:background .15s;font-family:inherit;}.latent-post .lat-search-btn:hover{background:var(--accent-ink,#1238b0);}.lat-more{margin:56px 0 0;display:flex;flex-direction:column;gap:0;font-family:Geist,"Segoe UI",system-ui,sans-serif;}.lat-more-block{padding:32px 0;border-bottom:1px solid rgba(10,11,13,.12);}.lat-more-block:first-child{border-top:1px solid rgba(10,11,13,.12);}.lat-more-block:last-child{border-bottom:0;}.lat-more-head{display:block;margin:0 0 20px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8a8d94);}.lat-more .lat-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;}.lat-more .lat-related-item{display:flex;flex-direction:column;gap:0;align-items:stretch;background:var(--surface,#fff);border:1px solid rgba(10,11,13,.12);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(10,11,13,.04);transition:box-shadow .18s,transform .18s,border-color .18s;text-decoration:none !important;color:inherit;font-style:normal !important;font-weight:400 !important;}.lat-more .lat-related-item:hover{transform:translateY(-2px);border-color:var(--accent-line,#1946da38);box-shadow:0 10px 24px rgba(10,11,13,.08);}.lat-more .lat-related-thumb{width:100%;aspect-ratio:16/9;height:auto;border-radius:0;overflow:hidden;background:var(--surface-2,#f5f6f8);flex-shrink:0;border-bottom:1px solid rgba(10,11,13,.08);}.lat-more .lat-related-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;max-width:none;}.lat-more .lat-rel-link{display:flex;flex-direction:column;gap:0;text-decoration:none !important;color:inherit;}.lat-more .lat-related-text{display:block;padding:16px 18px 10px;min-width:0;}.lat-more .lat-related-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:0 18px 16px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#8a8d94);}.lat-more .lat-rel-author{color:var(--ink-soft,#52555c);}.lat-more .lat-rel-sep{width:3px;height:3px;border-radius:50%;background:rgba(10,11,13,.25);flex-shrink:0;}.lat-more .lat-rel-share{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin-left:auto;border-radius:7px;border:1px solid rgba(10,11,13,.16);background:var(--surface,#fff);color:var(--ink-soft,#52555c);cursor:pointer;font-family:inherit;flex-shrink:0;transition:color .15s,border-color .15s;}.lat-more .lat-rel-share:hover{color:var(--accent,#1946da);border-color:var(--accent,#1946da);}.lat-more .lat-rel-share.is-copied{color:var(--teal,#0fa98c);border-color:var(--teal,#0fa98c);}.lat-more .lat-related-title{margin:0 0 10px;font-size:16.5px;font-weight:700;line-height:1.45;letter-spacing:-.01em;color:var(--ink,#0a0b0d);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .18s;}.lat-more .lat-related-item:hover .lat-related-title{color:var(--accent,#1946da);}.lat-more .lat-related-date{font-size:11px;color:var(--muted,#8a8d94);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}.lat-more .lat-related-empty{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.55;color:var(--muted,#8a8d94);}@media(max-width:900px){.lat-more .lat-related-list{grid-template-columns:1fr;gap:18px;}.lat-more-block{padding:26px 0;}}.latent-post .lat-related-list{display:flex;flex-direction:column;gap:12px;}.latent-post .lat-related-item{display:flex;gap:10px;text-decoration:none !important;color:inherit;font-style:normal !important;font-weight:400 !important;}.latent-post .lat-related-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface,#fff);}.latent-post .lat-related-thumb img{width:100%;height:100%;object-fit:cover;display:block;}.latent-post .lat-related-text{min-width:0;}.latent-post .lat-related-title{font-size:13px;font-weight:700;line-height:1.35;color:var(--ink,#0a0b0d);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.latent-post .lat-related-item:hover .lat-related-title{color:var(--accent,#1946da);}.latent-post .lat-related-date{font-size:10.5px;color:var(--muted,#8a8d94);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}.latent-post .lat-related-empty{font-size:12.5px;color:var(--muted,#8a8d94);line-height:1.5;margin:0;}.latent-post .lat-rail-title{font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8a8d94);margin:0 0 9px;}.latent-post .lat-rail-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;}.latent-post .lat-rail-card li{margin:0;}.latent-post .lat-svc{position:relative;overflow:hidden;display:flex;align-items:center;gap:11px;min-height:38px;padding:9px 30px 9px 14px;border-radius:10px;background-color:var(--surface,#fff);border:1px solid rgba(10,11,13,.13);box-shadow:0 1px 2px rgba(10,11,13,.05);font-size:14.5px;font-weight:700;line-height:1.3;color:var(--ink,#0a0b0d);text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;}.latent-post .lat-svc:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted,#8a8d94);border-top:2px solid var(--muted,#8a8d94);transform:translateY(-50%) rotate(45deg);transition:border-color .18s,right .18s;}.latent-post .lat-svc:hover{border-color:var(--accent,#1946da);box-shadow:0 8px 20px rgba(10,11,13,.09);transform:translateY(-1px);}.latent-post .lat-svc:hover:after{border-color:var(--accent,#1946da);right:11px;}.latent-post .lat-svc-ico{width:6px;height:6px;border-radius:50%;background:var(--accent,#1946da);flex-shrink:0;}.latent-post .lat-svc:before{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(25,70,218,.16) 45%,rgba(255,255,255,.5) 55%,transparent 100%);transform:translateX(-160%);animation:lat-sweep 5.6s ease-in-out infinite;pointer-events:none;}.latent-post .lat-rail-card li:nth-child(2) .lat-svc:before{animation-delay:.5s;}.latent-post .lat-rail-card li:nth-child(3) .lat-svc:before{animation-delay:1s;}.latent-post .lat-rail-card li:nth-child(4) .lat-svc:before{animation-delay:1.5s;}.latent-post .lat-cta{position:relative;overflow:hidden;background:var(--surface,#fff);border:1px solid rgba(10,11,13,.20);border-radius:14px;padding:0;box-shadow:0 1px 2px rgba(10,11,13,.04),0 10px 26px rgba(10,11,13,.05);}.latent-post .lat-cta .lat-cta-body{padding:14px 14px 13px;}.latent-post .lat-cta-phone{display:flex;gap:7px;}.latent-post .lat-cta-phone select.lat-cta-field{flex:0 0 92px;width:92px;margin:0;}.latent-post .lat-cta-phone input.lat-cta-field{flex:1 1 auto;min-width:0;}.latent-post .lat-cta .lat-rail-title{margin:0 0 9px;}.latent-post .lat-cta form{margin:0;}.latent-post .lat-cta-group{margin:0 0 7px;}.latent-post .lat-cta-label{display:block;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#8a8d94);margin:0 0 3px;}.latent-post .lat-cta-opt{font-weight:600;text-transform:none;letter-spacing:0;color:rgba(10,11,13,.3);}.latent-post .lat-cta-field{display:block;width:100%;box-sizing:border-box;margin:0;padding:8px 11px;border-radius:9px;border:1px solid rgba(10,11,13,.16);background-color:var(--surface-2,#f5f6f8);color:var(--ink,#0a0b0d);font-size:14px;font-family:inherit;line-height:1.4;transition:border-color .15s,background-color .15s,box-shadow .15s;}.latent-post .lat-cta-field::placeholder{color:rgba(10,11,13,.34);}.latent-post .lat-cta-field:focus{outline:none;border-color:var(--accent,#1946da);background-color:#fff;box-shadow:0 0 0 3px rgba(25,70,218,.13);}.latent-post textarea.lat-cta-field{resize:vertical;min-height:46px;line-height:1.45;}.latent-post select.lat-cta-field{margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted,#8a8d94) 50%),linear-gradient(135deg,var(--muted,#8a8d94) 50%,transparent 50%);background-position:calc(100% - 15px) 19px,calc(100% - 10px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px;}.latent-post .lat-cta-btn{display:block;width:100%;text-align:center;background:var(--accent,#1946da);color:#fff !important;padding:10px 16px;border-radius:9px;font-weight:700;font-size:14.5px;text-decoration:none !important;font-style:normal !important;border:0;cursor:pointer;font-family:inherit;box-shadow:0 6px 16px rgba(25,70,218,.22);transition:background .18s,box-shadow .18s;}.latent-post .lat-cta-btn:hover{background:var(--accent-ink,#1238b0);box-shadow:0 8px 20px rgba(25,70,218,.3);}/*lat-cta-3d*/.latent-post .lat-cta{position:relative;padding:0;border:1px solid rgba(10,11,13,.20);border-radius:14px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(10,11,13,.07),0 8px 18px rgba(10,11,13,.09),0 24px 48px rgba(10,11,13,.13),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s;}.latent-post .lat-cta:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(10,11,13,.08),0 16px 30px rgba(10,11,13,.12),0 40px 76px rgba(10,11,13,.18),inset 0 1px 0 rgba(255,255,255,.95);}.latent-post .lat-cta:before{display:none;}.latent-post .lat-cta:after{display:none;}.latent-post .lat-cta .lat-rail-head{position:relative;z-index:1;border-radius:13px 13px 0 0;background:var(--accent,#1946da);box-shadow:none;}.latent-post .lat-cta .lat-cta-body{position:relative;z-index:1;padding:14px;border-radius:0 0 13px 13px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.62) 42%,rgba(248,250,252,.78) 100%);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(10,11,13,.04),inset 0 8px 24px rgba(255,255,255,.55);}.latent-post .lat-cta .lat-cta-body:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 0%,transparent 30%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.14) 47%,transparent 60%);}.latent-post .lat-cta .lat-cta-body:after{content:"";position:absolute;top:0;left:0;right:0;height:30px;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.45) 40%,rgba(255,255,255,0) 100%);}.latent-post .lat-cta .lat-cta-body>*{position:relative;z-index:1;}.latent-post .lat-cta .lat-cta-field{background-color:#fff;border-color:rgba(10,11,13,.13);box-shadow:0 1px 1.5px rgba(10,11,13,.04);transition:border-color .16s,box-shadow .16s;}.latent-post .lat-cta .lat-cta-field:hover{border-color:rgba(10,11,13,.22);}.latent-post .lat-cta .lat-cta-field:focus{border-color:var(--accent,#1946da);box-shadow:0 0 0 3px rgba(25,70,218,.14);outline:none;}.latent-post .lat-cta-btn{position:relative;overflow:hidden;background:linear-gradient(180deg,#2a58e6 0%,var(--accent,#1946da) 52%,var(--accent-ink,#1238b0) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 6px 14px rgba(25,70,218,.30),0 1px 3px rgba(10,11,13,.14);transition:transform .18s,box-shadow .18s,filter .18s;}.latent-post .lat-cta-btn:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px rgba(25,70,218,.40),0 2px 5px rgba(10,11,13,.16);}.latent-post .lat-cta-btn:active{transform:translateY(0);box-shadow:inset 0 2px 5px rgba(10,11,13,.22),0 1px 2px rgba(10,11,13,.12);}.latent-post .lat-cta-btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;pointer-events:none;transform:translateX(-180%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);animation:none;}.latent-post .lat-cta-btn:hover:after{animation:lat-cta-sheen .75s ease-out;}@keyframes lat-cta-sheen{to{transform:translateX(340%);}}.latent-post .lat-cta .lat-rail-head{overflow:hidden;}.latent-post .lat-cta .lat-rail-head:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;pointer-events:none;transform:translateX(-160%);background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 45%,rgba(255,255,255,.5) 55%,transparent 100%);animation:lat-sweep 5.6s ease-in-out infinite;}.latent-post .lat-cta-note{color:#0a0b0d !important;font-weight:700;}@keyframes lat-cta-shake{0%,100%{transform:translateX(0) rotate(0deg);}12%{transform:translateX(-5px) rotate(-.8deg);}24%{transform:translateX(5px) rotate(.8deg);}36%{transform:translateX(-4px) rotate(-.6deg);}48%{transform:translateX(4px) rotate(.6deg);}60%{transform:translateX(-3px) rotate(-.35deg);}72%{transform:translateX(2px) rotate(.2deg);}86%{transform:translateX(-1px) rotate(0deg);}}.latent-post .lat-cta.is-shaking{animation:lat-cta-shake .72s ease-in-out;}@keyframes lat-cta-shake-h{0%,100%{transform:translateX(0) rotate(0deg);}12%{transform:translateX(-5px) rotate(-.8deg);}24%{transform:translateX(5px) rotate(.8deg);}36%{transform:translateX(-4px) rotate(-.6deg);}48%{transform:translateX(4px) rotate(.6deg);}60%{transform:translateX(-3px) rotate(-.35deg);}72%{transform:translateX(2px) rotate(.2deg);}86%{transform:translateX(-1px) rotate(0deg);}}.latent-post .lat-cta:hover{animation:lat-cta-shake-h .72s ease-in-out;}@media(prefers-reduced-motion:reduce){.latent-post .lat-cta.is-shaking{animation:none;}.latent-post .lat-cta:hover{animation:none;}.latent-post .lat-cta .lat-rail-head:after{animation:none;}}@keyframes lat-cta-breathe{0%,100%{opacity:.30;}50%{opacity:.40;}}.latent-post .lat-cta:before{animation:lat-cta-breathe 9s ease-in-out infinite;}.latent-post .lat-cta:hover:before{animation:none;}@media(prefers-reduced-motion:reduce){.latent-post .lat-cta,.latent-post .lat-cta-btn,.latent-post .lat-cta .lat-cta-field{transition:none;}.latent-post .lat-cta:before{animation:none;}.latent-post .lat-cta-btn:hover:after{animation:none;}.latent-post .lat-cta:hover,.latent-post .lat-cta-btn:hover{transform:none;}}.latent-post .lat-cta-note{color:var(--muted,#8a8d94);font-size:11px;margin:5px 0 0;line-height:1.35;}.latent-post .lat-cta-fallback{display:none;margin:10px 0 0;}.latent-post .lat-cta.is-degraded form,.latent-post .lat-cta.is-degraded .lat-cta-note{display:none;}.latent-post .lat-cta.is-degraded .lat-cta-fallback{display:block;}.latent-post .lat-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}.latent-post .lat-faq{position:relative;overflow:hidden;margin:22px 0 0;display:grid;gap:14px;border-radius:18px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.62) 42%,rgba(248,250,252,.78) 100%);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 36px rgba(10,11,13,.10),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(10,11,13,.05),inset 0 8px 26px rgba(255,255,255,.6);}.latent-post .lat-faq:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 0%,transparent 34%,rgba(255,255,255,.5) 43%,rgba(255,255,255,.14) 50%,transparent 63%);}.latent-post .lat-faq:after{content:"";position:absolute;top:0;left:0;right:0;height:34px;pointer-events:none;z-index:0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.45) 40%,rgba(255,255,255,0) 100%);}.latent-post .lat-faq>*{position:relative;z-index:1;}.latent-post .lat-faq-item{background:var(--surface,#fff);border:1px solid rgba(10,11,13,.10);border-radius:12px;padding:20px 22px 22px;box-shadow:0 1px 2px rgba(10,11,13,.04);transition:box-shadow .18s,transform .18s;}.latent-post .lat-faq-item:hover{box-shadow:0 10px 24px rgba(10,11,13,.08);transform:translateY(-2px);}.latent-post .lat-faq-q{margin:0 0 6px !important;padding-left:24px;position:relative;font-weight:700;font-size:17px;line-height:1.4;color:var(--ink,#0a0b0d);letter-spacing:-.005em;}.latent-post .lat-faq-q:before{content:"Q.";position:absolute;left:0;top:0;font-size:17px;line-height:1.4;font-weight:800;color:var(--accent,#1946da);letter-spacing:0;}.latent-post .lat-faq-a{margin:0 !important;padding-left:23px;position:relative;color:var(--ink-soft,#52555c);font-size:16px;line-height:1.65;}.latent-post .lat-faq-a:before{content:"A.";position:absolute;left:0;top:0;font-size:16px;line-height:1.65;font-weight:800;color:var(--teal,#0fa98c);letter-spacing:0;}@media(prefers-reduced-motion:reduce){.latent-post .lat-svc:before{animation:none;display:none;}}body.admin-bar .latent-post .lat-side{top:122px;}body.admin-bar .latent-post .lat-main h2{scroll-margin-top:104px;}body.admin-bar .latent-post .lat-main h3{scroll-margin-top:104px;}.latent-post .lat-list{margin:22px 0;display:grid;gap:16px;counter-reset:latlist;}.latent-post .lat-list-item{padding:0;border:0;}.latent-post .lat-list-item .lat-list-title{display:flex;align-items:center;gap:5px;margin:0 0 5px;}.latent-post .lat-list-item .lat-list-title:before{counter-increment:latlist;content:counter(latlist) ".";order:-1;flex-shrink:0;font-size:11px;font-weight:800;color:var(--accent,#1946da);font-variant-numeric:tabular-nums;letter-spacing:.02em;}.latent-post .lat-list-item .lat-list-desc{margin:0;}.latent-post .lat-list-item .lat-list-title{margin:0 0 5px;}.latent-post .lat-list-item .lat-list-desc{margin:0;}.latent-post .lat-list-title{margin:0 0 6px;font-weight:700;font-size:1.04rem;line-height:1.4;color:var(--ink,#0a0b0d);}.latent-post .lat-list-desc{margin:0;font-size:15.5px;line-height:1.66;color:var(--ink-soft,#52555c);}.latent-post .lat-num{color:var(--accent,#1946da);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-right:11px;font-size:.86em;}.latent-post .lat-svc{min-height:32px;padding:6px 28px 6px 12px;}.latent-post .lat-rail-card ul{gap:5px;}.latent-post .lat-rail-body{padding:10px;}.latent-post .lat-rail-head{padding:9px 14px;}.latent-post .lat-cta .lat-cta-body{padding:11px;}.latent-post .lat-cta-group{margin:0 0 5px;}.latent-post .lat-cta .lat-cta-field{padding:6px 10px;}.latent-post .lat-cta textarea.lat-cta-field{min-height:34px;}.latent-post .lat-cta-label{margin:0 0 2px;}.latent-post .lat-cta-btn{padding:8px 16px;}.latent-post .lat-cta-note{margin:4px 0 0;}.latent-post .lat-rail{gap:8px;}.latent-post .lat-side{top:72px;}.lat-by-author{position:relative;padding-left:49px;}.lat-by-author:before{content:"LT";position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(10,11,13,.16);background:var(--surface-2,#f5f6f8);color:var(--accent,#1946da);font-size:12px;font-weight:800;letter-spacing:.04em;}.lat-by-names{flex-direction:column-reverse;gap:1px;} /* The theme globally resets ol/ul to list-style:none, which silently strips numbering and bullets from every article list. Restore them for ordinary content lists only - :not([class]) keeps the designed lists (.lat-kt-list, .lat-list, sidebar, ToC, related) exactly as they are. */ .lat-main ol:not([class]),.lat-main ul:not([class]){padding-left:1.5em;margin:1em 0;} .lat-main ol:not([class]){list-style:decimal outside;} .lat-main ul:not([class]){list-style:disc outside;} .lat-main ol:not([class]) li,.lat-main ul:not([class]) li{display:list-item;margin:.45em 0;padding-left:.2em;} .lat-main ol:not([class]) ol{list-style:lower-alpha outside;} .lat-main ul:not([class]) ul{list-style:circle outside;} /* Markers pick up the brand accent instead of the browser default black, so numbered steps and bullets read as part of the design. ::marker only takes colour/font properties - layout still comes from the rules above. */ .lat-main ol:not([class]) > li::marker{color:var(--accent,#1946da);font-weight:700;} .lat-main ul:not([class]) > li::marker{color:var(--accent,#1946da);font-size:1.05em;} .lat-main ol:not([class]) ol > li::marker, .lat-main ul:not([class]) ul > li::marker{color:var(--accent-ink,#1238b0);font-weight:600;} /* lat-mobile-fit: .lat-kt carries a fixed 32px 40px margin that looks right on a 678px desktop column but eats 80px of a 339px phone column, squeezing the Key Takeaways text to 68% width. Collapse the side margins on small screens only - desktop spacing is untouched. */ @media(max-width:640px){ /* margin alone was not enough - the box also carries an explicit width that resolved to 259px inside a 339px column, so force it to fill. */ .latent-post .lat-kt{margin-left:0;margin-right:0;width:auto;box-sizing:border-box;} .latent-post .lat-kt-list{margin-left:8px;margin-right:8px;} .latent-post .lat-faq{padding:16px 10px;grid-template-columns:1fr;} .latent-post .lat-faq-item{padding:16px 14px;width:auto;} .latent-post .lat-faq-q{padding-left:20px;} .latent-post .lat-faq-a{padding-left:19px;} } /* ============================================================ 2. Hero byline (injected into the theme hero by blog-chrome.js) ============================================================ */ /* Author byline - sits in the hero directly under the H1. Colours come from the theme's own :root tokens (--accent #1946da, --ink, --ink-soft, --muted, --line) rather than hardcoded values, so it stays in step with the site if the palette changes. */ .lat-byline.lat-by2{ border-top:1px solid var(--line,#0a0b0d1a); margin-top:22px;padding-top:18px; display:flex;flex-direction:column;gap:15px; font-size:14px;color:var(--ink-soft,#52555c); } /* Row 1 = author, row 2 = date / read time / Share. Split into two rows because the hero's left column (~475px) cannot fit all of it on one line without wrapping raggedly. */ .lat-by2-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;} .lat-by2-who{gap:12px;min-width:0;} .lat-by2-meta{gap:11px;} .lat-by2-av{ width:44px;height:44px;border-radius:50%;flex:0 0 44px; display:grid;place-items:center;overflow:hidden; background:var(--accent,#1946da); color:#fff;font-weight:700;font-size:14px;letter-spacing:.4px; box-shadow:0 0 0 3px var(--accent-soft,#1946da14); } .lat-by2-av img{width:100%;height:100%;object-fit:cover;display:block;} .lat-by2-name{display:flex;flex-direction:column;line-height:1.35;min-width:0;} .lat-by2-n{font-weight:700;color:var(--ink,#0a0b0d);font-size:15px;} .lat-by2-r{font-size:12.5px;color:var(--muted,#8a8d94);} .lat-by2-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--ink-soft,#52555c);} .lat-by2-item svg{flex:0 0 auto;color:var(--accent,#1946da);opacity:.9;} .lat-by2-div{width:1px;height:24px;background:var(--line,#0a0b0d1a);flex:0 0 auto;} /* Share sits on its own third row, left-aligned under the meta row. */ .lat-by2-acts{display:flex;align-items:center;gap:10px;} .lat-by2-btn{ display:inline-flex;align-items:center;gap:8px;cursor:pointer; padding:10px 18px;border-radius:9px;font-size:13.5px;font-weight:600; font-family:inherit;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease; } .lat-by2-share{ background:var(--accent,#1946da);color:#fff; border:1px solid var(--accent,#1946da); } .lat-by2-share:hover{background:var(--accent-ink,#1238b0);border-color:var(--accent-ink,#1238b0);} .lat-by2-share.is-copied{background:var(--teal,#0fa98c);border-color:var(--teal,#0fa98c);} html[data-theme="dark"] .lat-byline.lat-by2,body.dark .lat-byline.lat-by2{ border-top-color:rgba(255,255,255,.14);color:#cbd5e1; } html[data-theme="dark"] .lat-by2-n,body.dark .lat-by2-n{color:#f1f5f9;} html[data-theme="dark"] .lat-by2-r,body.dark .lat-by2-r{color:#94a3b8;} html[data-theme="dark"] .lat-by2-item,body.dark .lat-by2-item{color:#cbd5e1;} html[data-theme="dark"] .lat-by2-div,body.dark .lat-by2-div{background:rgba(255,255,255,.16);} @media (max-width:640px){ .lat-by2-div{display:none;} .lat-by2-btn{flex:1 1 auto;justify-content:center;} } article.legal.insight-post > .wrap > .legal-updated.lat-by2{ align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box;margin-bottom: 20px; } article.legal.insight-post > .wrap > .legal-updated.lat-by2 > .lat-by2-row{ width:100%;justify-content:flex-start; } /* ============================================================ 3. Responsive fixes ============================================================ */ /* Hero H1 — scale down from 50 px on narrower viewports. Previously there were no breakpoints, so 50 px was rendered on phones. */ @media(max-width:900px){ .legal.insight-post>.wrap>h1{font-size:36px;line-height:1.18;} } @media(max-width:640px){ .legal.insight-post>.wrap>h1{font-size:26px;line-height:1.22;} } /* Hero wrap — add horizontal padding on mobile so the kicker, H1, and byline don't press against the viewport edge. The wrap already handles width correctly (min(1314px,100%)) but carries no padding-inline. */ @media(max-width:900px){ .legal.insight-post>.wrap{padding-inline:20px;} } /* Article images — prevent them from overflowing a narrow single column. */ .lat-main img{max-width:100%;height:auto;display:block;} /* Related articles — add a two-column step between the 3-col desktop grid and the 1-col mobile fallback so tablets aren't left with one giant card. */ @media(min-width:481px) and (max-width:900px){ .lat-more .lat-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;} } /* lat-more section — constrain width and add horizontal padding so cards don't bleed to the viewport edge on any screen size. */ .lat-more{max-width:1600px;margin-inline:auto;padding-inline:24px;box-sizing:border-box;} @media(max-width:900px){ .lat-more{padding-inline:18px;} } /* Service links — raise the touch target to the recommended 44 px minimum on mobile so they're comfortable to tap. */ @media(max-width:900px){ .latent-post .lat-svc{min-height:44px;} } /* Article body font — a 1 px reduction on very small phones improves line-length in a narrow single column without changing desktop type. */ @media(max-width:480px){ .latent-post{font-size:16px;} } /* "Read similar articles" cards, mobile — the theme ships an inline @media(max-width:640px) rule that collapses .lat-more's full-width card grid into the sidebar's compact thumb+text row style (flex-direction:row !important, 88px thumbnail). That's the right shape for the 252px sidebar rail, but here it produces a cramped list, not a card. These overrides restore the desktop card shape (image on top, full width) at mobile widths too. Selectors are one level more specific than the theme's (.lat-more .lat-related-item .lat-rel-link, not .lat-more .lat-rel-link) so they win on specificity regardless of stylesheet load order. */ @media(max-width:640px){ .lat-more .lat-related-item .lat-rel-link{flex-direction:column !important;min-height:0 !important;align-items:stretch !important;} .lat-more .lat-related-item .lat-related-thumb{width:100% !important;flex:none !important;aspect-ratio:16/9 !important;border-right:0 !important;border-bottom:1px solid rgba(10,11,13,.08) !important;} .lat-more .lat-related-item .lat-related-text{padding:16px 18px 10px !important;} .lat-more .lat-related-item .lat-related-meta{padding:0 18px 16px !important;font-size:10.5px !important;} .lat-more .lat-related-item .lat-related-title{font-size:16.5px !important;-webkit-line-clamp:2 !important;} } /* "Read similar articles" cards — solid blue background behind the title and meta row (below the thumbnail), on every viewport width. */ .lat-more .lat-related-item .lat-related-text{background:#1946da;} .lat-more .lat-related-item .lat-related-meta{background:#1946da;} .lat-more .lat-related-item .lat-related-title, .lat-more .lat-related-item:hover .lat-related-title{color:#fff;} .lat-more .lat-related-item .lat-rel-author{color:rgba(255,255,255,.85);} .lat-more .lat-related-item .lat-related-date{color:rgba(255,255,255,.85);} .lat-more .lat-related-item .lat-rel-sep{background:rgba(255,255,255,.4);} .lat-more .lat-related-item .lat-rel-share{background:#fff;color:#1946da;border-color:rgba(255,255,255,.4);} .lat-more .lat-related-item .lat-rel-share:hover{color:#1238b0;border-color:#fff;}