:root{color-scheme:light;--ink:#282c30;--red:#9a1016;--sub:#656b71;--line:#ddd7d0;--paper:#fbf8f4;--cream:#f3ede6;--white:#fff;--link:#8f1920}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}.masthead{background:#fff;border-bottom:1px solid var(--line)}.wrap{max-width:1240px;margin:auto;padding:0 28px}.masthead-inner{display:flex;justify-content:space-between;align-items:center;min-height:78px}.brand{color:#1a1a1a;text-decoration:none;font-size:1.65rem;font-weight:750;letter-spacing:-.04em}.brand strong{color:var(--red)}.masthead-meta{color:#696969;font-size:.9rem}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:56px;padding-top:50px;padding-bottom:80px}.sidebar{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 50px);overflow-y:auto;padding:6px 0 15px}.nav-caption,.eyebrow{font-size:.73rem;font-weight:760;letter-spacing:.14em;color:var(--red)}.sidebar a{display:block;color:#4a4d50;text-decoration:none;padding:7px 12px;border-left:2px solid transparent;font-size:.9rem;line-height:1.45}.sidebar a:hover,.sidebar a:focus{border-color:var(--red);color:var(--red);background:#f3eae5}main{min-width:0}h1{font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.042em;line-height:1.15;margin:10px 0 16px}h2{font-size:1.7rem;letter-spacing:-.03em;line-height:1.3;color:var(--red);margin:0 0 16px}p{margin:0 0 17px}.lead{font-size:1.16rem;color:#52575c;max-width:780px}.intro-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:.83rem;color:var(--sub);margin:24px 0 12px}section{padding-top:44px;margin-top:35px;border-top:1px solid var(--line);scroll-margin-top:30px}.figure{background:white;border:1px solid #e2ddd7;border-radius:9px;padding:14px;margin:24px 0 25px;box-shadow:0 3px 15px #3620110c}.figure img{display:block;width:100%;height:auto;object-fit:contain}.figure.dialog{max-width:730px}.figure.medium{max-width:800px}.figure figcaption{color:var(--sub);font-size:.83rem;margin:12px 3px 1px}table{border-collapse:collapse;width:100%;font-size:.92rem;margin:20px 0 26px;background:#fff}th,td{text-align:left;padding:10px 13px;border-bottom:1px solid #e7e0d9;vertical-align:top}th{background:var(--cream);font-weight:700}td:first-child{min-width:150px;font-weight:600}ol{padding-left:26px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.feature-grid>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.feature-grid p{font-size:.9rem;color:var(--sub);margin:4px 0 0}.note{background:#f5f0e9;border-left:3px solid #ad8078;padding:12px 16px;font-size:.92rem}.footer{border-top:1px solid var(--line);margin-top:56px;padding:30px 0;display:flex;justify-content:space-between;color:var(--sub);font-size:.82rem}@media(max-width:820px){.layout{display:block;padding-top:28px}.sidebar{position:static;max-height:none;display:flex;flex-direction:row;overflow-x:auto;gap:0;white-space:nowrap;padding:6px 0;border-bottom:1px solid var(--line);margin-bottom:32px}.nav-caption{display:none}.sidebar a{border-left:0;border-bottom:2px solid transparent;padding:10px}.sidebar a:hover{border-bottom-color:var(--red)}.feature-grid{grid-template-columns:1fr}.wrap{padding-left:17px;padding-right:17px}.masthead-meta{font-size:.75rem}.figure{padding:7px}.footer{gap:15px;flex-wrap:wrap}}@media print{body{background:#fff}.sidebar{display:none}.layout{display:block}.masthead{border:0}.figure,table{break-inside:avoid}section{break-before:auto}.wrap{max-width:none}}

/* Main site-inspired card presentation; table of contents stays unboxed. */
body {background:#f1ece5;}
.layout {gap:34px;grid-template-columns:220px minmax(0,1fr);}
.sidebar {background:transparent;border:0;box-shadow:none;padding-top:12px;}
main>section {background:#fbf6ef;border:1px solid #ddd4c9;border-radius:13px;box-shadow:0 3px 13px rgba(55,30,20,.06);padding:30px 34px;margin-top:22px;scroll-margin-top:22px;}
main>section h3 {font-size:1.1rem;color:#641b1b;margin:22px 0 9px;}
main>section p {line-height:1.7;}
.figure {box-shadow:none;background:#fff;border:1px solid #e5ddd2;}
.feature-grid>div {background:#fffaf4;}
main>section table {border:1px solid #e2dad0;}
@media(max-width:820px){main>section{padding:20px 18px}.layout{display:block}}
@media print{main>section{box-shadow:none;border:1px solid #aaa;break-inside:auto}}

/* The actual device website supplies header/footer through site.css and site-nav.js. */
.site-header { flex-shrink: 0; }
.site-footer { flex-shrink: 0; }
body > .layout { flex: 1 0 auto; }