/* GAUTEN technical notebook. Shared navigation loads after this file. */
:root{--paper:#fff;--white:#fff;--ink:#10272a;--muted:#53686a;--teal:#08717c;--accent:#25b8c6;--line:#dfe7e6;--wash:#f5f7f5;--sans:Manrope,sans-serif;--serif:Manrope,sans-serif}
body{font:400 16px/24px var(--sans);color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:var(--sans);font-weight:700;text-wrap:balance;letter-spacing:-.035em}h1{font-size:60px;line-height:1}h2{font-size:36px;line-height:40px}h3{font-size:24px;line-height:32px}p{ text-wrap:pretty }em{font-style:normal}.wrap{width:min(1248px,calc(100% - 80px))}.eyebrow{font:700 12px/16px var(--sans);letter-spacing:.08em;color:var(--teal);text-transform:uppercase}.private-notice{font:400 12px/16px var(--sans);padding:8px 16px;background:var(--wash);border:0}
.blog-topics{border-block:1px solid var(--line);background:#fff}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.topic-nav{display:flex;flex-wrap:wrap;list-style:none;gap:0 24px;margin:0;padding:0}.topic-nav a,.search-jump{display:inline-flex;align-items:center;min-height:48px;padding:12px 0;font:600 12px/16px var(--sans);color:var(--muted);text-decoration:none}.topic-nav a[aria-current],.topic-nav a:hover,.search-jump:hover{color:var(--teal);text-decoration:underline}.search-jump{flex-shrink:0;gap:8px}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:80px}.hero h1{max-width:680px;margin-bottom:24px;font-size:60px;line-height:1;letter-spacing:-.045em}.hero .eyebrow{margin-bottom:24px}.hero-intro{max-width:520px;font-size:18px;line-height:28px;color:var(--muted);margin-bottom:32px}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:16px;font-weight:700}.hero .product-photo{border:0;background:var(--wash)}.hero .product-photo img{mix-blend-mode:multiply;aspect-ratio:4/3;object-fit:contain}.hero .product-photo figcaption{border:0;padding:16px 24px;background:var(--wash);font-size:12px;line-height:20px}.hero .product-photo figcaption a{white-space:nowrap}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading h2{font-size:30px;line-height:36px;margin-bottom:0}.section-heading p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:20px}.section-heading .eyebrow{margin-bottom:12px;color:var(--teal);font-size:12px;line-height:16px}.reading-starts{padding-block:48px 64px;border-top:1px solid var(--line)}.reading-routes{list-style:none;margin:0;padding:0}.reading-routes li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:32px;padding:24px 0;border-top:1px solid var(--line)}.route-number{font-size:30px;line-height:36px;color:var(--teal)}.reading-routes li>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:start}.reading-routes .eyebrow{grid-column:1/-1;margin-bottom:8px}.reading-routes h3{margin:0;font-size:24px;line-height:32px}.reading-routes h3 a{color:var(--ink);text-decoration:none}.reading-routes h3 a:hover{color:var(--teal);text-decoration:underline}.reading-routes h3 span{color:var(--teal)}.reading-routes li p:last-child{margin:0;color:var(--muted);max-width:520px}
.topic-directory{padding-block:32px 48px;border-top:1px solid var(--line)}.topic-directory ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;border:0;gap:16px}.topic-directory li,.topic-directory li+li{border:0}.topic-directory li a,.topic-directory li:first-child a{display:flex;align-items:center;gap:12px;min-height:80px;padding:16px;background:var(--wash);color:var(--ink);font:600 14px/20px var(--sans);text-decoration:none}.topic-number{font:400 12px/16px var(--sans);color:var(--teal)}.topic-directory li a>span:last-child{margin-left:auto;color:var(--teal)}.topic-directory li a:hover{background:#e9f2f0}
.latest-section{padding-block:48px 80px;border-top:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.article-card{display:flex;flex-direction:column;min-width:0;border:0;padding:0;margin:0}.article-card .card-visual{border:0;background:var(--wash);margin:0 0 24px}.article-card .card-visual img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--wash)}.article-card .eyebrow{margin-bottom:12px;align-self:start}.article-card :is(h2,h3){font-size:24px;line-height:32px;margin:0 0 16px;font-weight:700}.article-card :is(h2,h3) a{color:var(--ink);text-decoration:none}.article-card :is(h2,h3) a:hover{color:var(--teal);text-decoration:underline}.article-card>.card-abstract{font-size:16px;line-height:24px;color:var(--muted);margin:0 0 16px}.article-card>.card-image-credit{margin:0 0 16px;font-size:12px;line-height:16px}.card-image-credit .photo-credit{font-size:12px;line-height:20px;margin:0}.card-base{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font:400 12px/16px var(--sans)}.card-base a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700}.card-base time{color:var(--muted)}
.archive-head{padding-block:64px 48px;max-width:960px}.archive-head h1{font-size:48px;line-height:1;margin-bottom:24px}.archive-intro,.archive-head>p:not(.eyebrow){max-width:744px;font-size:18px;line-height:28px;color:var(--muted)}.archive-section{padding-bottom:80px}.pagination,.navigation.pagination{margin-block:48px}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px}.page-numbers.current{background:var(--ink);color:#fff}
.article-shell{padding-block:64px 0}.article-header{max-width:960px;margin:0 auto 40px}.breadcrumb{font-size:12px;line-height:16px;margin-bottom:32px}.article-header>.eyebrow{display:inline-block;margin-bottom:16px}.article-header h1{font-size:48px;line-height:1.12;margin:0 0 24px}.article-deck{max-width:744px;font-size:20px;line-height:28px;color:var(--muted);margin-bottom:24px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font:400 12px/20px var(--sans);color:var(--muted)}.article-meta strong{font-weight:600}.account-label{font-size:12px}.article-cover{max-width:960px;margin:0 auto 48px;border:0;background:var(--wash)}.article-cover>img{max-height:560px;object-fit:contain;background:var(--wash)}.article-cover figcaption{font-size:14px;line-height:20px;padding:16px 24px;background:var(--wash)}.photo-credit{font-size:12px;line-height:20px;margin-top:8px}
.reading-layout{display:grid;grid-template-columns:200px minmax(0,744px);gap:48px;justify-content:center}.reading-aside{display:block;font-size:14px;line-height:20px;color:var(--muted);padding-top:8px;position:sticky;top:32px;align-self:start}.reading-aside p{margin-bottom:16px}.article-body{min-width:0;width:100%;max-width:744px;font-size:18px;line-height:28px;overflow-wrap:break-word}.article-body p{margin-block:0 24px}.article-body h2{font-size:30px;line-height:36px;margin-block:48px 24px;scroll-margin-top:32px}.article-body h3{font-size:24px;line-height:32px;margin-block:32px 16px}.article-body li{margin-block:12px}.article-body ul,.article-body ol{padding-left:24px;margin-block:0 24px}.article-body table{display:block;max-width:100%;overflow-x:auto;font-size:14px;line-height:20px;border-collapse:collapse}.table-scroll{width:100%;overflow-x:auto;margin-block:32px}.table-scroll table{display:table;width:100%;overflow:visible}.article-body th,.article-body td{min-width:140px;padding:12px 16px;border:1px solid var(--line);text-align:left}.article-body th{background:var(--wash);font-weight:700}.article-body blockquote{margin:32px 0;padding:24px;background:var(--wash);border:0;font-style:normal}.article-visual{margin:0 0 32px;border:1px solid var(--line)}.article-visual figcaption,.diagram-notes{font-size:14px;line-height:20px;padding:16px 24px}.article-visual>.eyebrow{padding:16px 24px 0}.visual-summary{margin-top:48px}.visual-summary h2{margin-top:0}.diagram-notes summary{min-height:44px;display:list-item;padding-block:12px}.article-end{max-width:744px;margin:48px 0 0 auto;padding-block:24px;border-top:1px solid var(--line);font:400 14px/20px var(--sans)}.related-product{max-width:992px;margin:64px auto 0;padding:32px;gap:32px;border:1px solid var(--line);background:var(--wash);font:400 16px/24px var(--sans)}.related-product h2{font-size:24px;line-height:32px}.product-link{font:600 14px/20px var(--sans);padding:12px 16px;min-height:44px;border:1px solid var(--teal);background:#fff}.post-navigation{padding-block:48px 64px}.post-navigation .nav-links{gap:32px}.page-shell{padding-block:64px}.page-shell .article-body{margin-inline:auto}
.site-footer{padding-top:48px;background:var(--wash);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;padding-bottom:48px}.footer-grid p{color:var(--muted);font-size:14px;line-height:24px}.footer-brand{font:700 24px/32px var(--sans);color:var(--ink);text-decoration:none}.footer-base{padding-block:24px;font-size:12px;line-height:16px;border-top:1px solid var(--line)}.search-form{display:flex;gap:8px;max-width:520px}.search-form label{min-width:0;flex:1}.search-field{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:0;font:400 16px/24px var(--sans)}.search-submit{min-height:48px;padding:12px 16px;background:var(--ink);border:1px solid var(--ink);color:#fff;font:600 14px/20px var(--sans)}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{gap:32px;padding-block:64px}.hero h1{font-size:48px}.topic-directory ol{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-layout{grid-template-columns:160px minmax(0,744px);gap:32px}.topic-nav{gap:0 16px}.footer-grid{gap:32px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:32px;padding-block:48px}.hero-copy{max-width:680px}.hero .product-photo{width:100%;max-width:640px}.hero .product-photo img{max-height:360px}.reading-routes li>div{display:block}.reading-routes h3{margin-bottom:12px}.reading-routes li{gap:24px;grid-template-columns:40px minmax(0,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.reading-layout{display:flex;flex-direction:column;gap:32px}.reading-aside{position:static;max-width:744px;width:100%;margin-inline:auto;padding:24px;background:var(--wash);order:2}.article-body{margin-inline:auto}.article-end{margin-inline:auto}.article-header h1{font-size:36px;line-height:40px}.article-cover{margin-bottom:32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.nav-row{align-items:start}.section-heading{align-items:start;flex-direction:column;gap:16px}.topic-directory ol{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-directory li:nth-child(even){border:0}.article-shell{padding-top:40px}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:36px;line-height:40px}.hero .eyebrow{font-size:12px;line-height:16px;margin-bottom:24px}.hero-intro{font-size:18px;line-height:28px}.hero .product-photo figcaption{padding:16px}.reading-starts{padding-block:32px}.reading-routes li{grid-template-columns:1fr;gap:12px}.route-number{font-size:24px;line-height:32px}.topic-directory{padding-block:32px}.topic-directory li a,.topic-directory li:first-child a{padding:12px;min-height:96px;font-size:12px;line-height:20px}.topic-directory ol{gap:8px}.article-grid{grid-template-columns:1fr;gap:40px}.article-card :is(h2,h3){font-size:24px;line-height:32px}.article-card .eyebrow{font-size:12px}.latest-section{padding-block:32px 48px}.article-header h1{font-size:30px;line-height:36px}.article-deck{font-size:18px;line-height:28px}.article-meta>span{margin:0}.article-meta{display:flex;gap:8px 16px}.article-body{font-size:18px;line-height:28px}.article-body h2{font-size:24px;line-height:32px}.article-body h3{font-size:20px;line-height:28px}.article-body th,.article-body td{padding:12px}.article-cover figcaption{padding:16px;font-size:12px;line-height:20px}.article-visual figcaption,.diagram-notes{padding:16px}.related-product{padding:24px;grid-template-columns:1fr;margin-top:40px}.footer-grid{grid-template-columns:1fr;gap:32px}.archive-head{padding-block:40px 32px}.archive-head h1{font-size:36px;line-height:40px}.nav-row{display:block}.topic-nav{gap:0 16px}.topic-nav a{font-size:12px;padding-block:12px}.search-jump{padding:0;min-height:44px}.article-end{font-size:14px;line-height:20px}}
/* Keep secondary topics as a compact, horizontally scrollable row on phones. */
@media(max-width:800px){.blog-topics .nav-row{display:flex;align-items:center;gap:16px}.blog-topics .nav-row>nav{min-width:0;flex:1;overflow-x:auto;overscroll-behavior-x:contain}.blog-topics .topic-nav{flex-wrap:nowrap;gap:24px;width:max-content}.blog-topics .topic-nav a{white-space:nowrap;min-height:44px}.blog-topics .search-jump{padding:8px 0;min-height:44px;flex-shrink:0}}
@media print{.reading-aside,.blog-topics{display:none}.reading-layout{display:block}.article-body{max-width:none}.article-cover{max-width:744px}.article-shell{padding-top:0}}