@font-face{font-family:Outfit;src:url(outfit-variable.ttf);font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2efe7;color:#26382e;font-family:Outfit,system-ui,sans-serif;line-height:1.65}main{overflow-x:hidden;width:100%;max-width:100%}nav{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #acb6a6;padding:24px 4vw}nav div{display:flex;gap:24px}a{color:inherit;text-underline-offset:4px}section,article.guide{padding:128px 5vw;max-width:1440px;margin:auto}h1,h2,h3{line-height:1.1;letter-spacing:-.035em;font-weight:550}h1{font-size:clamp(2.35rem,5.6vw,5.5rem);max-width:1152px;margin:35px 0}h2{font-size:clamp(2rem,3.5vw,3.7rem);margin:0 0 28px}h3{font-size:1.55rem;margin:24px 0 12px}p{max-width:76ch}.hero{position:relative;padding-top:64px;padding-bottom:128px}.hero p{font-size:1.2rem;max-width:52ch}.hero-art{width:70%;height:auto;margin:45px 0 0 30%;display:block;border-radius:18px;filter:saturate(.8)}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:26px 0}button,.button{border:1px solid #26382e;background:#26382e;color:#fff;border-radius:5px;padding:13px 19px;font:inherit;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#3c5242}.light{background:#f2efe7;color:#26382e}.light:hover{background:#dbe0d3;color:#26382e}:focus-visible{outline:3px solid #aa672c;outline-offset:4px}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:18px}.bento article{padding:28px;background:#dbe2d4;border:1px solid #a4b49b;border-radius:9px}.inline-frame{display:inline-block;vertical-align:middle;width:100px;height:45px;border-radius:30px;background:url(workspace-art.svg) center/cover}.marquee{overflow:hidden;padding:24px 0;background:#26382e;color:#f5f1e7}.marquee div{white-space:nowrap;animation:marquee 35s linear infinite;font-size:1.25rem;letter-spacing:.08em}@keyframes marquee{to{transform:translateX(-50%)}}.accordion{display:flex;gap:14px}.accordion article{flex:1;border-top:2px solid #87917f;padding:18px;transition:flex .6s}.accordion article:hover,.accordion article:focus-within{flex:1.7}.accordion button{background:none;color:#26382e;padding:0;border:none;font-size:1.3rem;text-align:left}.accordion p{margin-bottom:0}.workbench{background:#e1e6d9;max-width:none}.workbench-inner{max-width:1320px;margin:auto}label{display:flex;flex-direction:column;gap:6px;font-weight:500;min-width:0}input,select,textarea{width:100%;font:inherit;padding:12px;border:1px solid #83917d;border-radius:4px;background:#fff;color:#24362a}textarea{font-family:ui-monospace,monospace;font-size:.9rem;min-height:175px;resize:vertical}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.source-tables details{background:#f7f6ee;border:1px solid #a3af98;padding:15px;margin:15px 0}.source-tables summary{cursor:pointer;font-weight:600}.status{background:#fff;padding:15px;border-left:4px solid #526d49;max-width:none}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.results article{background:#f8f6ef;border:1px solid #9eab95;padding:21px;border-radius:5px;overflow-wrap:anywhere}.results article h4{font-size:1.2rem;margin:0 0 12px}.results article p{margin:8px 0}.graph{height:470px;background:#f7f5ed;border:1px solid #83917d;border-radius:8px;margin:22px 0}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.95rem;margin:25px 0}th,td{padding:15px;border-bottom:1px solid #adb69f;vertical-align:top;text-align:left}th{background:#dfe5d8}.table-scroll th,.table-scroll td{min-width:180px}.guide{max-width:1060px!important}.guide h2{margin-top:90px;font-size:2.7rem}.guide h2:first-child{margin-top:0}.guide h3{margin-top:55px}.guide p{max-width:none}.faq details{padding:20px 0;border-bottom:1px solid #a8b29d}.faq summary{font-size:1.3rem;cursor:pointer;font-weight:500}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-grid a{overflow:hidden;display:block;text-decoration:none}.related-grid img{width:100%;height:160px;object-fit:cover;transition:transform .7s}.related-grid a:hover img{transform:scale(1.05)}.video-wrap{max-width:1050px;margin:auto}video{width:100%;height:auto;display:block;max-height:none;border-radius:8px;background:#26382e}.video-chapters{display:flex;flex-wrap:wrap;gap:12px}.transcript{padding:25px 0}.pin-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px}.pin-copy p{font-size:1.15rem}footer{background:#26382e;color:#fff;padding:95px 5vw;display:flex;justify-content:space-between;gap:30px}footer strong{font-size:2rem;line-height:1.15;max-width:600px}@media(max-width:700px){nav{padding:18px}nav div{gap:12px}section,article.guide{padding:85px 22px}.hero{padding-top:42px;padding-bottom:85px}h1{font-size:2.65rem;line-height:1.06}.hero-art{width:100%;margin:35px 0 0}.bento,.controls,.results,.related-grid,.pin-intro{grid-template-columns:1fr}.accordion{flex-direction:column}.guide h2{font-size:2rem;margin-top:65px}.guide table,.guide thead,.guide tbody,.guide tr,.guide td{display:block}.guide thead{position:absolute;width:1px;height:1px;overflow:hidden}.guide tr{margin:22px 0;border:1px solid #acb59f;padding:8px}.guide td{padding:12px;overflow-wrap:anywhere}.guide td:before{content:attr(data-label);display:block;font-weight:600;margin-bottom:5px}.actions button,.actions .button{max-width:100%;white-space:normal}.graph{height:440px}footer{flex-direction:column}video{max-height:none}.video-wrap{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}