@font-face{font-family:Plex;src:url(/assets/fonts/ibm-plex-sans-latin-400-normal.woff2)}@font-face{font-family:Plex;src:url(/assets/fonts/ibm-plex-sans-latin-500-normal.woff2);font-weight:500}@font-face{font-family:Plex;src:url(/assets/fonts/ibm-plex-sans-latin-600-normal.woff2);font-weight:600}@font-face{font-family:PlexMono;src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2)}:root{--bg: #f8f7f2;--surface: #fffefa;--text: #272d35;--muted: #626a76;--ink: #384f80;--on-ink: #fff;--wash: #e8ecf2;--line: #d4d8df;--strong-line: #8993a3;--success: #34704c;--warning: #855c19;--radius: 2px;color-scheme:light}:root[data-theme=dark]{--bg: #171d28;--surface: #202837;--text: #eeeef0;--muted: #b0bbcc;--ink: #a7bdec;--on-ink: #172039;--wash: #263248;--line: #3a465c;--strong-line: #71819b;--success: #9bcbb0;--warning: #e6bd76;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Plex,Arial,sans-serif;font-size:16px;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1{font-size:clamp(48px,5.9vw,84px);line-height:1.055;letter-spacing:-.055em}h2{font-size:42px;line-height:1.13;letter-spacing:-.035em}h3{font-size:22px;line-height:1.35;letter-spacing:-.025em}p{color:var(--muted)}.mono,.eyebrow,code,pre{font-family:PlexMono,monospace}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:24px}.wrap{width:calc(100% - 112px);max-width:1280px;margin:auto}.mark{width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply}.brand{display:inline-flex;align-items:center;gap:10px;font-family:PlexMono,monospace;font-size:17px;white-space:nowrap;letter-spacing:-.6px}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px}.site-header nav{display:flex;gap:26px;margin-left:auto;align-items:center;font-size:13px}.site-header nav button,.text-button{background:none;border:0;padding:0;font-size:13px}.header-actions{display:flex;gap:22px;align-items:center}.theme-toggle{background:none;border:1px solid var(--line);width:36px;height:36px;font-size:20px;line-height:1;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);border-radius:var(--radius);font-size:14px;font-weight:500;line-height:1.5}.button:hover{filter:brightness(.92);text-decoration:none}.button.small{padding:10px 16px;font-size:12px;gap:20px}.menu-toggle{display:none}.skip{position:absolute;top:-80px;left:20px;padding:10px;background:var(--surface);z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.65fr 1fr;gap:40px;align-items:center;min-height:575px;padding-top:80px;padding-bottom:78px}.hero-description{font-size:18px;line-height:1.65;margin-top:27px}.cta-row{display:flex;gap:30px;align-items:center;margin-top:34px}.underlink{font-size:14px;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid var(--strong-line);padding-bottom:5px;color:var(--text)}.hero-art{max-width:380px;width:100%;justify-self:end;padding-top:20px}.art-field{height:315px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--line) 50%,transparent 50.2%);opacity:.55}.light-beam{position:absolute;width:310px;height:235px;background:radial-gradient(ellipse,#b1c4e6 0%,#dae2f2 28%,transparent 68%);filter:blur(8px);z-index:-1;transform:rotate(-20deg)}.hero-symbol{width:128px;height:128px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-2deg)}.art-caption{position:absolute;bottom:28px;font-size:9px;letter-spacing:.16em;color:var(--ink)}.art-coordinate{position:absolute;top:15px;left:18px;font-size:9px;color:var(--muted)}.hero-art figcaption{font-size:10px;text-align:center;color:var(--muted);padding-top:18px}.principles{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.product-section{padding-top:80px;padding-bottom:90px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:40px}.section-heading p:not(.eyebrow){font-size:16px;margin-top:18px}.studio{background:var(--surface);border:1px solid var(--strong-line);box-shadow:0 16px 50px #1929440a;font-size:12px}.studio-bar{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px}.studio-bar .brand{font-size:12px;gap:5px}.studio-bar .mark{width:24px;height:24px}.studio-bar>.mono{font-size:10px;color:var(--muted)}.studio-save{margin-left:auto;color:var(--success);font-size:11px}.studio-title{padding:20px 18px;display:flex;justify-content:space-between;gap:20px;font-weight:500}.studio-title .mono{font-size:10px;font-weight:400;color:var(--muted)}.studio-tools{display:flex;gap:25px;padding:10px 18px;background:var(--bg);border-block:1px solid var(--line);font-size:10px;color:var(--muted)}.studio-tools span:last-child{margin-left:auto}.studio-body{display:grid;grid-template-columns:3fr 1fr}.segment{display:grid;grid-template-columns:35px 1fr 1fr 25px;border-bottom:1px solid var(--line);min-height:57px}.segment>span{padding:12px;border-right:1px solid var(--line)}.segment>span:first-child{color:var(--muted);font:10px PlexMono;padding-inline:10px}.segment>span:last-child{border:0;padding-inline:4px}.segment.headings{font-family:PlexMono;font-size:9px;min-height:0;background:var(--bg)}.segment.active{background:var(--wash);box-shadow:inset 3px 0 var(--ink)}.caret{display:inline-block;height:15px;width:1px;background:var(--ink);vertical-align:middle;margin-left:2px}.ok{color:var(--success)}.draft{color:var(--warning)}.muted{color:var(--muted)}.studio-side{border-left:1px solid var(--line);padding:12px 16px;font-size:11px}.side-tabs{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:9px}.tm-label{margin:16px 0 9px;color:var(--ink);font-size:9px}.studio-side p{margin-bottom:8px}.studio-side p span{display:block}.studio-status{display:flex;justify-content:space-between;padding:10px 18px;font-size:9px;color:var(--muted)}.studio-figure figcaption{display:flex;justify-content:space-between;gap:24px;font:9px/1.6 PlexMono;color:var(--muted);margin-top:16px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:52px}.feature-no{font-size:10px;color:var(--ink);display:block;margin-bottom:18px}.feature-grid h3{font-size:20px;margin-bottom:12px}.feature-grid p{font-size:14px}.formats-band{background:var(--wash);padding:78px 0}.format-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.format-intro p:not(.eyebrow){margin-top:24px;font-size:15px}.format-intro .underlink{margin-top:26px}.format-list{padding-top:25px}.format-item{display:grid;grid-template-columns:100px 1fr 20px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--strong-line);font-size:14px}.format-item:first-child{border-top:1px solid var(--strong-line)}.format-item .mono{color:var(--ink);font-size:12px}.resources{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:85px}.resource-list>a,.resource-list>button{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);padding:25px 0;background:none}.resource-list .eyebrow{display:block;margin-bottom:10px}.resource-list h3 span{float:right}.resource-list p{font-size:14px;margin-top:12px;max-width:440px}.closing{padding:65px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:30px}.closing .button{justify-self:end}.closing .eyebrow{margin:0}footer{padding:55px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between}.footer-top p{font-size:18px;color:var(--ink)}.footer-links{display:flex;gap:30px;font-size:12px;margin:30px 0 45px;color:var(--muted)}.footer-links span{margin-right:auto}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.page-intro{padding:90px 0 65px}.page-intro p:not(.eyebrow){margin-top:28px;font-size:18px}.directory-layout{display:grid;grid-template-columns:230px 1fr;gap:75px;border-top:1px solid var(--line);padding-top:35px}.directory-sidebar label{display:block;margin-bottom:12px}.directory-sidebar input{width:100%;padding:12px;background:var(--surface);border:1px solid var(--strong-line);border-radius:2px;color:var(--text);font-size:13px}.category-title{margin-top:36px;margin-bottom:14px}.filters{display:grid;gap:5px}.filters button{background:none;border:0;text-align:left;padding:12px 10px;font-size:13px;display:flex;justify-content:space-between}.filters button span{font-family:PlexMono;font-size:11px}.filters button[aria-pressed=true]{background:var(--wash);color:var(--ink);box-shadow:inset 2px 0 var(--ink)}.directory-note{font-size:12px;margin-top:40px}.directory-note a{display:block;color:var(--ink);margin-top:10px}.list-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:0 0 18px}.directory-row{display:grid;grid-template-columns:65px 1fr 145px 105px;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 0}.file-glyph{height:76px;border:1px solid var(--strong-line);display:grid;place-items:center;font-size:9px;color:var(--ink);position:relative;background:var(--wash);clip-path:polygon(0 0,75% 0,100% 20%,100% 100%,0 100%)}.directory-row .eyebrow{font-size:9px;margin:0 0 5px;display:block}.directory-row h2{font-size:25px;letter-spacing:-.025em}.directory-row p{font-size:13px;margin-top:5px}.extension{font-size:11px;color:var(--muted)}.row-link{font-size:24px;justify-self:end;padding:10px}.draft-label{font-size:9px;color:var(--muted);text-align:right}.library-note{padding-top:25px;border-top:1px solid var(--line);font-size:12px}.directory-end{margin:90px 0;padding:40px;border-block:1px solid var(--line);background:var(--wash)}.directory-end h2{font-size:30px}.directory-end p:not(.eyebrow){max-width:720px;margin-top:18px}.breadcrumbs{display:flex;gap:15px;font-size:10px;padding-top:35px;color:var(--muted)}.detail-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding-block:65px;border-bottom:1px solid var(--line)}.detail-intro h1{font-size:88px}.title-dot{color:var(--ink)}.detail-deck{font-size:25px;line-height:1.4;margin-top:24px}.file-card{background:var(--wash);padding:40px;display:flex;flex-direction:column;gap:20px;color:var(--ink)}.file-card .mono{font-size:10px;letter-spacing:.1em}.file-card strong{font:36px PlexMono;font-weight:400}.file-card>span:last-child{font-size:12px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:245px minmax(0,740px);gap:90px;padding-top:65px;padding-bottom:70px}.toc{align-self:start;position:sticky;top:35px;display:grid}.toc a{font-size:12px;padding:11px 0;border-bottom:1px solid var(--line)}.toc-note{font-size:9px;color:var(--muted);margin-top:55px;line-height:1.8;letter-spacing:.1em}.technical-article section{padding-bottom:45px;margin-bottom:40px;border-bottom:1px solid var(--line)}.technical-article h2{font-size:34px;margin-bottom:24px}.technical-article p{font-size:17px;line-height:1.8;margin-bottom:18px}.technical-article .eyebrow{font-size:10px}.technical-article h3{margin:26px 0 12px}.technical-article code{font-size:.8em;color:var(--ink)}.facts{margin-top:30px;font-size:13px}.facts>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0}.steps{padding-left:24px}.steps li{padding-left:15px}.steps li::marker{color:var(--ink);font-family:PlexMono;font-size:13px}.code-example{background:var(--wash);border-left:2px solid var(--ink);padding:24px;margin:30px 0}.code-example>div{font-size:9px;color:var(--muted)}.code-example pre{font-size:14px;overflow:auto;margin:22px 0}.code-example p{font-size:11px;margin:0}.callout{border-left:2px solid var(--ink);background:var(--wash);padding:25px;margin-bottom:25px}.callout .mono{font-size:10px;color:var(--ink)}.callout p{margin:12px 0 0;font-size:16px}.technical-article .source-note{font-size:12px}.related-link{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 0}.related-link .mono{display:block;font-size:11px;color:var(--muted);margin-top:6px}.related-link strong{font-weight:500}dialog{max-width:500px;width:calc(100% - 40px);padding:40px;background:var(--bg);border:1px solid var(--line);color:var(--text)}dialog h2{font-size:30px;margin-bottom:20px}dialog .button{margin-top:25px}dialog::backdrop{background:#121b2c99}[hidden]{display:none!important}:root[data-theme=dark] .mark,:root[data-theme=dark] .hero-symbol{filter:invert(1);mix-blend-mode:screen}:root[data-theme=dark] .light-beam{background:radial-gradient(ellipse,#4b6999 0%,#293c61 28%,transparent 68%)}.fieldnotes .wrap{max-width:1320px;width:calc(100% - 80px)}.fieldnotes .site-header{height:88px;gap:35px;border-bottom:2px solid var(--ink)}.fieldnotes .brand{font-size:15px}.fieldnotes .site-header nav{font-family:PlexMono;font-size:11px;gap:23px}.fieldnotes .site-header nav button{font-family:PlexMono;font-size:11px}.fieldnotes .hero{grid-template-columns:1.6fr 1fr;gap:0;min-height:500px;padding-block:0;border-bottom:1px solid var(--line)}.fieldnotes .hero-copy{padding:55px 40px 55px 0}.fieldnotes h1{font-size:clamp(44px,4.9vw,69px);letter-spacing:-.045em;line-height:1.08}.fieldnotes .hero-description{font-size:16px;max-width:430px;margin-top:24px}.fieldnotes .hero-art{max-width:none;padding:30px 0 30px 30px;border-left:1px solid var(--line);align-self:stretch;display:flex;flex-direction:column;justify-content:center}.fieldnotes .art-field{height:340px;background:var(--wash);border:1px solid var(--line)}.fieldnotes .art-grid{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%),repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%);opacity:.5}.fieldnotes .hero-symbol{width:112px;height:112px;transform:none}.fieldnotes .light-beam{height:280px;width:280px;filter:blur(16px);background:radial-gradient(ellipse,#c2d0eb,transparent 68%)}.fieldnotes .hero-art figcaption{text-align:left;letter-spacing:.06em}.fieldnotes .principles{justify-content:flex-start;gap:0;border-top:0;padding:0}.fieldnotes .principles span{flex:1;padding:17px 20px;border-right:1px solid var(--line);font-size:9px}.fieldnotes .principles span:first-child{padding-left:0}.fieldnotes .principles span:last-child{border-right:0}.fieldnotes h2{font-size:34px}.fieldnotes .product-section{padding-top:55px;padding-bottom:60px}.fieldnotes .section-heading{grid-template-columns:1fr 3fr;margin-bottom:30px}.fieldnotes .section-heading>div{display:flex;justify-content:space-between;align-items:start;gap:25px}.fieldnotes .section-heading p:not(.eyebrow){margin:0;max-width:300px;font-size:14px}.fieldnotes .section-heading .desktop-break{display:none}.fieldnotes .studio{box-shadow:none}.fieldnotes .feature-grid{grid-template-columns:1fr 1fr;gap:0;margin-top:35px;border-bottom:1px solid var(--line)}.fieldnotes .feature-grid article{display:grid;grid-template-columns:30px 170px 1fr;gap:15px;padding:24px 25px 24px 0;border-top:1px solid var(--line)}.fieldnotes .feature-grid article:nth-child(2n){padding-left:25px;border-left:1px solid var(--line)}.fieldnotes .feature-grid h3{font-size:18px}.fieldnotes .feature-grid p{font-size:13px}.fieldnotes .feature-no{padding-top:5px}.fieldnotes .formats-band{background:var(--ink);color:var(--on-ink);padding-block:60px}.fieldnotes .formats-band p,.fieldnotes .formats-band .eyebrow,.fieldnotes .formats-band .mono,.fieldnotes .formats-band a{color:var(--on-ink)}.fieldnotes .format-intro{grid-template-columns:1fr 1.15fr;gap:80px}.fieldnotes .format-item{border-color:color-mix(in srgb,var(--on-ink) 35%,transparent)}.fieldnotes .resources{padding-block:60px;grid-template-columns:1fr 2fr}.fieldnotes .resource-list{display:grid;grid-template-columns:1fr 1fr;gap:30px}.fieldnotes .resource-list h3{font-size:21px}.fieldnotes .closing{background:var(--wash);padding:35px}.fieldnotes .closing h2{font-size:34px}.fieldnotes .page-intro{display:grid;grid-template-columns:1fr 2fr;gap:0 40px;padding-block:65px}.fieldnotes .page-intro .eyebrow{grid-row:span 2}.fieldnotes .page-intro h1 br{display:none}.fieldnotes .page-intro p:not(.eyebrow){font-size:16px;max-width:650px;margin-top:22px}.fieldnotes .directory-layout{grid-template-columns:210px 1fr;gap:40px}.fieldnotes .directory-results{display:grid;grid-template-columns:1fr 1fr;align-content:start}.fieldnotes .list-label,.fieldnotes .library-note,.fieldnotes #empty-results{grid-column:1/-1}.fieldnotes .directory-row{position:relative;grid-template-columns:48px 1fr;gap:22px;padding:25px 20px;border-right:1px solid var(--line)}.fieldnotes .directory-row:nth-of-type(2n){border-right:0}.fieldnotes .directory-row h2{font-size:23px}.fieldnotes .file-glyph{height:62px;font-size:7px}.fieldnotes .directory-row .extension{display:none}.fieldnotes .directory-row .draft-label{grid-column:2;text-align:left;font-size:8px}.fieldnotes .directory-row .row-link{position:absolute;right:12px;bottom:7px;font-size:19px}.fieldnotes .directory-end{margin-block:55px;padding:30px}.fieldnotes .detail-intro{grid-template-columns:1.7fr 1fr;padding-block:45px}.fieldnotes .detail-intro h1{font-size:72px}.fieldnotes .detail-deck{font-size:23px}.fieldnotes .file-card{padding:30px;border-top:3px solid var(--ink)}.fieldnotes .article-layout{grid-template-columns:210px minmax(0,740px);gap:80px;padding-top:45px}.fieldnotes .technical-article h2{font-size:31px}.fieldnotes .technical-article p{font-size:16px}.fieldnotes .facts{background:var(--wash);padding:5px 20px}.fieldnotes .facts>div:first-child{border-top:0}.fieldnotes .toc a{font-family:PlexMono;font-size:10px}@media(min-width:1600px){.hero{min-height:630px}}@media(max-width:1100px){.wrap,.fieldnotes .wrap{width:calc(100% - 64px)}.site-header,.fieldnotes .site-header{gap:20px}.site-header nav,.fieldnotes .site-header nav{gap:15px}.header-actions{gap:12px}.signin{display:none}.hero{gap:20px}.hero-art{max-width:310px}.hero-description br{display:none}.fieldnotes .feature-grid article{grid-template-columns:24px 1fr}.fieldnotes .feature-grid p{grid-column:2}.directory-layout{gap:40px;grid-template-columns:200px 1fr}.directory-row{grid-template-columns:55px 1fr 95px;gap:20px}.extension{display:none}.article-layout,.fieldnotes .article-layout{grid-template-columns:185px minmax(0,1fr);gap:45px}.fieldnotes .section-heading>div{display:block}.fieldnotes .section-heading p:not(.eyebrow){margin-top:15px;max-width:500px}.brand-studio{display:none}.fieldnotes .directory-row{padding-inline:12px;gap:12px}.fieldnotes .directory-row h2{font-size:20px}}@media(max-width:760px){.wrap,.fieldnotes .wrap{width:calc(100% - 40px)}.site-header,.fieldnotes .site-header{height:76px;gap:12px;position:relative}.brand,.fieldnotes .brand{font-size:14px;gap:5px}.brand-studio{display:inline}.mark{width:27px;height:27px}.header-actions{margin-left:auto}.header-actions .small{display:none}.theme-toggle{width:32px;height:32px}.menu-toggle{display:block;order:3;background:none;border:0;font:11px PlexMono;padding:10px 0 10px 8px}.site-header nav,.fieldnotes .site-header nav{display:none;position:absolute;top:75px;left:-20px;right:-20px;padding:25px;background:var(--bg);border-bottom:1px solid var(--line);z-index:5;margin:0;font-size:14px;flex-direction:column;align-items:flex-start;gap:20px}.site-header nav.open{display:flex}.hero,.fieldnotes .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:46px 0 30px;min-height:0}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:22px}h1,.fieldnotes h1{font-size:clamp(39px,10.5vw,60px);line-height:1.09;letter-spacing:-.05em}.hero-description,.fieldnotes .hero-description{font-size:16px;line-height:1.65;margin-top:22px}.cta-row{gap:20px;margin-top:27px;flex-wrap:wrap}.button{font-size:13px;padding:13px 19px;gap:25px}.underlink{font-size:12px;gap:13px}.hero-art,.fieldnotes .hero-art{max-width:none;width:100%;padding:0;border:0;margin-top:30px;align-self:auto}.art-field,.fieldnotes .art-field{height:210px}.hero-symbol,.fieldnotes .hero-symbol{width:98px;height:98px}.light-beam{height:180px;width:260px}.art-caption{bottom:12px;font-size:8px}.art-coordinate{font-size:8px}.hero-art figcaption{font-size:9px;padding-top:10px}.principles,.fieldnotes .principles{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;padding:20px 0;font-size:9px}.fieldnotes .principles span{border:0;padding:0;font-size:8px}.product-section,.fieldnotes .product-section{padding:45px 0 50px}.section-heading,.fieldnotes .section-heading{display:block;margin-bottom:28px}.eyebrow{font-size:9px;margin-bottom:18px}h2,.fieldnotes h2{font-size:31px}.section-heading p:not(.eyebrow){font-size:14px;margin-top:18px}.desktop-break{display:none}.studio{font-size:10px}.studio-bar{padding:8px;gap:10px}.studio-bar .brand{font-size:9px}.studio-bar>.mono{display:none}.studio-save{font-size:9px}.studio-title{padding:12px 8px;font-size:10px;gap:10px}.studio-title>span:first-child .mono{display:block;font-size:8px}.studio-title>.mono{font-size:8px;white-space:nowrap}.studio-tools{gap:14px;padding:8px;font-size:7px}.studio-body{display:block}.studio-side{display:none}.segment{grid-template-columns:23px 1fr 1fr 17px;min-height:60px;font-size:10px}.segment>span{padding:9px 6px}.segment>span:first-child{padding:9px 4px;font-size:8px}.segment.headings{font-size:7px}.studio-status{padding:8px;font-size:7px;gap:10px}.studio-figure figcaption{display:block;font-size:8px}.studio-figure figcaption span{display:block;margin-top:6px}.feature-grid,.fieldnotes .feature-grid{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:35px;border:0}.feature-grid article,.fieldnotes .feature-grid article,.fieldnotes .feature-grid article:nth-child(2n){display:block;padding:15px 0 0;border:0;border-top:1px solid var(--line)}.feature-no{margin-bottom:12px}.feature-grid h3,.fieldnotes .feature-grid h3{font-size:18px;margin-bottom:10px}.feature-grid p,.fieldnotes .feature-grid p{font-size:13px}.formats-band,.fieldnotes .formats-band{padding:45px 0}.format-intro,.fieldnotes .format-intro{display:block}.format-intro p:not(.eyebrow){font-size:14px}.format-intro p br{display:none}.format-list{margin-top:20px;padding:0}.format-item{grid-template-columns:85px 1fr 15px;gap:10px;padding:20px 0;font-size:12px}.format-item .mono{font-size:10px}.resources,.fieldnotes .resources{display:block;padding-block:45px}.resource-list{margin-top:26px}.fieldnotes .resource-list{display:block}.resource-list h3,.fieldnotes .resource-list h3{font-size:22px}.closing,.fieldnotes .closing{display:block;padding:35px 0}.closing .eyebrow{margin-bottom:20px}.closing .button{margin-top:25px}.fieldnotes .closing{padding:25px}.footer-top{display:block}.footer-top p{font-size:16px;margin-top:18px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;margin:25px 0 30px}.footer-links span{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>a{width:100%}.fieldnotes .hero-copy{padding:0}.fieldnotes .hero-art{margin-top:30px}.fieldnotes .hero{padding-top:35px}.fieldnotes .hero-art figcaption{text-align:left}.fieldnotes .hero .eyebrow{max-width:240px}.page-intro,.fieldnotes .page-intro{display:block;padding:50px 0 35px}.page-intro p:not(.eyebrow),.fieldnotes .page-intro p:not(.eyebrow){font-size:15px;margin-top:20px}.page-intro br{display:none}.directory-layout,.fieldnotes .directory-layout{display:block;padding-top:25px}.directory-sidebar input{font-size:16px}.category-title{margin-top:25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);font-size:11px;gap:15px;padding:9px}.filters button span{font-size:9px}.directory-note{display:none}.directory-results,.fieldnotes .directory-results{display:block;margin-top:30px}.list-label{font-size:8px}.list-label>span:last-child{display:none}.directory-row,.fieldnotes .directory-row{grid-template-columns:44px 1fr 28px;gap:18px;padding:20px 0;border-right:0}.file-glyph,.fieldnotes .file-glyph{height:59px;font-size:7px}.directory-row h2,.fieldnotes .directory-row h2{font-size:23px}.directory-row p{font-size:12px}.directory-row .eyebrow{font-size:8px}.draft-label{font-size:7px;grid-column:2;text-align:left}.fieldnotes .directory-row .draft-label{font-size:7px}.fieldnotes .directory-row .row-link{position:static}.library-note{font-size:11px}.directory-end,.fieldnotes .directory-end{margin:45px 0;padding:25px}.directory-end h2{font-size:26px}.directory-end p:not(.eyebrow){font-size:14px}.breadcrumbs{gap:8px;font-size:8px;padding-top:25px;flex-wrap:wrap}.detail-intro,.fieldnotes .detail-intro{display:block;padding:40px 0 30px}.detail-intro h1,.fieldnotes .detail-intro h1{font-size:52px}.detail-deck,.fieldnotes .detail-deck{font-size:22px;margin-top:18px}.file-card,.fieldnotes .file-card{padding:22px;gap:12px;margin-top:30px}.file-card strong{font-size:28px}.article-layout,.fieldnotes .article-layout{display:block;padding-top:30px;padding-bottom:15px}.toc{position:static;margin-bottom:40px}.toc-note{display:none}.toc a{font-size:12px}.technical-article h2,.fieldnotes .technical-article h2{font-size:28px}.technical-article p,.fieldnotes .technical-article p{font-size:16px}.technical-article section{padding-bottom:25px;margin-bottom:30px}.facts>div{grid-template-columns:100px 1fr;gap:15px;font-size:12px}.code-example{padding:18px}.code-example pre{font-size:12px}.technical-article .code-example p{font-size:11px}.technical-article .eyebrow{font-size:9px}.technical-article .source-note{font-size:12px}.callout{padding:20px}.fieldnotes .facts{padding-inline:15px}.related-link strong{font-size:15px}dialog{padding:26px}}.arrow-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex-shrink:0}.hero-symbol{filter:url(#symbol-ink);mix-blend-mode:normal}:root[data-theme=dark] .hero-symbol{filter:url(#symbol-ink) invert(1);mix-blend-mode:normal}.selected-direction .fieldnotes .wrap{max-width:1280px;width:calc(100% - 112px)}.selected-direction .principles{border-top:1px solid var(--line)}@media(max-width:1100px){.selected-direction .fieldnotes .wrap{width:calc(100% - 64px)}}@media(max-width:760px){.selected-direction .fieldnotes .wrap{width:calc(100% - 40px)}}@font-face{font-family:Plex;font-weight:400;src:url(/assets/fonts/ibm-plex-sans-latin-ext-400-normal.woff2);unicode-range:U+0100-02FF,U+1E00-1EFF}@font-face{font-family:Plex;font-weight:500;src:url(/assets/fonts/ibm-plex-sans-latin-ext-500-normal.woff2);unicode-range:U+0100-02FF,U+1E00-1EFF}@font-face{font-family:Plex;font-weight:600;src:url(/assets/fonts/ibm-plex-sans-latin-ext-600-normal.woff2);unicode-range:U+0100-02FF,U+1E00-1EFF}@font-face{font-family:PlexMono;src:url(/assets/fonts/ibm-plex-mono-latin-ext-400-normal.woff2);unicode-range:U+0100-02FF,U+1E00-1EFF}