html:has(.sap-article),body:has(.sap-article){overflow-x:clip!important}
.sap-article{--navy:#061e45;--blue:#0a2f6b;--mid:#0b4fa8;--sky:#12a8e0;--gold:#f4b000;--ink:#0f172a;--body:#334155;--muted:#64748b;--line:#d8e0ec;--soft:#f6f8fb;--panel:#fff;--cyan:#e6f8ff;--amber:#fff4cc;background:#f2f7fb;color:var(--body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72;min-height:100vh}
.sap-article *{box-sizing:border-box}.sap-article a{color:var(--mid);font-weight:850;text-underline-offset:4px}.sap-article p{margin:0 0 18px}.sap-article strong{color:var(--ink);font-weight:900}.sap-wrap{width:min(1220px,calc(100% - 44px));margin:0 auto}.sap-article .site-header{position:sticky;top:0;z-index:20}
.sap-hero{padding:58px 0 44px;background:linear-gradient(180deg,#eef8fd 0,#f8fbff 58%,#f2f7fb 100%)}.sap-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,560px);gap:38px;align-items:center}.sap-kicker{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:8px;border:1px solid #c8ecfa;background:var(--cyan);color:#087ca8;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.sap-article h1{font-size:clamp(42px,5vw,68px);line-height:1.02;color:var(--navy);letter-spacing:0;margin:18px 0 20px;font-weight:950;text-wrap:balance}.sap-article h2{font-size:clamp(28px,3.1vw,44px);line-height:1.1;color:var(--ink);letter-spacing:0;margin:0 0 18px;font-weight:930;text-wrap:balance}.sap-article h3{font-size:21px;line-height:1.25;color:var(--blue);letter-spacing:0;margin:24px 0 10px;font-weight:900}.sap-hero-copy>p{font-size:19px;max-width:780px}.sap-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.sap-meta span{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:var(--blue);font-size:13px;font-weight:900}
.sap-visual{margin:0}.sap-visual img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 22px 54px rgba(6,30,69,.12);background:#fff}.sap-featured-visual img{border-radius:10px}.sap-visual figcaption{font-size:13px;color:var(--muted);font-weight:800;margin-top:10px}.sap-page-shell{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:34px;align-items:start;padding:38px 0 72px}.sap-content{display:grid;gap:28px;min-width:0}.sap-side-panel{position:sticky;top:96px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:8px;box-shadow:0 16px 38px rgba(6,30,69,.08);order:2}.sap-side-panel strong{display:block;margin-bottom:10px}.sap-side-panel a{display:block;text-decoration:none;color:var(--body);font-size:14px;line-height:1.35;border-top:1px solid #edf2f7;padding:10px 0}.sap-side-panel .sap-side-cta{margin-top:12px;border:0;background:var(--gold);color:#171100;border-radius:6px;text-align:center;padding:13px 14px;font-weight:950}
.sap-section,.sap-cta-section,.sap-author-section{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 44px rgba(6,30,69,.08);padding:clamp(24px,4vw,44px);overflow:hidden}.sap-section-highlight{border-top:6px solid var(--sky)}.sap-formula-page .sap-formula-board{background:linear-gradient(180deg,#fffdf4,#fff)}.sap-incontent-visual{margin:26px 0 0}.sap-incontent-visual img{border-radius:8px}.sap-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;margin:20px 0 24px;background:#fff}.sap-table-scroll table{width:100%;min-width:680px;border-collapse:collapse}.sap-table-scroll th{background:#edf4fa;color:var(--navy);text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:14px 16px;border-bottom:1px solid var(--line)}.sap-table-scroll td{padding:13px 16px;border-bottom:1px solid var(--line)}.sap-table-scroll tr:nth-child(even) td{background:#fbfdff}.sap-article pre{background:#061e45;color:#f8fafc;border-radius:8px;padding:18px;overflow:auto;font-size:15px;line-height:1.6}.sap-cta-section{background:linear-gradient(135deg,#061e45,#0b4fa8);color:#eaf2ff}.sap-cta-section h2,.sap-cta-section strong{color:#fff}.sap-cta-section p{color:#eaf2ff}.sap-cta{display:inline-flex;background:var(--gold);color:#171100!important;text-decoration:none;border-radius:6px;padding:14px 18px;font-weight:950}.sap-author-section{padding:0;background:transparent;border:0;box-shadow:none}.sap-author-section .author-card{height:auto}
.sap-howto-page .sap-page-shell{grid-template-columns:minmax(0,820px) minmax(250px,320px);justify-content:center}.sap-formula-page .sap-page-shell{grid-template-columns:minmax(0,900px) 270px}.sap-azimuth-page .sap-hero{background:linear-gradient(180deg,#f7fbff 0,#eef6fb 100%)}.sap-azimuth-page .sap-page-shell{grid-template-columns:minmax(0,1fr) 300px}
@media(max-width:1020px){.sap-hero-grid,.sap-page-shell{grid-template-columns:1fr}.sap-side-panel{position:static;order:0}.sap-featured-visual{max-width:680px}.sap-howto-page .sap-page-shell,.sap-formula-page .sap-page-shell,.sap-azimuth-page .sap-page-shell{grid-template-columns:1fr;justify-content:normal}}
@media(max-width:640px){.sap-wrap{width:min(100% - 28px,1220px)}.sap-hero{padding:42px 0 30px}.sap-article h1{font-size:clamp(38px,12vw,52px)}.sap-article h2{font-size:clamp(27px,9vw,38px)}.sap-section,.sap-cta-section{padding:22px}.sap-meta span{border-radius:8px}}