body.design-fieldguide{--accent:#234638;--ink:#172b24;--background:#f5f3eb;--paper:#fffef9;--line:#d7dcd2;--muted:#53645b;background:var(--background);font-family:Arial,"Segoe UI",sans-serif}.design-fieldguide .site-header{background:#234638;color:#fffef9;border:0;border-bottom:5px solid #cb673f}.design-fieldguide .header-inner{align-items:flex-start;flex-direction:column;gap:25px;padding:30px 0 0}.design-fieldguide .brand{color:#fffef9;gap:14px}.design-fieldguide .fieldguide-emblem{display:grid;place-items:center;border:1px solid #91aa98;border-radius:50%;width:56px;height:56px}.design-fieldguide .fieldguide-emblem svg{width:38px;height:38px;color:#e8c18a}.design-fieldguide .fieldguide-wordmark{font-size:clamp(27px,4.3vw,43px);font-weight:800;letter-spacing:-.045em;line-height:1.05}.design-fieldguide .fieldguide-wordmark small{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:500;color:#d1ddd0;margin-top:9px}.design-fieldguide .site-navigation{width:100%;border-top:1px solid #52705e;padding:13px 0;justify-content:space-between}.design-fieldguide .menu a{color:#fffef9;font-size:14px}.design-fieldguide .intro{padding:48px 0 28px;border-bottom:1px solid var(--line);margin-bottom:24px}.design-fieldguide .intro h1{font-size:clamp(30px,4.5vw,50px);letter-spacing:-.04em;max-width:830px}.design-fieldguide .eyebrow{letter-spacing:.14em;font-size:11px}.design-fieldguide .article-tools{padding:0 0 25px}.design-fieldguide .cards{gap:32px 26px;grid-template-columns:repeat(3,minmax(0,1fr))}.design-fieldguide .card{background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);padding-bottom:20px}.design-fieldguide .card img{aspect-ratio:1.6;object-fit:cover;border-radius:2px}.design-fieldguide .card-content{padding:18px 0 0}.design-fieldguide .card h2{font-size:23px;line-height:1.25;letter-spacing:-.025em}.design-fieldguide .card h2 a{color:var(--ink)}.design-fieldguide .card p{font-size:15px;line-height:1.6}.design-fieldguide .meta{font-size:12px;color:var(--muted);letter-spacing:.025em}.design-fieldguide .article{padding-top:34px}.design-fieldguide .article article>h1{font-size:clamp(32px,4.6vw,53px);line-height:1.12;max-width:920px;letter-spacing:-.04em}.design-fieldguide .article-body{font-size:18px;line-height:1.8;margin-top:32px}.design-fieldguide .article-body figure{margin:0 0 2em}.design-fieldguide .article-body img{border-radius:2px}.design-fieldguide .article-body h2{font-size:29px;letter-spacing:-.025em}.design-fieldguide .article-body h3{font-size:23px}.design-fieldguide .article-body .reader-copy>p:first-of-type{font-size:20px;line-height:1.65}.design-fieldguide .site-footer{border-top:5px solid #234638;margin-top:65px;background:#e8e9df}.design-fieldguide .topic-links a{border-radius:2px;font-size:13px}.design-fieldguide .category-intro{max-width:760px}.design-fieldguide .header-search .search-form input{background:#fffef9}.design-fieldguide .header-search .search-form button{border-color:#e3c89f;color:#234638;background:#e3c89f}@media(max-width:800px){.design-fieldguide .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.design-fieldguide .header-inner{flex-direction:row;align-items:center;flex-wrap:wrap;padding:22px 0;gap:15px}.design-fieldguide .brand{flex:1}.design-fieldguide .fieldguide-wordmark{font-size:29px}.design-fieldguide .fieldguide-wordmark small{font-size:8px;letter-spacing:.1em}.design-fieldguide .fieldguide-emblem{width:42px;height:42px}.design-fieldguide .menu-toggle{border-color:#91aa98;color:white}.design-fieldguide .site-navigation{padding-top:15px}.design-fieldguide .cards{grid-template-columns:1fr}.design-fieldguide .card{display:grid;grid-template-columns:125px minmax(0,1fr);gap:17px;align-items:start}.design-fieldguide .card img{aspect-ratio:1.1}.design-fieldguide .card-content{padding:0}.design-fieldguide .card h2{font-size:20px;margin-top:6px}.design-fieldguide .card p{font-size:14px}.design-fieldguide .intro{padding-top:30px}.design-fieldguide .article-body{font-size:17px}.design-fieldguide .article-body h2{font-size:25px}}