.document-portfolio .portfolio-nav-project h2{border:0;margin:26px 0 8px;padding:0;font-size:14px;font-weight:600;line-height:1.7}.document-portfolio .portfolio-nav-project .portfolio-nav-category{margin-top:8px}.portfolio-preview-banner{color:#aa410d;background:#f9eee5;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:28px;padding:12px 18px;font-size:14px;display:flex}.content-page:has(.document-portfolio){--rule:#e4e3df}.content-page:has(.document-portfolio) .content-header{border-bottom:0}.document-main.document-portfolio{width:84%;max-width:1280px;margin:72px auto 100px;padding:0;font-size:17px;line-height:1.85}.document-portfolio>.document-label{letter-spacing:.04em;font-size:13px;margin-bottom:36px!important}.portfolio-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:clamp(42px,5vw,80px);display:grid}.portfolio-sidebar{border-right:1px solid var(--rule);scrollbar-width:thin;max-height:calc(100svh - 158px);padding-right:28px;position:sticky;top:126px;overflow-y:auto}.portfolio-nav-heading{justify-content:space-between;align-items:baseline;gap:16px;font-size:18px;font-weight:600;display:flex}.portfolio-count{color:#777b7c;font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.document-portfolio .portfolio-nav-category{color:var(--muted);letter-spacing:.025em;margin:28px 0 12px;font-size:12px}.document-portfolio .portfolio-nav-group ul{margin:0;padding:0;list-style:none}.document-portfolio .portfolio-nav-group li{margin:0}.document-portfolio .portfolio-nav-group a{color:#525b60;border-left:2px solid #0000;padding:11px 14px;font-size:15px;line-height:1.7;text-decoration:none;transition:color .16s,background .16s;display:block}.document-portfolio .portfolio-nav-group a:hover{color:var(--ink);background:#f2f0ec}.document-portfolio .portfolio-nav-group a[aria-current=page]{border-left-color:var(--orange);color:var(--accent-text);background:#f9eee5;font-weight:550}.portfolio-mobile-nav{display:none}.portfolio-article{min-width:0;max-width:850px}.portfolio-article-header{border-bottom:1px solid var(--rule);padding-bottom:32px}.portfolio-article-meta{color:var(--accent-text);flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;line-height:1.5;display:flex}.portfolio-sample-label{color:#747977;border-left:1px solid var(--rule);padding-left:16px}.document-portfolio .portfolio-article h1{letter-spacing:-.02em;text-wrap:balance;max-width:760px;margin:18px 0 20px;font-size:clamp(30px,3.15vw,46px);font-weight:600;line-height:1.4}.document-portfolio .portfolio-description{color:#626a6c;margin:0;font-size:18px;line-height:1.8}.document-portfolio .portfolio-tags{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.document-portfolio .portfolio-tags li{color:#50585b;background:#f1f0ed;border-radius:3px;margin:0;padding:3px 10px;font-size:12px}.portfolio-prose{color:#384147;padding-top:36px}.portfolio-prose .lexical-table-container{margin:26px 0;overflow-x:auto}.document-portfolio .portfolio-prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.8}.document-portfolio .portfolio-prose td,.document-portfolio .portfolio-prose th{border:0;border-bottom:1px solid var(--rule);text-align:left;min-width:110px;padding:15px 16px}.document-portfolio .portfolio-prose tr:first-child th{color:var(--ink);background:#f1f0ed;font-weight:550}.document-portfolio .portfolio-prose td p,.document-portfolio .portfolio-prose th p{margin:0}.document-portfolio .portfolio-prose figure{margin:30px 0}.portfolio-figure img{border-radius:4px;width:auto;max-width:100%;height:auto;display:block}.portfolio-prose figcaption{color:#626a6c;margin-top:12px;font-size:13px}.portfolio-diagram{border:1px solid var(--rule);border-radius:4px;padding:22px}.portfolio-diagram>[role=img]{overflow-x:auto}.portfolio-diagram svg{max-width:none;height:auto;margin:auto;display:block}.portfolio-code{background:#f1f0ed;border-radius:4px;padding:20px}.portfolio-code figcaption{color:#aa410d;margin:0 0 12px}.portfolio-code pre{margin:0;font-size:14px;line-height:1.7;overflow-x:auto}.portfolio-prose section{margin-top:40px}.document-portfolio .portfolio-prose h2{color:var(--ink);letter-spacing:normal;border:0;margin:0 0 16px;padding:0;font-size:24px;font-weight:600;line-height:1.5}.document-portfolio .portfolio-prose p{margin:0}.document-portfolio .portfolio-prose p+p{margin-top:20px}.document-portfolio .portfolio-prose>h2{margin-top:44px;margin-bottom:20px}.document-portfolio .portfolio-prose>h2:first-child{margin-top:0}.document-portfolio .portfolio-prose tbody th{color:var(--ink);background:0 0;font-weight:500}.document-portfolio .portfolio-prose tr:first-child th{background:#f1f0ed}.document-portfolio .portfolio-table{margin-top:26px}.document-portfolio .portfolio-table table{table-layout:fixed;margin:0;font-size:15px;line-height:1.8}.document-portfolio .portfolio-table th,.document-portfolio .portfolio-table td{padding:15px 16px}.document-portfolio .portfolio-table thead th{color:var(--ink);background:#f1f0ed;font-weight:550}.document-portfolio .portfolio-table th:first-child{width:30%}.document-portfolio .portfolio-table tbody th{color:var(--ink);background:0 0;font-weight:500}.portfolio-prose blockquote{border-left:2px solid var(--orange);color:var(--ink);margin:22px 0;padding:8px 0 8px 22px;font-size:20px}.portfolio-sample-note{border-top:1px solid var(--rule);color:var(--muted);margin-top:48px;padding-top:22px;font-size:13px}.portfolio-sample-note>span{color:var(--accent-text);margin-bottom:8px;font-weight:550;display:block}.portfolio-sample-note>p{white-space:pre-wrap}.content-page:has(.document-portfolio) .site-footer{border-top:1px solid var(--rule);width:84%;max-width:1280px;padding:30px 0 90px}@media (max-width:1100px){.portfolio-layout{grid-template-columns:215px minmax(0,1fr);gap:36px}.portfolio-sidebar{padding-right:20px}}@media (max-width:900px){.document-main.document-portfolio{width:calc(100% - 48px);margin-top:40px;margin-bottom:64px;font-size:16px}.document-portfolio>.document-label{margin-bottom:22px!important}.portfolio-layout{grid-template-columns:minmax(0,1fr);gap:32px}.portfolio-sidebar{border-right:0;max-height:none;padding:0;position:static;overflow:visible}.portfolio-desktop-nav{display:none}.portfolio-mobile-nav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:block}.portfolio-list-toggle{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:54px;padding:16px 0;font-size:14px;display:flex}.portfolio-list-toggle .portfolio-count{margin-left:auto}.portfolio-list-caret{transition:transform .18s}.portfolio-list-toggle[aria-expanded=true] .portfolio-list-caret{transform:rotate(180deg)}#portfolio-mobile-list{padding:0 0 18px}#portfolio-mobile-list .portfolio-nav-category{margin-top:4px}.portfolio-article{max-width:none}.document-portfolio .portfolio-article h1{font-size:clamp(28px,4.8vw,40px)}.document-portfolio .portfolio-description{font-size:16px}.document-portfolio .portfolio-prose h2{font-size:22px}.content-page:has(.document-portfolio) .site-footer{width:calc(100% - 48px);margin:0 auto}}@media (max-width:480px){.document-portfolio .portfolio-prose td,.document-portfolio .portfolio-prose th{padding:12px 10px;font-size:13px}.document-portfolio .portfolio-table th,.document-portfolio .portfolio-table td{padding:12px 9px;font-size:13px}.document-portfolio .portfolio-table th:first-child{width:33%}.portfolio-prose blockquote{padding-left:16px;font-size:18px}}
