/* Local visual layer for existing /articles/ and /blog/ documents; no document data or behaviour is defined here. */
:root { --pr-ink:#0d0f12; --pr-panel:#171a1e; --pr-panel-2:#20242a; --pr-paper:#f2f0eb; --pr-muted:#c8c7c1; --pr-gold:#d5a84a; --pr-gold-light:#f1ce7a; --pr-line:rgba(242,240,235,.16); --pr-radius:18px; }
body:has(.psr-reading) { background:var(--pr-ink); color:var(--pr-paper); }.psr-reading { overflow-x:hidden; background:var(--pr-ink); color:var(--pr-paper); }.psr-reading .site-header { min-height:70px; padding:9px clamp(18px,4vw,52px); gap:18px; background:rgba(13,15,18,.97); border-bottom-color:var(--pr-line); }.psr-reading .brand { display:block; width:194px; overflow:hidden; }.psr-reading .brand img { width:194px; filter:invert(1) hue-rotate(180deg) contrast(1.08); mix-blend-mode:screen; }.psr-reading .nav { gap:18px; color:var(--pr-paper); font-size:13px; font-weight:700; }.psr-reading .header-phone,.psr-reading a { color:var(--pr-gold-light); }.psr-reading .nav a:hover,.psr-reading .header-phone:hover { color:var(--pr-gold); }
.psr-reading .text-page,.psr-reading .articles-page,.psr-reading .blog-page { max-width:min(920px,calc(100% - 48px)); margin:0 auto; padding:clamp(38px,7vw,92px) 0 clamp(72px,9vw,128px); }.psr-reading .blog-page,.psr-reading .articles-page { max-width:min(1240px,calc(100% - 48px)); }.psr-reading h1 { max-width:920px; color:var(--pr-paper); font-size:clamp(40px,5.6vw,74px); line-height:.98; letter-spacing:-.052em; }.psr-reading h2 { margin-top:clamp(48px,7vw,82px); color:var(--pr-paper); font-size:clamp(29px,3.6vw,50px); line-height:1.05; letter-spacing:-.037em; }.psr-reading h3 { color:var(--pr-paper); }.psr-reading .text-page p,.psr-reading .text-page li { max-width:850px; color:var(--pr-muted); font-size:17px; line-height:1.65; }.psr-reading .eyebrow,.psr-reading time { color:var(--pr-gold-light); }.psr-reading .article-hero-image { position:relative; overflow:hidden; border:1px solid var(--pr-line); border-radius:var(--pr-radius); background:var(--pr-panel); box-shadow:0 24px 54px rgba(0,0,0,.26); }.psr-reading .article-hero-image img { display:block; width:100%; filter:grayscale(.28) contrast(1.05) brightness(.82); }.psr-reading .article-hero-image figcaption { color:#e2dfd5; background:rgba(13,15,18,.74); }.psr-reading .blog-summary,.psr-reading .blog-cta,.psr-reading .article-gallery { border-color:var(--pr-line); background:var(--pr-panel); border-radius:var(--pr-radius); }.psr-reading .blog-summary div { background:var(--pr-panel-2); border-color:var(--pr-line); }.psr-reading .blog-summary strong { color:var(--pr-paper); }.psr-reading .blog-back,.psr-reading .back-to-blog a { color:var(--pr-gold-light); }.psr-reading .article-card,.psr-reading .blog-card { border-color:var(--pr-line); background:var(--pr-panel); box-shadow:0 16px 34px rgba(0,0,0,.2); }.psr-reading .article-card:hover,.psr-reading .blog-card:hover { border-color:rgba(213,168,74,.65); transform:translateY(-3px); }.psr-reading .article-card h2,.psr-reading .blog-card h2,.psr-reading .article-card h3,.psr-reading .blog-card h3 { color:var(--pr-paper); }.psr-reading .article-card p,.psr-reading .blog-card p { color:var(--pr-muted); }.psr-reading ~ .site-footer { background:#0b0d10; color:#d5d4ce; }.psr-reading ~ .site-footer .footer-main { background:#0b0d10; }.psr-reading ~ .site-footer .footer-bottom { background:#07080a; border-top-color:var(--pr-line); }.psr-reading ~ .site-footer a:hover { color:var(--pr-gold-light); }.psr-reading ~ .cookie-banner { right:16px; bottom:16px; max-width:420px; padding:16px 18px; border-color:rgba(213,168,74,.42); border-radius:14px; background:#171a1e; box-shadow:0 16px 38px rgba(0,0,0,.35); }.psr-reading ~ .cookie-banner p { font-size:13px; line-height:1.45; }.psr-reading ~ .cookie-banner .button { min-height:38px; padding:8px 14px; }
@media (max-width:720px) { .psr-reading .site-header { min-height:60px; gap:8px; padding-right:16px; padding-left:16px; }.psr-reading .brand,.psr-reading .brand img { width:126px; }.psr-reading .header-phone { margin-left:auto; font-size:12px; letter-spacing:-.025em; }.psr-reading .site-header .nav { background:#15181c; border-color:var(--pr-line); }.psr-reading .text-page,.psr-reading .articles-page,.psr-reading .blog-page { max-width:calc(100% - 32px); padding-top:28px; }.psr-reading h1 { font-size:clamp(36px,11.1vw,48px); }.psr-reading h2 { font-size:clamp(28px,8.9vw,38px); }.psr-reading .text-page p,.psr-reading .text-page li { font-size:16px; line-height:1.58; }.psr-reading ~ .site-footer .footer-grid { gap:28px; }.psr-reading ~ .site-footer .footer-bottom-row { align-items:flex-start; gap:14px; }.psr-reading ~ .site-footer .footer-contacts .button { width:100%; justify-content:center; }.psr-reading ~ .cookie-banner { right:12px; bottom:12px; left:12px; max-width:none; } }