:root{font-family:Arial,Helvetica,sans-serif;color:#23262d;background:#e9eef4;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#1255ad;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #1769d2;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.17;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(2.4rem,4.5vw,4rem);font-weight:650}h2{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:600}h3{font-size:1.3rem}p{margin:0 0 20px}button,summary{font:inherit}summary{cursor:pointer}li{margin-bottom:10px}.el-width{width:min(1240px,calc(100% - 80px));margin:auto}.el-header{border-bottom:1px solid #cbd5e1;background:#f7f9fc}.el-nav{display:flex;align-items:center;gap:36px;min-height:88px}.el-brand{display:inline-flex;align-items:center;gap:10px;color:#23262d;font-size:1.6rem;font-weight:700;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.el-brand span span,.el-footer .el-brand>span{color:#14805e}.el-nav nav{display:flex;align-items:center;gap:28px;margin-left:auto}.el-nav nav>a,.el-signin,.el-nav summary{font-size:.9rem;font-weight:600;color:#344256;text-decoration:none;padding:12px 0}.el-nav nav>a[aria-current]{color:#1255ad;border-bottom:2px solid #1769d2}.el-nav details{position:relative}.el-nav details>div{position:absolute;z-index:5;right:0;min-width:230px;display:grid;background:#f7f9fc;border:1px solid #cbd5e1;border-radius:6px;padding:10px;box-shadow:0 12px 24px #17253418}.el-nav details a{padding:10px;text-decoration:none;color:#344256;font-size:.9rem}.el-nav details a:hover{background:#e6f0ff}.el-signin{margin-left:10px}.el-skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}.el-skip:focus{top:12px}.el-intro{padding:66px 0 38px}.el-kicker{display:block;font-size:.8rem;line-height:1.5;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:#526174;margin:0 0 16px;text-decoration:none}.el-deck{font-size:1.2rem;line-height:1.7;color:#526174;max-width:850px}.el-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:38px;background:#172534;color:#f7f9fc;border-radius:6px}.el-feature h2{font-size:clamp(1.6rem,2.5vw,2.2rem)}.el-feature h2 a{color:inherit;text-decoration:none}.el-feature h2 a:hover{text-decoration:underline}.el-feature p{color:#d3deeb}.el-feature .el-kicker{color:#a9ccff}.el-feature img{border-radius:3px}.el-button{display:inline-flex;gap:20px;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;background:#1769d2;color:#fff;border-radius:4px;text-decoration:none;font-size:1rem;font-weight:600}.el-button:hover{background:#1255ad}.el-section{padding:64px 0 0}.el-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.el-section-title>a{font-size:.9rem}.el-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.el-topics>a{padding:28px 0;color:#23262d;border-top:1px solid #b5c2d1;text-decoration:none}.el-topics>a:hover h3{text-decoration:underline;text-underline-offset:4px;color:#1255ad}.el-topics p{font-size:1rem;color:#526174;margin-bottom:16px}.el-topic-number{font:500 .875rem monospace;color:#1769d2;display:block;margin-bottom:16px}.el-topic-link{font-size:.9rem;color:#1255ad;font-weight:600}.el-start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.el-start>a{padding:20px;border:1px solid #cbd5e1;background:#f7f9fc;text-decoration:none;font-weight:600}.el-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.el-card{padding:26px;background:#f7f9fc;border:1px solid #cbd5e1;border-radius:4px;display:flex;flex-direction:column}.el-card h3 a{color:#23262d;text-decoration:none}.el-card h3 a:hover{color:#1255ad;text-decoration:underline}.el-card p:not(.el-kicker){color:#526174;font-size:1rem}.el-card .el-kicker{font-size:.75rem}.el-meta{font-size:.875rem;color:#526174;margin-top:auto}.el-method-note{margin:64px 0;padding:38px 0;border-block:1px solid #b5c2d1;max-width:900px}.el-method-note p{max-width:800px;color:#526174}.el-footer{background:#f7f9fc;border-top:1px solid #cbd5e1;margin-top:64px;padding-top:48px}.el-footer>.el-width>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:24px}.el-footer p{color:#526174;font-size:.9rem;margin-top:8px}.el-footer nav{display:flex;flex-wrap:wrap;gap:16px 26px;padding-bottom:32px}.el-footer nav a{font-size:.9rem;text-decoration:none;color:#526174}.el-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd5e1;padding:24px 0;font-size:.875rem;color:#526174}.el-footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.el-footer-bottom a{color:#526174}.el-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.875rem;color:#526174;padding:28px 0 0;line-height:1.5}.el-breadcrumbs>a{text-decoration:none}.el-breadcrumbs>[aria-current]{max-width:60ch}.el-article-header{padding:42px 0 38px;max-width:1050px}.el-article-header h1{font-size:clamp(2.15rem,3.7vw,3.6rem);max-width:1050px}.el-answer p{margin-bottom:14px}.el-byline{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.875rem;color:#526174;margin-top:28px}.el-byline>a{font-weight:600}.el-article-grid{display:grid;grid-template-columns:240px minmax(0,780px);gap:60px;align-items:start}.el-index{position:sticky;top:24px;padding:22px 0;border-top:1px solid #aebbc9}.el-index summary{font-weight:600}.el-index nav{display:grid;gap:14px;padding:20px 0 28px}.el-index a{font-size:.875rem;line-height:1.55;text-decoration:none;color:#526174}.el-index a:hover{color:#1255ad;text-decoration:underline}.el-index>a{display:block;border-top:1px solid #cbd5e1;padding-top:20px;color:#1255ad}.el-prose{min-width:0;font-size:1.0625rem;line-height:1.8;overflow-wrap:anywhere}.el-prose p{margin-bottom:22px}.el-prose h2{font-size:1.75rem;line-height:1.25;margin:44px 0 20px;scroll-margin-top:28px}.el-prose h3{margin:32px 0 18px;line-height:1.35}.el-prose ul,.el-prose ol{padding-left:24px}.el-takeaways{background:#f7f9fc;border:1px solid #cbd5e1;border-top:3px solid #1769d2;padding:24px 28px}.el-prose .el-takeaways h2{font-size:1.2rem;margin:0 0 12px}.el-takeaways ul{margin:0}.el-takeaways li:last-child{margin-bottom:0}.el-diagram{margin:32px 0;max-width:100%}.el-diagram img{border:1px solid #cbd5e1;background:#f7f9fc;width:100%}.el-diagram figcaption,.el-diagram details{font-size:.875rem;color:#526174;margin-top:12px;line-height:1.6}.el-diagram details p{margin-top:12px}.el-table-wrap{overflow-x:auto;max-width:100%;margin:26px 0;border:1px solid #cbd5e1;background:#f7f9fc}.el-table-wrap table{border-collapse:collapse;width:100%;min-width:570px;font-size:.9rem;line-height:1.6}.el-table-wrap th,.el-table-wrap td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid #cbd5e1;min-width:125px}.el-table-wrap th{background:#e2e8f0;font-weight:600;color:#23262d}.el-table-wrap tr:last-child td{border-bottom:0}.el-table-wrap tr:nth-child(even) td{background:#eff3f8}.el-cta{margin-top:40px;padding:28px;background:#172534;color:#f7f9fc}.el-prose .el-cta h2{margin:0 0 16px;font-size:1.6rem}.el-cta p{color:#d3deeb}.el-category-intro{max-width:820px;font-size:1.125rem}.el-end-link{margin:40px 0}.el-info{max-width:820px;padding:56px 0 24px}.el-info h2{font-size:1.6rem;margin-top:36px}.el-info dt{font-weight:700;margin-top:22px}.el-info dd{margin:8px 0 0;color:#526174}.el-prose strong{font-weight:650}@media(min-width:1600px){.el-article-grid{gap:88px}}@media(max-width:1000px){.el-width{width:calc(100% - 48px)}.el-nav{gap:20px}.el-nav nav{gap:16px}.el-feature{gap:28px;padding:28px}.el-topics,.el-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.el-article-grid{grid-template-columns:190px minmax(0,1fr);gap:32px}.el-start{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.el-width{width:calc(100% - 36px)}.el-nav{min-height:76px;flex-wrap:wrap;gap:8px 16px;padding:16px 0}.el-brand{font-size:1.45rem}.el-brand img{width:30px;height:30px}.el-nav nav{order:3;flex:1 0 100%;justify-content:space-between;gap:10px;margin:0}.el-nav nav>a,.el-nav summary{font-size:.85rem}.el-nav nav>a:nth-child(2){display:none}.el-signin{margin-left:auto}.el-intro{padding:38px 0 24px}.el-deck{font-size:1.075rem}.el-feature{grid-template-columns:1fr;padding:24px;gap:24px}.el-feature img{max-height:260px;object-fit:contain}.el-section{padding-top:42px}.el-section-title{align-items:start;flex-direction:column;gap:0;margin-bottom:22px}.el-topics,.el-cards,.el-start{grid-template-columns:1fr}.el-topics>a{padding:22px 0}.el-topics h3{margin-bottom:12px}.el-topic-number{margin-bottom:10px}.el-topics p{margin-bottom:12px}.el-card{padding:24px}.el-method-note{margin:44px 0;padding:28px 0}.el-footer{margin-top:44px}.el-footer-bottom{flex-direction:column}.el-article-header{padding:30px 0}.el-byline{gap:8px 14px}.el-article-grid{display:flex;flex-direction:column;gap:24px}.el-index{position:static;width:100%;padding:18px 0;border-bottom:1px solid #cbd5e1}.el-index nav{gap:10px}.el-index>a{padding-top:14px}.el-prose{width:100%;font-size:1rem}.el-prose h2{font-size:1.5rem}.el-takeaways{padding:22px}.el-info{padding-top:36px}.el-cta{padding:24px}.el-breadcrumbs>[aria-current]{display:none}.el-table-wrap table{min-width:550px}.el-start>a{padding:18px}.el-diagram{margin:26px 0}.el-info h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{.el-header,.el-footer,.el-index,.el-cta,.el-section,.el-breadcrumbs{display:none}.el-width{width:100%}.el-article-grid{display:block}.el-prose{max-width:none}.el-table-wrap{overflow:visible}.el-table-wrap table{min-width:0}body{background:#fff;font-size:11pt}.el-prose h2{break-after:avoid}.el-diagram,.el-takeaways{break-inside:avoid}}

/* Original logistics prototype figures. */
.el-product-preview{padding:16px;background:#f7f9fc;border:1px solid #cbd5e1;border-radius:6px}.el-product-preview .el-preview-label{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#526174}.el-product-preview img{border-radius:4px}.el-preview-detail>a{display:block;max-width:327px;margin:0 auto}.el-product-preview figcaption{margin-top:12px}@media(max-width:700px){.el-product-preview{padding:12px}}

/* A tighter reading column for the logistics feature, using the shared type roles. */
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-article-header {
  max-width: 800px;
  padding: 36px 0 32px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-article-header h1 {
  font-size: clamp(2.25rem, calc(1.5rem + 2vw), 3rem);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.02em;
  margin-bottom: 24px;
  text-wrap: balance;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-answer,
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-prose {
  max-width: 680px;
  font-size: 1.125rem;
  line-height: 1.75;
  color: #23262d;
  overflow-wrap: break-word;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-answer > p,
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-prose > p {
  margin: 0 0 20px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-answer > p:first-child {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #526174;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-answer > p:last-child {
  font-size: .875rem;
  line-height: 1.6;
  color: #526174;
  border-top: 1px solid #cbd5e1;
  padding-top: 16px;
  margin: 24px 0 0;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-byline {
  font-size: .8125rem;
  line-height: 1.6;
  gap: 6px 18px;
  margin-top: 24px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-prose > h2,
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] [data-related] > h2 {
  font-size: 1.875rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.015em;
  margin: 40px 0 16px;
  text-wrap: balance;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-prose > ul {
  margin: 0 0 24px;
  padding-left: 22px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-prose li {
  margin-bottom: 8px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-takeaways {
  padding: 24px;
  font-size: 1rem;
  line-height: 1.6;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-takeaways h2 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 12px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-takeaways li:last-child {
  margin-bottom: 0;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-index summary {
  font-size: .875rem;
  line-height: 1.5;
  font-weight: 700;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-index nav {
  gap: 12px;
  padding: 16px 0 24px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-diagram {
  margin: 32px 0;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-diagram figcaption {
  font-size: .875rem;
  line-height: 1.6;
  margin-top: 12px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-preview-label {
  line-height: 1.5;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-cta h2 {
  font-size: 1.375rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -.01em;
  margin: 0 0 12px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-cta p {
  margin-bottom: 20px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] [data-related] {
  padding-top: 48px;
}
body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] [data-related] > h2 {
  margin-top: 0;
  margin-bottom: 24px;
}
@media (min-width: 1100px) {
  body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-article-grid {
    grid-template-columns: 240px minmax(0, 680px);
    gap: 48px;
  }
}
@media (max-width: 700px) {
  body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-article-header {
    padding: 28px 0;
  }
  body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-answer > p:first-child {
    font-size: 1.125rem;
    line-height: 1.6;
  }
  body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-prose > h2,
  body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] [data-related] > h2 {
    font-size: 1.625rem;
  }
  body[data-slug="one-evidence-record-for-logistics-and-fulfillment"] .el-takeaways {
    padding: 20px;
  }
}

/* PackProof reading system: distinctive display titles, quiet readable text,
   and a consistent scale from article title to source caption. */
@font-face { font-family: Satoshi; src: url('/fonts/Satoshi-variable-italic.woff2') format('woff2'); font-style: italic; font-weight: 300 900; font-display: swap; }
@font-face { font-family: Satoshi; src: url('/fonts/Satoshi-variable.woff2') format('woff2'); font-style: normal; font-weight: 300 900; font-display: swap; }
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/fonts/IBMPlexMono-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
:root {
  --pp-font: Satoshi, system-ui, sans-serif;
  --pp-display: Satoshi, system-ui, sans-serif;
  --pp-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --pp-ink: #101827;
  --pp-blue: #2457f5;
  --pp-paper: #f7f8fa;
  --pp-line: #dce1e9;
  font-family: var(--pp-font);
  background: var(--pp-paper);
  color: var(--pp-ink);
  -webkit-font-smoothing: antialiased;
}
/* One Satoshi family unifies editorial reading and product typography. */
body { font-family: var(--pp-font); font-size: 17px; font-weight: 400; font-optical-sizing: auto; letter-spacing: 0; line-height: 1.7; }
::selection { color: #fff; background: #2457f5; }
a { color: #2457f5; text-decoration-thickness: 1px; }
:is(a, summary, [tabindex]):focus-visible { outline: 3px solid #2457f5; outline-offset: 5px; }
:is(h1, h2, h3) { color: #101827; font-family: var(--pp-display); font-weight: 600; letter-spacing: -.025em; text-wrap: balance; }
h1 { font-size: clamp(48px, 5vw, 72px); font-weight: 700; line-height: 1.06; letter-spacing: -.03em; }
h2 { line-height: 1.2; }
.el-width { width: min(1280px, calc(100% - 96px)); }
.el-header { background: #fff; border-color: #dce1e9; }
.el-nav { min-height: 84px; gap: 36px; }
.el-brand { color: #101827; font-size: 1.55rem; font-weight: 700; letter-spacing: -.03em; gap: 9px; font-family: var(--pp-display); }
.el-brand span span { color: #101827; }
.el-nav :is(nav > a, summary),
.el-signin { color: #46546c; font-size: 14px; font-weight: 600; }
.el-nav nav > a[aria-current] { color: #2457f5; border-color: #2457f5; }
.el-nav details > div { background: #fff; border: 1px solid #d7deea; border-radius: 6px; box-shadow: 0 16px 36px #10182714; padding: 10px; }
.el-nav details a { color: #46546c; font-size: 14px; padding: 12px; border-radius: 3px; }
.el-nav details a:hover { background: #f2f4f8; color: #2457f5; }
.el-signin { color: #101827; padding: 10px 16px; border: 1px solid #c9d2df; border-radius: 5px; }
.el-signin:hover { color: #2457f5; border-color: #2457f5; }
.el-intro { padding: 80px 0 48px; }
.el-kicker { color: #5b6474; font: 600 12px/1.5 var(--pp-font); letter-spacing: .08em; margin-bottom: 20px; font-size: 12px; }
.el-deck { color: #5b6474; font-size: 20px; line-height: 1.65; max-width: 64ch; }
.el-feature { background: #101827; border: 1px solid #344055; border-radius: 8px; padding: 40px; gap: 52px; }
.el-feature :is(h2, h3) { color: #fff; }
.el-feature h2 { font-size: clamp(30px, 2.7vw, 38px); font-weight: 600; line-height: 1.18; letter-spacing: -.025em; }
.el-feature p { color: #b1bed2; line-height: 1.7; font-size: 17px; }
.el-feature .el-kicker { color: #9fb6ff; font: 600 12px/1.5 var(--pp-font); letter-spacing: .08em; font-size: 12px; }
.el-feature img { border-radius: 5px; }
.el-button { background: #2457f5; color: #fff; border: 1px solid #2457f5; border-radius: 5px; padding: 13px 19px; min-height: 50px; font-size: 14px; font-weight: 600; transition: background 180ms, transform 180ms; }
.el-button:hover { background: #1947d6; border-color: #1947d6; transform: translateY(-2px); }
.el-section { padding-top: 72px; }
.el-section-title { margin-bottom: 12px; }
.el-section-title h2 { font-size: clamp(32px, 3.2vw, 44px); letter-spacing: -.025em; }
.el-section-title > a { font-size: 14px; font-weight: 600; }
.el-topics { column-gap: 36px; }
.el-topics > a { border-color: #ccd5e3; padding: 30px 0; }
.el-topics h3 { font-size: 22px; font-weight: 600; letter-spacing: -.015em; line-height: 1.35; font-family: var(--pp-font); }
.el-topics > a:hover h3 { color: #2457f5; }
.el-topics p { color: #5b6474; font-size: 16px; line-height: 1.65; }
.el-topic-number { color: #2457f5; font: 500 13px/1.6 var(--pp-mono); letter-spacing: .02em; }
.el-topic-link { color: #2457f5; font-size: 14px; }
.el-start { gap: 16px; }
.el-start > a { border: 1px solid #d7deea; background: #fff; padding: 23px; color: #101827; border-radius: 5px; font-size: 15px; line-height: 1.6; transition: border-color 180ms, color 180ms; }
.el-start > a:hover { border-color: #2457f5; color: #2457f5; }
.el-cards { gap: 24px; }
.el-card { background: #fff; border: 1px solid #dce1e9; border-radius: 6px; padding: 28px; }
.el-card h3 { font-size: 22px; font-weight: 600; line-height: 1.35; font-family: var(--pp-font); letter-spacing: -.015em; }
.el-card h3 a { color: #101827; }
.el-card h3 a:hover { color: #2457f5; }
.el-card p:not(.el-kicker) { color: #5b6474; font-size: 16px; line-height: 1.65; }
.el-card .el-kicker { font-size: 12px; line-height: 1.5; font: 600 12px/1.5 var(--pp-font); letter-spacing: .08em; }
.el-meta { color: #5b6474; font-size: 13px; padding-top: 8px; line-height: 1.6; }
.el-method-note { padding-block: 36px; border-color: #ccd5e3; }
.el-method-note p { color: #5b6474; font-size: 17px; line-height: 1.7; }
.el-footer { background: #101827; border-color: #344055; margin-top: 80px; padding-top: 56px; color: #fff; }
.el-footer .el-brand { color: #fff; }
.el-footer .el-brand > span,
.el-footer .el-brand span span { color: #fff; }
.el-footer p { color: #a7b5ca; font-size: 14px; }
.el-footer nav { padding-block: 4px 35px; gap: 18px 28px; }
.el-footer nav a { color: #a7b5ca; font-size: 14px; }
.el-footer nav a:hover { color: #fff; }
.el-footer-bottom { border-color: #344055; color: #a7b5ca; padding-block: 26px; font-size: 13px; }
.el-footer-bottom a { color: #a7b5ca; }
.el-breadcrumbs { color: #657185; font-size: 13px; gap: 8px 12px; padding-top: 30px; }
.el-article-header { max-width: 1000px; padding: 48px 0 48px; }
.el-article-header h1 { font-size: clamp(40px, 4.2vw, 58px); letter-spacing: -.03em; line-height: 1.12; font-weight: 600; max-width: 28ch; margin-bottom: 28px; }
.el-answer { max-width: 68ch; font-size: 18px; }
.el-answer p { color: #46546c; line-height: 1.7; text-wrap: pretty; }
.el-byline { color: #5b6474; font-size: 13px; padding-top: 18px; border-top: 1px solid #dce1e9; line-height: 1.6; }
.el-byline > a { font-weight: 600; }
.el-article-grid { grid-template-columns: 230px minmax(0, 740px); gap: 64px; }
.el-index { border-color: #ccd5e3; padding-top: 22px; top: 28px; }
.el-index summary { color: #101827; font-size: 14px; font-weight: 600; letter-spacing: 0; }
.el-index a { color: #5b6474; font-size: 14px; line-height: 1.6; }
.el-index a:hover { color: #2457f5; }
.el-index > a { color: #2457f5; border-color: #dce1e9; }
.el-prose { color: #2f3a4c; font-size: 18px; line-height: 1.75; max-width: 68ch; overflow-wrap: break-word; }
.el-prose h2 { color: #101827; font-size: 32px; letter-spacing: -.02em; font-weight: 600; line-height: 1.2; margin: 56px 0 20px; }
.el-prose h3 { color: #101827; font-size: 24px; font-weight: 600; letter-spacing: -.015em; font-family: var(--pp-font); line-height: 1.3; margin: 36px 0 16px; }
.el-prose strong { font-weight: 600; }
.el-takeaways { background: #fff; border: 1px solid #dce1e9; border-top: 2px solid #2457f5; padding: 26px 30px; }
.el-prose .el-takeaways h2 { font-size: 20px; letter-spacing: -.01em; font-family: var(--pp-font); font-weight: 600; line-height: 1.35; }
.el-takeaways li { font-size: 16px; line-height: 1.7; }
.el-diagram { margin-block: 36px; }
.el-diagram img { background: #fff; border-color: #d7deea; border-radius: 4px; }
.el-diagram figcaption,
.el-diagram details { color: #5b6474; font-size: 14px; line-height: 1.65; }
.el-table-wrap { background: #fff; border-color: #d7deea; border-radius: 4px; }
.el-table-wrap table { font-size: 15px; line-height: 1.65; }
.el-table-wrap th,
.el-table-wrap td { padding: 16px; border-color: #dce1e9; }
.el-table-wrap th { background: #edf0f5; color: #101827; font-size: 14px; font-weight: 600; }
.el-table-wrap tr:nth-child(even) td { background: #f7f8fa; }
.el-cta { background: #101827; color: #fff; border-radius: 6px; padding: 32px; }
.el-prose .el-cta h2 { color: #fff; font-size: 28px; line-height: 1.3; letter-spacing: -.02em; }
.el-cta p { color: #b1bed2; }
.el-category-intro { color: #46546c; line-height: 1.7; font-size: 18px; max-width: 68ch; }
.el-info dd { color: #5b6474; }
.el-product-preview { background: #fff; border-color: #d7deea; border-radius: 6px; padding: 16px; }
.el-product-preview .el-preview-label { color: #5b6474; font: 600 12px/1.5 var(--pp-font); letter-spacing: .07em; }

@media (max-width: 1100px) {
  .el-width { width: calc(100% - 64px); }
  .el-nav { gap: 24px; }
  .el-nav nav { gap: 18px; }
  .el-feature { gap: 32px; padding: 30px; }
  .el-article-grid { grid-template-columns: 190px minmax(0, 1fr); gap: 40px; }
  .el-cards { gap: 20px; }
  .el-card { padding: 24px; }
}
@media (max-width: 700px) {
  .el-width { width: calc(100% - 40px); }
  .el-nav { padding-block: 16px; gap: 8px 14px; min-height: 76px; }
  .el-brand { font-size: 1.4rem; }
  .el-nav nav { gap: 14px; }
  .el-nav :is(nav > a, summary) { font-size: 14px; }
  .el-signin { font-size: 14px; padding: 8px 12px; }
  .el-intro { padding: 48px 0 32px; }
  h1 { font-size: clamp(38px, 8.8vw, 55px); }
  .el-deck { font-size: 18px; }
  .el-kicker { font-size: 12px; font: 600 12px/1.5 var(--pp-font); letter-spacing: .08em; }
  .el-feature { padding: 25px; gap: 28px; }
  .el-feature h2 { font-size: 30px; }
  .el-feature p { font-size: 16px; }
  .el-section { padding-top: 52px; }
  .el-section-title { margin-bottom: 24px; }
  .el-section-title h2 { font-size: 30px; }
  .el-topics > a { padding-block: 26px; }
  .el-card { padding: 24px; }
  .el-method-note { margin-block: 48px; padding-block: 30px; }
  .el-footer { padding-top: 44px; margin-top: 56px; }
  .el-footer nav { gap: 16px 24px; }
  .el-breadcrumbs { padding-top: 25px; font-size: 13px; }
  .el-article-header { padding: 34px 0 32px; }
  .el-article-header h1 { font-size: clamp(36px, 8.5vw, 44px); line-height: 1.12; }
  .el-byline { font-size: 13px; line-height: 1.6; }
  .el-article-grid { gap: 26px; }
  .el-index { border-color: #d7deea; padding-block: 18px; }
  .el-index a { font-size: 14px; line-height: 1.6; }
  .el-prose { font-size: 17px; line-height: 1.75; }
  .el-prose h2 { font-size: 28px; margin-top: 44px; }
  .el-prose h3 { font-size: 22px; }
  .el-takeaways { padding: 23px; }
  .el-takeaways li { font-size: 16px; line-height: 1.7; }
  .el-diagram { margin-block: 28px; }
  .el-cta { padding: 26px; }
  .el-prose .el-cta h2 { font-size: 26px; }
  .el-product-preview { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .el-button,
  .el-start > a { transition: none; }
  .el-button:hover { transform: none; }
}
@media print {
  :root,
  body { background: #fff; color: #101827; }
  .el-width { width: 100%; }
  .el-article-grid { display: block; }
  .el-prose { max-width: none; }
  .el-table-wrap { overflow: visible; }
  .el-table-wrap table { min-width: 0; }
}