/* ExcelRaport Tech Magazine v1.0.0. Intentionally do not style body/html backgrounds. */
#erp-site {
  --erp-ink:#0e2133; --erp-muted:#5e6b79; --erp-green:#12b991; --erp-green-dark:#008a70;
  --erp-navy:#051d2b; --erp-navy-2:#082d3a; --erp-paper:#f5f8fb;
  --erp-border:#dfe8ed; --erp-card:#fff; --erp-radius:13px;
  width:100%; max-width:1320px; margin:0 auto; box-shadow:0 20px 80px rgba(3,20,28,.10);
  isolation:isolate; font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; font-weight:400; line-height:1.6; color:var(--erp-ink); text-align:left;
  -webkit-font-smoothing:antialiased; overflow:clip;
}
#erp-site, #erp-site *, #erp-site *::before, #erp-site *::after { box-sizing:border-box; }
#erp-site a { text-decoration:none; transition:color .18s, background-color .18s, border-color .18s, box-shadow .18s, transform .18s; }
#erp-site a:focus-visible, #erp-site button:focus-visible, #erp-site input:focus-visible { outline:3px solid #55e6c0; outline-offset:3px; }
#erp-site img, #erp-site svg { max-width:100%; }
#erp-site img { height:auto; }
#erp-site button, #erp-site input { font:inherit; }
#erp-site button { cursor:pointer; }
#erp-site h1, #erp-site h2, #erp-site h3, #erp-site h4, #erp-site h5 { font-family:inherit; letter-spacing:-.035em; text-transform:none; font-weight:800; line-height:1.22; color:var(--erp-ink); margin:0; }
#erp-site p { color:var(--erp-muted); margin:0; }
#erp-site ul { list-style:none; padding:0; margin:0; }
#erp-site .erp-bound { max-width:1280px; width:calc(100% - 88px); margin-left:auto; margin-right:auto; }
#erp-site .erp-skip { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
#erp-site .erp-skip:focus { position:fixed; top:10px; left:10px; z-index:10000; width:auto; height:auto; clip:auto; color:#001c24; background:#fff; border-radius:7px; padding:10px 14px; }
/* Brand and navigation on EVERY page */
#erp-site .erp-header { position:relative; z-index:30; background:#031b2a; color:#fff; box-shadow:0 5px 28px rgba(0,12,24,.16); }
#erp-site .erp-header-primary { min-height:80px; display:flex; align-items:center; gap:26px; }
#erp-site .erp-brand { display:inline-flex; align-items:center; gap:11px; min-width:235px; flex-shrink:0; color:#fff; }
#erp-site .erp-brand img { flex:0 0 43px; width:43px; height:43px; }
#erp-site .erp-brand-text { display:flex; flex-direction:column; min-width:0; gap:2px; }
#erp-site .erp-brand strong { font-size:24px; letter-spacing:-.06em; color:#fff; font-weight:800; line-height:1.1; white-space:nowrap; }
#erp-site .erp-brand strong span { color:#37d0ab; }
#erp-site .erp-brand small { font-size:10px; line-height:1.35; letter-spacing:.016em; font-weight:500; color:#b5d4db; white-space:nowrap; }
#erp-site .erp-utility { display:flex; justify-content:flex-end; align-items:center; gap:clamp(12px,1.7vw,26px); margin-left:auto; white-space:nowrap; }
#erp-site .erp-utility a { color:#e0edf0; font-size:12px; font-weight:700; }
#erp-site .erp-utility a:hover { color:#3bdfb6; }
#erp-site .erp-header-actions { display:flex; margin-left:12px; gap:9px; }
#erp-site .erp-search-toggle, #erp-site .erp-menu-toggle { border:1px solid #20404e; width:42px; height:42px; background:#0c2c3a; color:#fff; border-radius:9px; display:grid; place-items:center; flex-shrink:0; }
#erp-site .erp-search-toggle:hover, #erp-site .erp-menu-toggle:hover { background:#14504e; }
#erp-site .erp-menu-toggle { display:none; align-content:center; gap:4px; }
#erp-site .erp-menu-toggle span { display:block; width:19px; height:2px; background:#fff; border-radius:3px; }
#erp-site .erp-nav-wrap { border-top:1px solid #173341; background:#062431; }
#erp-site .erp-navigation { display:flex; gap:34px; align-items:center; min-height:46px; }
#erp-site .erp-navigation > a { padding:13px 0 10px; height:47px; color:#d2e3e7; font-size:13px; font-weight:750; border-bottom:3px solid transparent; white-space:nowrap; }
#erp-site .erp-navigation > a:hover, #erp-site .erp-navigation > a.is-active { color:#55e7be; border-color:#13ba93; }
#erp-site .erp-mobile-utility { display:none; }
#erp-site .erp-search-panel { background:#092d3b; padding:16px 0 22px; border-top:1px solid #204454; }
#erp-site .erp-search-panel[hidden] { display:none !important; }
#erp-site .erp-search-form { display:flex; align-items:center; gap:13px; }
#erp-site .erp-search-form label { color:#dcf3f2; font-size:14px; font-weight:650; }
#erp-site .erp-search-form input { min-width:0; flex:1; background:#fff; border:1px solid #a9c4ce; border-radius:7px; padding:11px 13px; color:#162a36; min-height:44px; }
#erp-site .erp-search-form button { border:0; background:var(--erp-green); color:#06282a; font-weight:800; border-radius:7px; min-height:44px; padding:0 20px; }
#erp-site .erp-main { background:var(--erp-paper); min-height:65vh; }
/* Dramatic hero and an original, locally rendered worksheet illustration */
#erp-site .erp-hero { position:relative; color:#fff; overflow:hidden; background:radial-gradient(ellipse at 70% 46%,#0d5160 0%,#062e3b 33%,#031a2a 72%); }
#erp-site .erp-hero::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(#50ffd81f 1px,transparent 1px),linear-gradient(90deg,#50ffd81f 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 100%); mask-image:linear-gradient(90deg,transparent 25%,#000 100%); }
#erp-site .erp-hero::after { content:""; pointer-events:none; position:absolute; right:-12%; bottom:-70%; width:70%; aspect-ratio:1; border-radius:50%; border:1px solid #46dfb629; box-shadow:0 0 0 65px #2edbb709,0 0 0 130px #2edbb706; }
#erp-site .erp-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,47%) minmax(0,53%); align-items:center; min-height:485px; z-index:1; }
#erp-site .erp-hero-copy { padding:55px 0 42px; position:relative; z-index:5; }
#erp-site .erp-eyebrow { text-transform:uppercase; color:#30d3a8; font-size:11px; font-weight:900; letter-spacing:.145em; margin-bottom:14px; }
#erp-site .erp-hero h1 { color:white; font-size:clamp(37px,4.1vw,61px); line-height:1.055; letter-spacing:-.055em; font-weight:900; max-width:610px; }
#erp-site .erp-hero h1 span { color:#baf9e4; }
#erp-site .erp-hero-lead { margin-top:23px; color:#d1e5e9; max-width:515px; font-size:16px; line-height:1.8; }
#erp-site .erp-hero-buttons { display:flex; gap:26px; align-items:center; flex-wrap:wrap; margin-top:27px; }
#erp-site .erp-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; border-radius:8px; padding:13px 19px; min-height:44px; line-height:1.2; font-size:13px; font-weight:850; }
#erp-site .erp-button--primary { background:#10be96; color:#06252b; box-shadow:0 6px 20px #12c7981f; }
#erp-site .erp-button--primary:hover { color:#001d26; background:#4bdeb7; transform:translateY(-2px); }
#erp-site .erp-hero-textlink { color:#d3e9e7; font-weight:750; font-size:12px; }
#erp-site .erp-hero-textlink:hover { color:#56e5ba; }
#erp-site .erp-hero-points { display:flex; gap:31px; margin-top:46px; }
#erp-site .erp-hero-points div { display:flex; align-items:center; gap:10px; line-height:1.45; color:#eaf5f4; font-size:12px; font-weight:700; }
#erp-site .erp-hero-points span { display:inline-flex; font-size:31px; color:#2bdfb2; font-weight:300; }
#erp-site .erp-hero-art { position:relative; min-height:420px; perspective:1000px; }
#erp-site .erp-art-glow { position:absolute; width:420px; height:350px; top:34px; left:10%; border-radius:50%; background:#00bbab46; filter:blur(74px); }
#erp-site .erp-device { position:absolute; top:71px; left:2%; width:88%; height:300px; border:9px solid #071620; border-radius:15px; background:#f8fcfd; box-shadow:0 0 0 2px #287385,18px 24px 37px #0009,0 0 46px #00cfaa35; overflow:hidden; transform:rotateY(-9deg) rotateX(1deg); }
#erp-site .erp-device-bar { height:32px; display:flex; align-items:center; gap:5px; padding:0 14px; color:#3a756d; background:#eaf5f3; font-size:9px; }
#erp-site .erp-device-bar i { width:6px; height:6px; border-radius:50%; background:#a2beba; }
#erp-site .erp-device-bar i:first-child { background:#28c29f; }
#erp-site .erp-device-bar strong { color:#1d5960; margin-left:11px; letter-spacing:.05em; font-size:10px; font-weight:800; }
#erp-site .erp-device-bar span { margin-left:auto; font-weight:700; color:#0f987d; }
#erp-site .erp-device-content { display:flex; height:calc(100% - 32px); }
#erp-site .erp-device-side { flex:0 0 44px; background:linear-gradient(180deg,#0d856d,#05453c); display:flex; flex-direction:column; align-items:center; gap:18px; padding-top:15px; color:#b9ffea; }
#erp-site .erp-device-side b { width:24px; height:25px; background:#f8fbf9; color:#0b886d; display:grid; place-items:center; font-size:19px; border-radius:5px; }
#erp-site .erp-device-side span { font-size:18px; }
#erp-site .erp-device-main { padding:13px 14px; width:calc(100% - 44px); }
#erp-site .erp-device-tabs { display:flex; gap:15px; font-size:10px; font-weight:750; color:#677a80; border-bottom:1px solid #d6e3e3; padding-bottom:9px; }
#erp-site .erp-device-tabs span:first-child { color:#0c8972; }
#erp-site .erp-device-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:11px; }
#erp-site .erp-device-kpis div { display:flex; flex-direction:column; gap:1px; background:#f0f8f6; border:1px solid #d6e6e1; padding:7px 10px; border-radius:6px; }
#erp-site .erp-device-kpis small { font-size:7px; letter-spacing:.07em; color:#708886; }
#erp-site .erp-device-kpis strong { font-size:18px; color:#143e4a; line-height:1.25; }
#erp-site .erp-device-kpis em { font-size:8px; color:#13a27d; font-style:normal; }
#erp-site .erp-device-charts { display:grid; grid-template-columns:2fr 1fr; gap:10px; height:104px; margin-top:9px; }
#erp-site .erp-bars { border:1px solid #dde9e9; border-radius:6px; display:flex; gap:9px; padding:13px; align-items:flex-end; justify-content:space-around; background:linear-gradient(#f7fcfd,#eaf6f5); }
#erp-site .erp-bars span { width:13px; min-width:4px; border-radius:3px 3px 0 0; background:linear-gradient(#38dcb0,#119276); }
#erp-site .erp-donut { width:73px; height:73px; align-self:center; justify-self:center; border-radius:50%; background:conic-gradient(#0cb58c 0 42%,#7fe3c7 42% 72%,#b6dadc 72% 100%); position:relative; box-shadow:0 0 0 12px #f0f9f7; }
#erp-site .erp-donut::after { content:""; position:absolute; inset:19px; background:#f9fdfd; border-radius:50%; }
#erp-site .erp-sheet-preview { display:grid; grid-template-columns:repeat(10,1fr); margin-top:10px; border:1px solid #d5e3e3; }
#erp-site .erp-sheet-preview span { font-size:7px; line-height:11px; color:#769692; text-align:center; background:#e7f3f0; border-right:1px solid #d5e3e3; }
#erp-site .erp-sheet-preview i { height:11px; border-top:1px solid #e4eaea; border-right:1px solid #e4eaea; }
#erp-site .erp-sheet-preview i.accent { background:#baeadd; }
#erp-site .erp-device-stand { position:absolute; bottom:27px; left:39%; width:28%; height:45px; background:linear-gradient(100deg,#102c36,#598b91 50%,#0b3442); clip-path:polygon(39% 0,61% 0,75% 79%,100% 92%,100% 100%,0 100%,0 92%,25% 79%); transform:skewX(-9deg); }
#erp-site .erp-floating { position:absolute; z-index:4; display:flex; flex-direction:column; gap:3px; padding:12px 17px 13px 50px; border-radius:10px; background:linear-gradient(130deg,#103c47ee,#075e5af5); border:1px solid #3cbea8a3; color:#e6fffa; box-shadow:0 12px 24px #0006; font-size:11px; backdrop-filter:blur(8px); }
#erp-site .erp-floating > span { position:absolute; left:13px; top:10px; font-size:24px; color:#30e3ac; }
#erp-site .erp-floating small { text-transform:uppercase; letter-spacing:.06em; font-size:9px; color:#94cdbf; }
#erp-site .erp-floating strong { font-size:12px; font-weight:800; white-space:nowrap; }
#erp-site .erp-floating--top { right:-2%; top:45px; transform:rotate(3deg); }
#erp-site .erp-floating--bottom { right:-3%; bottom:43px; transform:rotate(-2deg); }
/* Main home sections */
#erp-site .erp-content-surface { background:var(--erp-paper); }
#erp-site .erp-section { padding-top:58px; padding-bottom:8px; }
#erp-site .erp-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin-bottom:23px; }
#erp-site .erp-section-heading > div { min-width:0; }
#erp-site .erp-label { color:#687987; font-size:10px; letter-spacing:.135em; font-weight:900; text-transform:uppercase; line-height:1.5; margin-bottom:6px; }
#erp-site .erp-section-heading h2 { font-size:clamp(25px,2.3vw,32px); letter-spacing:-.055em; line-height:1.22; }
#erp-site .erp-section-heading p:not(.erp-label) { font-size:13px; margin-top:7px; color:#62717c; }
#erp-site .erp-section-more { color:#008b70; white-space:nowrap; font-weight:850; font-size:12px; margin-bottom:6px; }
#erp-site .erp-section-more:hover { color:#003e37; }
#erp-site .erp-more-dark { color:#fff; background:#052030; border-radius:7px; padding:12px 17px; white-space:nowrap; font-size:12px; font-weight:750; }
#erp-site .erp-more-dark:hover { background:#11535a; }
#erp-site .erp-title-icon { color:#04ab87; font-size:.82em; display:inline-block; margin-right:6px; }
#erp-site .erp-topics-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; }
#erp-site .erp-topic-card { min-width:0; background:#fff; border:1px solid #e1e9ec; border-radius:10px; overflow:hidden; color:var(--erp-ink); box-shadow:0 9px 25px #1438490c; }
#erp-site .erp-topic-card:hover { transform:translateY(-5px); box-shadow:0 12px 26px #0a574726; border-color:#bce9dd; }
#erp-site .erp-topic-card > img { display:block; width:100%; height:127px; object-fit:cover; }
#erp-site .erp-topic-card > div { padding:13px 12px 24px; min-height:120px; position:relative; }
#erp-site .erp-topic-card h3 { font-size:13px; font-weight:830; letter-spacing:-.03em; }
#erp-site .erp-topic-card p { margin-top:6px; font-size:11px; line-height:1.47; }
#erp-site .erp-topic-card > div > span { position:absolute; right:12px; bottom:8px; font-size:16px; color:#00a781; font-weight:800; }
#erp-site .erp-featured-grid, #erp-site .erp-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
#erp-site .erp-post-card { min-width:0; overflow:hidden; border:1px solid #e2e9ed; background:#fff; border-radius:12px; box-shadow:0 7px 22px #193e4b0a; }
#erp-site .erp-post-card:hover { box-shadow:0 14px 32px #0b3c4f20; }
#erp-site .erp-post-card__image { display:block; overflow:hidden; background:linear-gradient(120deg,#084837,#093750); aspect-ratio:16/8.3; }
#erp-site .erp-post-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s; }
#erp-site .erp-post-card:hover .erp-post-card__image img { transform:scale(1.045); }
#erp-site .erp-post-card__body { padding:18px 18px 15px; }
#erp-site .erp-post-card__category { display:inline-block; color:#008c75; font-size:10px; font-weight:900; line-height:1.35; text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; }
#erp-site .erp-post-card__category:hover { color:#005846; }
#erp-site .erp-post-card h3 { font-size:19px; letter-spacing:-.037em; line-height:1.28; }
#erp-site .erp-post-card h3 a { color:#0d202d; }
#erp-site .erp-post-card h3 a:hover { color:#008e76; }
#erp-site .erp-post-card p { font-size:12px; line-height:1.65; margin-top:9px; min-height:37px; }
#erp-site .erp-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; color:#7b8893; font-size:10px; }
#erp-site .erp-read-time { color:#6b858e; font-size:10px; white-space:nowrap; }
#erp-site .erp-read-time span { font-size:13px; color:#82939d; }
#erp-site .erp-newest-section { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(245px,.76fr); gap:26px; padding-top:65px; }
#erp-site .erp-section-heading--compact { margin-bottom:21px; align-items:center; }
#erp-site .erp-section-heading--compact h2 { font-size:25px; }
#erp-site .erp-latest-list { display:grid; gap:0; background:#fff; border:1px solid #e1e9eb; border-radius:12px; padding:6px 19px; box-shadow:0 7px 24px #15374b0a; }
#erp-site .erp-post-card--list { display:grid; grid-template-columns:155px minmax(0,1fr); gap:19px; padding:13px 0; border:0; border-bottom:1px solid #e8edef; border-radius:0; box-shadow:none; background:none; }
#erp-site .erp-post-card--list:last-child { border-bottom:0; }
#erp-site .erp-post-card--list:hover { box-shadow:none; }
#erp-site .erp-post-card--list .erp-post-card__image { aspect-ratio:1.52; border-radius:7px; }
#erp-site .erp-post-card--list .erp-post-card__body { padding:0; align-self:center; }
#erp-site .erp-post-card--list .erp-post-card__category { font-size:9px; margin-bottom:4px; }
#erp-site .erp-post-card--list h3 { font-size:16px; line-height:1.28; }
#erp-site .erp-post-card--list p { font-size:11px; line-height:1.52; margin-top:5px; min-height:0; }
#erp-site .erp-post-card--list .erp-card-meta { margin-top:6px; font-size:10px; }
#erp-site .erp-home-aside { display:flex; flex-direction:column; gap:19px; padding-top:49px; min-width:0; }
#erp-site .erp-rss-box { background:radial-gradient(circle at 100% 0%,#086960 0%,#043a3d 35%,#061d2a 86%); color:#fff; border-radius:11px; padding:29px 25px; box-shadow:0 10px 24px #092b3b1e; }
#erp-site .erp-rss-icon { display:block; font-size:30px; color:#22e2ac; margin-bottom:10px; }
#erp-site .erp-rss-box h3 { font-size:21px; color:#fff; }
#erp-site .erp-rss-box p { color:#d6e9eb; font-size:12px; line-height:1.8; margin-top:11px; }
#erp-site .erp-rss-box .erp-button { width:100%; margin-top:20px; }
#erp-site .erp-rss-box small { display:block; margin-top:13px; color:#b2d6d7; font-size:10px; }
#erp-site .erp-editorial-box { background:#fff; border:1px solid #e5ebee; border-radius:11px; padding:25px 23px 0; overflow:hidden; }
#erp-site .erp-editorial-icon { color:#0db38e; font-size:28px; }
#erp-site .erp-editorial-box h3 { margin-top:7px; font-size:21px; }
#erp-site .erp-editorial-box p { font-size:12px; line-height:1.78; margin-top:14px; }
#erp-site .erp-editorial-box .erp-button { margin-top:17px; padding:10px 17px; min-height:38px; }
#erp-site .erp-editorial-box > img { margin:18px -23px 0; max-width:calc(100% + 46px); width:calc(100% + 46px); display:block; height:auto; }
#erp-site .erp-knowledge { padding-bottom:70px; padding-top:59px; }
#erp-site .erp-knowledge-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
#erp-site .erp-knowledge-card { border:1px solid #e2e8ed; border-radius:10px; overflow:hidden; background:#fff; color:#0d2133; box-shadow:0 6px 22px #1b4a560e; }
#erp-site .erp-knowledge-card:hover { transform:translateY(-4px); border-color:#b9ded4; box-shadow:0 12px 24px #0b5a4524; }
#erp-site .erp-knowledge-card img { display:block; width:100%; height:125px; object-fit:cover; }
#erp-site .erp-knowledge-card > div { padding:13px 16px 18px; position:relative; min-height:86px; }
#erp-site .erp-knowledge-card h3 { font-size:15px; }
#erp-site .erp-knowledge-card p { font-size:11px; line-height:1.5; margin-top:5px; padding-right:14px; }
#erp-site .erp-knowledge-card span { color:#00a67e; font-size:18px; position:absolute; right:16px; bottom:8px; }
/* Consistent interior layouts: no forced white rectangle under long article text. */
#erp-site .erp-interior { padding:18px 0 70px; }
#erp-site .erp-breadcrumb { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin:5px 0 31px; font-size:11px; color:#6f8290; }
#erp-site .erp-breadcrumb a { color:#078f74; font-weight:700; }
#erp-site .erp-breadcrumb a:hover { text-decoration:underline; }
#erp-site .erp-breadcrumb > span:last-child { max-width:100%; overflow-wrap:anywhere; }
#erp-site .erp-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 292px; align-items:start; gap:37px; }
#erp-site .erp-article-column, #erp-site .erp-page-article { min-width:0; }
#erp-site .erp-article, #erp-site .erp-page-article { background:transparent; min-width:0; border:0; box-shadow:none; padding:0; }
#erp-site .erp-article-header { margin:2px 0 26px; }
#erp-site .erp-article-category { display:inline-block; font-size:11px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; color:#078c74; margin-bottom:13px; }
#erp-site .erp-article-header h1, #erp-site .erp-page-header h1 { font-size:clamp(29px,3.25vw,44px); line-height:1.2; letter-spacing:-.053em; margin:0; overflow-wrap:anywhere; }
#erp-site .erp-article-meta { color:#72808b; font-size:12px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; }
#erp-site .erp-post-hero-image { margin:28px 0 14px; border-radius:13px; overflow:hidden; }
#erp-site .erp-post-hero-image img { width:100%; height:auto; max-height:460px; object-fit:cover; display:block; }
#erp-site .erp-article-content { color:#283c4a; font-size:16px; line-height:1.82; min-width:0; overflow-wrap:break-word; }
#erp-site .erp-article-content > *:first-child { margin-top:0; }
#erp-site .erp-article-content p { margin:0 0 1.2em; color:#263d4a; font-size:inherit; line-height:inherit; }
#erp-site .erp-article-content h1, #erp-site .erp-article-content h2, #erp-site .erp-article-content h3, #erp-site .erp-article-content h4 { color:#10293a; clear:both; scroll-margin-top:30px; overflow-wrap:anywhere; }
#erp-site .erp-article-content h1 { font-size:30px; margin:1.5em 0 .5em; }
#erp-site .erp-article-content h2 { font-size:27px; margin:1.7em 0 .6em; border-bottom:1px solid #d7e5e7; padding-bottom:11px; }
#erp-site .erp-article-content h3 { font-size:22px; margin:1.3em 0 .55em; }
#erp-site .erp-article-content h4 { font-size:19px; margin:1.2em 0 .5em; }
#erp-site .erp-article-content a { color:#007d67; text-decoration:underline; text-decoration-color:#84b8a9; text-underline-offset:3px; }
#erp-site .erp-article-content a:hover { color:#004e42; }
#erp-site .erp-article-content ul { list-style:disc; }
#erp-site .erp-article-content ol { list-style:decimal; }
#erp-site .erp-article-content ul, #erp-site .erp-article-content ol { padding-left:1.6em; margin:0 0 1.3em; }
#erp-site .erp-article-content li { margin-bottom:7px; color:#263d4a; }
#erp-site .erp-article-content li > ul, #erp-site .erp-article-content li > ol { margin-top:8px; }
#erp-site .erp-article-content img, #erp-site .erp-article-content video, #erp-site .erp-article-content iframe { max-width:100%; height:auto; }
#erp-site .erp-article-content figure { max-width:100%; margin:22px 0; }
#erp-site .erp-article-content figure img { display:block; border-radius:7px; }
#erp-site .erp-article-content figcaption { color:#6e7a81; font-size:12px; margin-top:7px; }
#erp-site .erp-article-content table { border-collapse:collapse; max-width:100%; width:100%; margin:23px 0; overflow-x:auto; display:block; white-space:normal; }
#erp-site .erp-article-content th, #erp-site .erp-article-content td { border:1px solid #d3e3e5; padding:10px 12px; min-width:95px; color:#1c3543; }
#erp-site .erp-article-content th { background:#e2f3ec; font-weight:800; }
#erp-site .erp-article-content td { background:#f6fafb; }
#erp-site .erp-article-content blockquote { background:#e8f6f2; border-left:4px solid #13b38d; margin:22px 0; padding:20px 26px; border-radius:0 8px 8px 0; color:#173d3b; }
#erp-site .erp-article-content blockquote p { color:#173d3b; }
#erp-site .erp-article-content pre { background:#0a2435; color:#e8ffff; overflow-x:auto; max-width:100%; padding:20px; border-radius:9px; white-space:pre; }
#erp-site .erp-article-content code { color:#126c5d; background:#e4f1ee; padding:2px 4px; border-radius:3px; }
#erp-site .erp-article-content pre code { color:#e4ffff; background:transparent; padding:0; }
#erp-site .erp-article-content input, #erp-site .erp-article-content textarea, #erp-site .erp-article-content select { max-width:100%; color:#132d37; background:#fff; border:1px solid #bed4db; border-radius:5px; padding:9px; }
#erp-site .erp-article-content .wp-block-image, #erp-site .erp-article-content .wp-caption, #erp-site .erp-article-content .wp-block-gallery { max-width:100%; }
#erp-site .erp-article-content .alignleft { float:left; margin:4px 22px 15px 0; }
#erp-site .erp-article-content .alignright { float:right; margin:4px 0 15px 22px; }
#erp-site .erp-article-content .aligncenter { margin-left:auto; margin-right:auto; }
#erp-site .erp-article-content::after { content:""; display:table; clear:both; }
#erp-site .erp-article-content .wp-block-columns { display:flex; flex-wrap:wrap; gap:20px; }
#erp-site .erp-article-content .wp-block-column { flex:1; min-width:170px; }
#erp-site .erp-article-content .wp-block-buttons { display:flex; flex-wrap:wrap; }
#erp-site .erp-article-content .wp-block-button__link { background:#078e76; color:#fff; text-decoration:none; border-radius:8px; padding:10px 16px; }
#erp-site .erp-post-pages, #erp-site .erp-post-tags { margin:24px 0; font-size:13px; }
#erp-site .erp-post-tags { padding:16px 0; border-top:1px solid #d9e5e9; color:#5b6f78; }
#erp-site .erp-post-tags a { color:#008c73; }
#erp-site .erp-article-after { border-top:1px solid #dce7e8; margin-top:27px; padding-top:25px; }
#erp-site .erp-author-line { display:flex; align-items:center; gap:14px; }
#erp-site .erp-author-mark { background:#083c41; color:#63e8bd; width:52px; height:52px; border-radius:50%; display:grid; place-items:center; font-weight:900; }
#erp-site .erp-author-line > div { display:flex; flex-direction:column; }
#erp-site .erp-author-line span:not(.erp-author-mark), #erp-site .erp-author-line small { font-size:11px; color:#647782; }
#erp-site .erp-author-line strong { color:#102f38; font-size:14px; }
#erp-site .erp-related { margin-top:48px; }
#erp-site .erp-related > h2 { font-size:24px; margin-bottom:18px; }
#erp-site .erp-related-grid { gap:12px; }
#erp-site .erp-related-grid .erp-post-card__body { padding:12px; }
#erp-site .erp-related-grid .erp-post-card h3 { font-size:15px; }
#erp-site .erp-related-grid .erp-post-card p { font-size:11px; }
#erp-site .erp-comments { margin-top:36px; border-top:1px solid #dce7e8; padding:24px 0; }
#erp-site .erp-comments * { max-width:100%; }
#erp-site .erp-comments p { color:#283c4a; }
#erp-site .erp-comments input, #erp-site .erp-comments textarea { max-width:100%; color:#132d37; }
#erp-site .erp-comments a { color:#008c73; }
#erp-site .erp-page-header { padding:0 0 25px; border-bottom:1px solid #d9e6e9; margin-bottom:30px; }
#erp-site .erp-page-header .erp-label { display:block; margin-bottom:12px; color:#008b72; }
#erp-site .erp-page-content { font-size:16px; }
/* ONE STICKY SIDEBAR: children do not stick and therefore cannot overlap. */
#erp-site .erp-sidebar { display:flex; flex-direction:column; gap:17px; position:sticky; top:20px; align-self:start; min-width:0; z-index:1; }
#erp-site .erp-side-box { background:#fff; border:1px solid #dfe9ec; border-radius:11px; padding:19px 18px; box-shadow:0 5px 22px #14384b0a; position:static !important; }
#erp-site .erp-side-box > * { position:static; }
#erp-site .erp-side-topline { display:flex; align-items:center; gap:8px; border-bottom:1px solid #e6eef0; padding-bottom:13px; margin-bottom:14px; }
#erp-site .erp-side-icon { display:grid; place-items:center; width:27px; height:27px; background:#e3f8f1; border-radius:6px; color:#008e71; font-size:18px; }
#erp-site .erp-side-topline h2 { font-size:17px; letter-spacing:-.035em; }
#erp-site #erp-toc { display:block; position:static !important; max-height:360px; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; }
#erp-site #erp-toc .erp-toc-placeholder { color:#73828d; font-size:12px; line-height:1.5; }
#erp-site #erp-toc a { display:block; border-left:2px solid #d8e8e7; padding:6px 0 6px 11px; font-size:12px; line-height:1.48; color:#405762; font-weight:600; overflow-wrap:anywhere; }
#erp-site #erp-toc a.erp-toc-level3 { padding-left:20px; font-weight:450; font-size:11px; }
#erp-site #erp-toc a:hover, #erp-site #erp-toc a.is-active { color:#008b72; border-left-color:#0bb28a; background:#f1faf7; }
#erp-site .erp-side-links li { border-bottom:1px solid #edf1f2; padding:0 0 10px; margin:0 0 10px; }
#erp-site .erp-side-links li:last-child { border:0; margin:0; padding:0; }
#erp-site .erp-side-links a, #erp-site .erp-side-related a { font-size:12px; font-weight:760; line-height:1.55; color:#263b49; display:block; }
#erp-site .erp-side-links a:hover, #erp-site .erp-side-related a:hover { color:#008b70; }
#erp-site .erp-side-links time { font-size:10px; color:#849198; display:block; margin-top:3px; }
#erp-site .erp-side-categories { display:flex; flex-direction:column; gap:6px; }
#erp-site .erp-side-categories a { display:flex; justify-content:space-between; gap:12px; border:1px solid #e7eeef; padding:8px 10px; color:#375563; background:#fbfcfd; border-radius:7px; font-size:11px; font-weight:720; }
#erp-site .erp-side-categories a:hover { border-color:#91d7c1; color:#007f64; }
#erp-site .erp-side-categories span { color:#04a684; }
#erp-site .erp-side-related li { padding:7px 0; border-bottom:1px solid #ebf0f1; }
#erp-site .erp-side-related li:last-child { border:0; }
/* Dynamic, full-width category and archive redesigns */
#erp-site .erp-archive-banner { background:radial-gradient(circle at 85% 20%,#12665e 0%,#0a3a45 42%,#072839 84%); padding:39px 44px; color:#fff; border-radius:14px; min-height:205px; display:flex; justify-content:space-between; gap:30px; overflow:hidden; position:relative; }
#erp-site .erp-archive-banner .erp-eyebrow { color:#6be9be; }
#erp-site .erp-archive-banner h1 { color:#fff; font-size:clamp(30px,3.2vw,45px); line-height:1.18; }
#erp-site .erp-archive-description { color:#d6e8ec; max-width:780px; margin-top:15px; font-size:14px; line-height:1.8; }
#erp-site .erp-archive-description p { color:#d6e8ec; }
#erp-site .erp-archive-decoration { position:relative; min-width:205px; height:140px; opacity:.85; align-self:center; border:1px solid #44ddba50; transform:rotate(-9deg); border-radius:12px; background:repeating-linear-gradient(0deg,transparent 0 24px,#62d5bb24 25px),repeating-linear-gradient(90deg,transparent 0 29px,#62d5bb24 30px); }
#erp-site .erp-archive-decoration span:first-child { position:absolute; left:16px; top:10px; font-size:13px; color:#5cecc3; }
#erp-site .erp-archive-decoration span:nth-child(2) { position:absolute; right:16px; top:13px; font-size:10px; color:#5cecc3; }
#erp-site .erp-archive-decoration i { position:absolute; bottom:3px; left:39px; font-size:75px; color:#5cecc3; font-style:normal; line-height:1; }
#erp-site .erp-archive-decoration b { position:absolute; bottom:11px; right:14px; color:#e3fffa; font-size:12px; letter-spacing:.08em; }
#erp-site .erp-archive-subnav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:22px 0 37px; }
#erp-site .erp-archive-subnav > span { color:#566e7a; font-size:11px; font-weight:750; margin-right:7px; }
#erp-site .erp-archive-subnav a { background:#fff; border:1px solid #dce9eb; border-radius:25px; padding:6px 12px; font-size:11px; font-weight:700; color:#285b59; }
#erp-site .erp-archive-subnav a:hover { background:#e1f6ee; border-color:#80d8bc; }
#erp-site .erp-archive-layout { display:grid; grid-template-columns:minmax(0,1fr) 292px; gap:32px; align-items:start; }
#erp-site .erp-archive-primary { min-width:0; }
#erp-site .erp-archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#erp-site .erp-archive-grid .erp-post-card h3 { font-size:17px; }
#erp-site .erp-archive-grid .erp-post-card__image { aspect-ratio:16/8.3; }
#erp-site .erp-pagination { margin:39px 0 30px; }
#erp-site .erp-pagination .nav-links { display:flex; flex-wrap:wrap; gap:7px; }
#erp-site .erp-pagination a, #erp-site .erp-pagination span.page-numbers { min-width:36px; min-height:36px; display:grid; place-items:center; border-radius:7px; border:1px solid #d9e8e9; background:#fff; color:#315365; padding:7px 10px; font-size:12px; }
#erp-site .erp-pagination .current { background:#028c73 !important; color:#fff !important; border-color:#028c73 !important; }
#erp-site .erp-pagination a:hover { border-color:#10af8b; color:#00765f; }
/* Full site footer, including Statlink-rendered anchor text */
#erp-site .erp-footer { color:#cfdee4; background:radial-gradient(circle at 90% 12%,#082f3e,#031b29 70%); padding-top:44px; }
#erp-site .erp-footer-main { display:grid; grid-template-columns:minmax(230px,1.7fr) 1fr 1.1fr 1fr minmax(160px,1fr); gap:30px; align-items:start; padding-bottom:37px; }
#erp-site .erp-footer .erp-brand { min-width:0; }
#erp-site .erp-footer .erp-brand strong { font-size:21px; }
#erp-site .erp-footer-about > p { margin-top:15px; font-size:11px; color:#b7ccd3; line-height:1.85; }
#erp-site .erp-footer-rss { display:inline-block; color:#35d8ad; font-size:12px; margin-top:10px; font-weight:700; }
#erp-site .erp-footer-col { display:flex; flex-direction:column; gap:10px; }
#erp-site .erp-footer-col h2 { color:#f3f9fa; font-size:14px; line-height:1.35; margin:5px 0 8px; }
#erp-site .erp-footer-col a { color:#bfd0d7; font-size:11px; line-height:1.5; }
#erp-site .erp-footer-col a:hover { color:#40e7b8; }
#erp-site .erp-footer-feature img { display:block; border-radius:9px; width:100%; height:112px; object-fit:cover; margin-bottom:11px; }
#erp-site .erp-footer-feature strong { color:#e8f4f4; display:block; font-size:13px; line-height:1.4; }
#erp-site .erp-footer-feature span { width:38px; height:3px; border-radius:3px; background:#19c59d; display:block; margin-top:11px; }
#erp-site .erp-statlinks { border-top:1px solid #214151; display:flex; flex-wrap:wrap; gap:9px 16px; padding-top:16px; padding-bottom:18px; }
#erp-site .erp-statlink-item { font-size:12px; font-weight:700; line-height:1.5; }
#erp-site .erp-statlinks a { color:#c2e4de; text-decoration:underline; text-decoration-color:#328d7e; text-underline-offset:3px; }
#erp-site .erp-statlinks a:hover { color:#48ebbf; }
#erp-site .erp-footer-bottom { display:flex; justify-content:space-between; gap:19px; align-items:center; border-top:1px solid #1b3847; padding-top:20px; padding-bottom:25px; color:#a6c3ce; font-size:10px; }
#erp-site .erp-footer-bottom > div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#erp-site .erp-footer-bottom a { color:#b8d1d7; }
#erp-site .erp-footer-bottom a + a::before { content:"|"; color:#52727e; margin-right:12px; }
#erp-site .erp-footer-bottom a:hover { color:#4bdfb5; }
@media (max-width:1280px) {
  #erp-site .erp-bound { width:calc(100% - 64px); }
  #erp-site .erp-navigation { gap:27px; }
  #erp-site .erp-utility { gap:14px; }
  #erp-site .erp-hero-art { transform:scale(.93); transform-origin:center; }
  #erp-site .erp-topic-card > img { height:105px; }
  #erp-site .erp-footer-main { gap:22px; }
}
@media (max-width:1100px) {
  #erp-site .erp-bound { width:calc(100% - 48px); }
  #erp-site .erp-utility { gap:11px; }
  #erp-site .erp-utility a { font-size:11px; }
  #erp-site .erp-brand { min-width:215px; }
  #erp-site .erp-navigation { gap:21px; }
  #erp-site .erp-navigation > a { font-size:11px; }
  #erp-site .erp-hero-grid { grid-template-columns:49% 51%; min-height:440px; }
  #erp-site .erp-hero-art { transform:scale(.82); transform-origin:32% 54%; }
  #erp-site .erp-hero h1 { font-size:44px; }
  #erp-site .erp-topics-grid { grid-template-columns:repeat(3,1fr); gap:14px; }
  #erp-site .erp-topic-card > img { height:143px; }
  #erp-site .erp-topic-card > div { min-height:98px; }
  #erp-site .erp-featured-grid { gap:12px; }
  #erp-site .erp-post-card h3 { font-size:17px; }
  #erp-site .erp-newest-section { grid-template-columns:minmax(0,1.6fr) minmax(245px,.9fr); gap:18px; }
  #erp-site .erp-article-layout, #erp-site .erp-archive-layout { grid-template-columns:minmax(0,1fr) 265px; gap:25px; }
  #erp-site .erp-footer-main { grid-template-columns:1.6fr 1fr 1fr 1fr; }
  #erp-site .erp-footer-feature { display:none; }
}
@media (max-width:900px) {
  #erp-site .erp-header-primary { min-height:75px; }
  #erp-site .erp-utility { display:none; }
  #erp-site .erp-header-actions { margin-left:auto; }
  #erp-site .erp-menu-toggle { display:grid; }
  #erp-site .erp-nav-wrap { display:none; }
  #erp-site .erp-nav-wrap.erp-open { display:block; }
  #erp-site .erp-navigation { padding-top:10px; padding-bottom:15px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 15px; }
  #erp-site .erp-navigation > a { font-size:14px; padding:11px 9px; height:auto; border-left:3px solid transparent; border-bottom:0; }
  #erp-site .erp-navigation > a.is-active { border-left-color:#13ba93; background:#0c3740; }
  #erp-site .erp-mobile-utility { display:contents; }
  #erp-site .erp-mobile-utility a { color:#d2e3e7; font-size:14px; padding:10px 9px; border-left:3px solid transparent; }
  #erp-site .erp-hero-grid { grid-template-columns:1fr 1fr; }
  #erp-site .erp-hero h1 { font-size:42px; }
  #erp-site .erp-hero-art { transform:scale(.74); transform-origin:15% center; }
  #erp-site .erp-hero-points { margin-top:30px; gap:16px; }
  #erp-site .erp-hero-points div { font-size:11px; }
  #erp-site .erp-featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #erp-site .erp-featured-grid .erp-post-card:last-child { display:none; }
  #erp-site .erp-article-layout, #erp-site .erp-archive-layout { grid-template-columns:minmax(0,1fr); }
  #erp-site .erp-sidebar { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #erp-site .erp-side-toc { grid-column:1 / -1; }
  #erp-site .erp-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #erp-site .erp-newest-section { grid-template-columns:1fr; }
  #erp-site .erp-home-aside { padding-top:0; display:grid; grid-template-columns:1fr 1fr; }
  #erp-site .erp-editorial-box > img { max-height:190px; object-fit:cover; }
  #erp-site .erp-knowledge-grid { grid-template-columns:repeat(2,1fr); }
  #erp-site .erp-footer-main { grid-template-columns:2fr 1fr 1fr; row-gap:32px; }
  #erp-site .erp-footer-col:nth-last-of-type(1) { display:none; }
}
@media (max-width:670px) {
  #erp-site { font-size:15px; }
  #erp-site .erp-bound { width:calc(100% - 32px); }
  #erp-site .erp-brand { min-width:0; gap:8px; }
  #erp-site .erp-brand img { width:38px; height:38px; }
  #erp-site .erp-brand strong { font-size:20px; }
  #erp-site .erp-brand small { font-size:8px; }
  #erp-site .erp-header-actions { gap:5px; }
  #erp-site .erp-header-actions button { width:37px; height:37px; }
  #erp-site .erp-hero-grid { display:flex; flex-direction:column; align-items:stretch; min-height:0; }
  #erp-site .erp-hero-copy { padding:45px 0 15px; }
  #erp-site .erp-hero h1 { font-size:clamp(35px,9vw,48px); }
  #erp-site .erp-hero-lead { margin-top:19px; font-size:14px; }
  #erp-site .erp-hero-buttons { gap:15px; }
  #erp-site .erp-hero-points { margin-top:30px; }
  #erp-site .erp-hero-art { min-height:295px; margin-top:-5px; transform:scale(.79); transform-origin:36% top; }
  #erp-site .erp-device { top:32px; left:8%; width:91%; }
  #erp-site .erp-art-glow { top:0; }
  #erp-site .erp-device-stand { bottom:-37px; }
  #erp-site .erp-floating--top { right:-17%; top:8px; }
  #erp-site .erp-floating--bottom { right:-13%; bottom:-39px; }
  #erp-site .erp-section { padding-top:43px; }
  #erp-site .erp-section-heading { display:flex; align-items:flex-start; flex-direction:column; gap:10px; margin-bottom:16px; }
  #erp-site .erp-section-heading h2 { font-size:27px; }
  #erp-site .erp-topics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #erp-site .erp-topic-card > img { height:auto; aspect-ratio:16/9; }
  #erp-site .erp-topic-card > div { padding:12px 10px 24px; min-height:110px; }
  #erp-site .erp-topic-card h3 { font-size:12px; }
  #erp-site .erp-topic-card p { font-size:10px; }
  #erp-site .erp-featured-grid { grid-template-columns:1fr; }
  #erp-site .erp-featured-grid .erp-post-card:last-child { display:block; }
  #erp-site .erp-featured-grid .erp-post-card__image { aspect-ratio:16/8; }
  #erp-site .erp-featured-grid .erp-post-card__body { padding:17px; }
  #erp-site .erp-newest-section { gap:16px; }
  #erp-site .erp-section-heading--compact { flex-direction:column; }
  #erp-site .erp-post-card--list { grid-template-columns:116px minmax(0,1fr); gap:11px; padding:12px 0; }
  #erp-site .erp-post-card--list h3 { font-size:13px; }
  #erp-site .erp-post-card--list .erp-post-card__category { font-size:8px; }
  #erp-site .erp-post-card--list p { font-size:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  #erp-site .erp-latest-list { padding:4px 12px; }
  #erp-site .erp-home-aside { grid-template-columns:1fr; gap:12px; }
  #erp-site .erp-knowledge { padding-bottom:45px; }
  #erp-site .erp-knowledge-grid { gap:10px; }
  #erp-site .erp-knowledge-card img { height:auto; aspect-ratio:16/9; }
  #erp-site .erp-knowledge-card > div { padding:12px; min-height:105px; }
  #erp-site .erp-knowledge-card h3 { font-size:13px; }
  #erp-site .erp-knowledge-card p { font-size:10px; }
  #erp-site .erp-search-form { flex-direction:column; align-items:stretch; }
  #erp-site .erp-search-form input { width:100%; }
  #erp-site .erp-interior { padding-top:10px; }
  #erp-site .erp-breadcrumb { margin-bottom:22px; }
  #erp-site .erp-article-header h1, #erp-site .erp-page-header h1 { font-size:32px; }
  #erp-site .erp-article-content { font-size:15px; line-height:1.85; }
  #erp-site .erp-article-content h2 { font-size:24px; }
  #erp-site .erp-article-content h3 { font-size:20px; }
  #erp-site .erp-article-content .alignleft, #erp-site .erp-article-content .alignright { float:none; display:block; margin:16px auto; }
  #erp-site .erp-sidebar { grid-template-columns:1fr; gap:14px; }
  #erp-site .erp-related-grid { grid-template-columns:1fr; }
  #erp-site .erp-archive-banner { padding:27px 23px; min-height:0; }
  #erp-site .erp-archive-banner h1 { font-size:30px; }
  #erp-site .erp-archive-description { font-size:12px; }
  #erp-site .erp-archive-decoration { display:none; }
  #erp-site .erp-archive-grid { grid-template-columns:1fr; }
  #erp-site .erp-footer { padding-top:35px; }
  #erp-site .erp-footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
  #erp-site .erp-footer-about { grid-column:1/-1; }
  #erp-site .erp-footer-col:nth-last-of-type(1) { display:flex; }
  #erp-site .erp-footer-bottom { align-items:flex-start; flex-direction:column; }
}
@media (max-width:360px) {
  #erp-site .erp-brand strong { font-size:18px; }
  #erp-site .erp-brand small { font-size:7px; }
  #erp-site .erp-hero-art { transform:scale(.67); min-height:248px; }
  #erp-site .erp-hero-points { gap:10px; }
  #erp-site .erp-hero-points div { gap:5px; font-size:10px; }
  #erp-site .erp-hero-points span { font-size:22px; }
  #erp-site .erp-topic-card h3 { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  #erp-site *,#erp-site *::before,#erp-site *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}