:root{--paper:#f3efe4;--paper-deep:#e8e2d3;--ink:#17231e;--muted:#5d675f;--line:#b9c0b7;--line-soft:#d7dbd3;--pine:#16483a;--pine-dark:#0c3328;--lime:#dce98e;--white:#fffefa;--error:#9b3529;--shadow:0 18px 50px #21282221;--font-sans:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display:"Arial Narrow", "Aptos Display", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #2f72b8}.skip-link{z-index:100;background:var(--white);border:2px solid var(--ink);padding:12px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:76px;padding:0 clamp(20px,4vw,68px);display:flex}.wordmark{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:11px;font-size:18px;text-decoration:none;display:inline-flex}.wordmark strong{font-weight:750}.brand-mark{background:var(--pine);grid-template-columns:1fr 1fr;gap:2px;width:27px;height:27px;padding:3px;display:grid;transform:rotate(-2deg)}.brand-mark i{background:var(--lime);display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--white)}.site-header nav{align-items:center;gap:clamp(18px,2.4vw,38px);font-size:14px;font-weight:600;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-underline-offset:4px;text-decoration:underline}.nav-account{border:1px solid var(--ink);padding:10px 15px}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:clamp(50px,8vw,130px);max-width:1440px;margin:0 auto;padding:clamp(58px,8vw,118px) clamp(20px,6vw,92px) clamp(56px,7vw,94px);display:grid}.hero-copy{max-width:800px}.eyebrow{color:var(--pine);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800;line-height:1.3}.hero h1{max-width:800px;font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-size:clamp(50px,7.2vw,108px);font-stretch:75%;line-height:.89}.hero-intro{color:#3f4c44;max-width:625px;margin:30px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.button{cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:750;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:var(--pine);box-shadow:4px 4px 0 var(--lime)}.button.primary:hover{background:var(--pine-dark);box-shadow:5px 5px 0 var(--lime);transform:translate(-1px,-1px)}.button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.text-link{text-underline-offset:5px;font-size:15px;font-weight:700}.text-link span{padding-left:4px}.hero-note{border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0 21px;position:relative}.hero-note:before{content:"";background:var(--lime);z-index:-1;border-radius:50%;width:54px;height:54px;position:absolute;top:-29px;right:10px}.hero-note p{margin:0;font-size:15px;line-height:1.5}.hero-note strong{color:var(--pine)}.note-number{font-family:var(--font-display);letter-spacing:-.06em;margin-bottom:25px;font-size:36px;display:block}.note-rule{border-top:1px solid var(--line);width:36px;margin:17px 0;display:block}.studio-wrap{max-width:1510px;margin:0 auto;padding:0 clamp(12px,3vw,44px) 80px;scroll-margin-top:16px}.studio-heading{border:1px solid var(--ink);background:var(--lime);border-bottom:0;justify-content:space-between;align-items:end;gap:30px;padding:30px clamp(8px,3vw,38px);display:flex}.studio-heading .eyebrow{color:var(--ink);margin-bottom:8px}.studio-heading h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.2vw,48px)}.studio-heading>p{max-width:390px;margin:0 0 3px;font-size:14px;line-height:1.45}.studio-shell{border:1px solid var(--ink);background:var(--white);grid-template-columns:minmax(300px,390px) minmax(0,1fr);min-height:780px;display:grid}.control-panel{border-right:1px solid var(--ink);background:#f8f6ef}.mode-tabs{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.mode-tabs button{min-height:56px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:750}.mode-tabs button+button{border-left:1px solid var(--ink)}.mode-tabs button[aria-selected=true]{color:var(--white);background:var(--pine)}.control-panel fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:27px 24px 29px}.control-panel legend{width:100%;color:var(--pine);letter-spacing:.11em;text-transform:uppercase;margin-bottom:18px;padding:0;font-size:12px;font-weight:800}.control-panel label{color:#34433b;gap:7px;margin-bottom:15px;font-size:12px;font-weight:750;display:grid}.control-panel input:not([type=checkbox]),.control-panel select,.control-panel textarea{background:var(--white);width:100%;color:var(--ink);border:1px solid #9da79f;border-radius:0;padding:10px 11px;font-size:14px;font-weight:500}.control-panel select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px;min-height:42px}.control-panel textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.shuffle-button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:9px 11px;font-size:13px;font-weight:750}.shuffle-button:hover{background:var(--lime)}.shuffle-button span{margin-right:7px;font-size:17px;display:inline-block}.field-help,.paste-status{color:var(--muted);margin:-7px 0 10px;font-size:12px;line-height:1.4}.paste-status{margin-top:0;font-weight:700}.paste-status.error,.validation-list{color:var(--error)}.validation-list{margin:9px 0 0;padding-left:18px;font-size:12px;line-height:1.45}.validation-list li+li{margin-top:5px}.pro-nudge{color:#344037;background:#edf0d6;margin:14px 0 0;padding:12px;font-size:12px;line-height:1.45}.check-stack{flex-direction:column;justify-content:center;gap:8px;padding-top:19px;display:flex}.check-stack label,.control-panel .answer-key{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.control-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--pine);margin:0}.preset-controls{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.preset-controls>span{color:var(--pine);letter-spacing:.08em;text-transform:uppercase;margin-bottom:11px;font-size:11px;font-weight:850;display:block}.preset-controls>div{grid-template-columns:1fr auto;display:grid}.preset-controls>div input{min-width:0;margin:0}.preset-controls button{border:1px solid var(--ink);background:var(--lime);cursor:pointer;border-left:0;min-width:67px;font-weight:750}.preset-controls p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.4}.version-control{border:1px solid var(--ink);background:#f7f4ea;margin-top:17px;padding:16px}.version-control label{margin:0}.version-control p{color:var(--muted);margin:11px 0 0;font-size:12px;line-height:1.45}.version-control p strong{color:var(--ink)}.version-control a{color:var(--pine);text-underline-offset:3px;font-weight:800}.preview-panel{background:#dcded7;grid-template-rows:auto 1fr auto auto;min-width:0;display:grid}.preview-toolbar{border-bottom:1px solid var(--ink);background:var(--white);justify-content:space-between;align-items:center;min-height:57px;padding:0 18px;font-size:13px;font-weight:750;display:flex}.preview-toolbar small{color:var(--muted);margin-left:8px;font-weight:500}.status-dot{background:#3d865f;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.page-controls{align-items:center;gap:10px;display:flex}.page-controls button{border:1px solid var(--line);cursor:pointer;background:#fff;width:33px;height:33px}.page-controls button:disabled{opacity:.35;cursor:default}.page-controls span{text-align:center;min-width:38px;color:var(--muted);font-size:12px}.paper-stage{background-color:#dfe1db;background-image:linear-gradient(#d2d5cf 1px,#0000 1px),linear-gradient(90deg,#d2d5cf 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:flex-start;min-height:650px;padding:40px;display:flex;overflow:auto}.worksheet-paper{color:#16221c;filter:drop-shadow(0 14px 19px #262d2730);width:min(100%,650px);height:auto;display:block}.preview-title{fill:#18241f;font-family:Arial,sans-serif;font-size:7px;font-weight:700}.preview-subtitle{fill:#59645d;font:3.1px Arial,sans-serif}.preview-meta{fill:#27322c;font:2.7px Arial,sans-serif}.preview-meta line{stroke:#6b746e;stroke-width:.3px}.problem-number{fill:#6c756f;font:2.8px Arial,sans-serif}.preview-footer{fill:#768079;font:2.4px Arial,sans-serif}.empty-preview{text-align:center;border:1px dashed #7c867f;align-self:center;gap:7px;padding:30px;display:grid}.empty-preview span{color:var(--muted);font-size:13px}.download-bar{border-top:1px solid var(--ink);background:var(--white);justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 18px;display:flex}.download-bar>div{gap:3px;display:grid}.download-bar strong{font-size:14px}.download-bar span{color:var(--muted);font-size:12px}.download-bar .button{min-width:190px}.download-notice{border-top:1px solid var(--line);background:#edf0d6;margin:0;padding:9px 18px;font-size:12px}.trust-row{grid-template-columns:repeat(3,1fr);max-width:1360px;margin:0 auto;padding:0 clamp(20px,5vw,75px) 110px;display:grid}.trust-row article{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:35px 1fr;gap:14px;min-height:150px;padding:24px 28px;display:grid}.trust-row article+article{border-left:1px solid var(--ink)}.trust-row article>span{color:var(--pine);font-size:12px;font-weight:800}.trust-row h2{margin:0 0 8px;font-size:17px}.trust-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.editorial-section{grid-template-columns:1fr 1fr;gap:12vw;max-width:1220px;margin:0 auto;padding:0 30px 120px;display:grid}.editorial-section h2,.browse-section h2,.closing-cta h2{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(39px,5vw,67px);line-height:.98}.editorial-copy{padding-top:34px}.editorial-copy>p{color:#3e4a43;margin:0 0 30px;font-size:18px;line-height:1.6}.check-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.check-list li{border-bottom:1px solid var(--line);padding:15px 0 15px 28px;font-size:14px;position:relative}.check-list li:before{content:"✓";color:var(--pine);font-weight:900;position:absolute;left:2px}.browse-section{background:var(--pine);color:var(--white);padding:90px clamp(20px,6vw,90px) 110px}.browse-section .eyebrow{color:var(--lime)}.section-heading{max-width:1180px;margin:0 auto 42px}.topic-grid{border-top:1px solid #6c8a80;border-left:1px solid #6c8a80;grid-template-columns:repeat(2,1fr);max-width:1180px;margin:0 auto;display:grid}.topic-grid a{border-bottom:1px solid #6c8a80;border-right:1px solid #6c8a80;align-content:space-between;min-height:190px;padding:27px;text-decoration:none;transition:background .15s,color .15s;display:grid}.topic-grid a:hover{background:var(--lime);color:var(--ink)}.topic-grid small{color:#b8cbc4;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.topic-grid a:hover small{color:var(--pine)}.topic-grid strong{max-width:410px;font-family:var(--font-display);font-size:27px;line-height:1.1}.topic-grid span{font-size:13px;font-weight:750}.closing-cta{text-align:center;padding:110px 24px 120px}.closing-cta h2{max-width:760px;margin:0 auto 35px}.button.inverse{background:var(--ink);color:var(--white);box-shadow:4px 4px 0 var(--lime)}.site-footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:30px;min-height:170px;padding:40px clamp(20px,5vw,72px);display:flex}.wordmark.small{font-size:16px;font-weight:700}.wordmark.small .brand-mark{width:23px;height:23px}.site-footer p{color:var(--muted);margin:12px 0 0;font-size:13px}.site-footer nav{gap:24px;font-size:13px;display:flex}.seo-hero{max-width:1220px;margin:0 auto;padding:clamp(70px,9vw,130px) 28px 85px}.seo-hero h1{max-width:980px;font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(48px,7vw,92px);line-height:.93}.seo-hero>p:not(.eyebrow){color:#3e4b43;max-width:650px;margin:28px 0 30px;font-size:20px;line-height:1.55}.seo-content{grid-template-columns:1fr 1fr;gap:10vw;max-width:1160px;margin:0 auto;padding:30px 28px 105px;display:grid}.seo-content h2,.faq-section h2{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(38px,4.5vw,62px);line-height:1}.seo-content>div:last-child{padding-top:31px}.seo-content>div:last-child p{color:#3e4b43;margin:0 0 20px;font-size:17px;line-height:1.65}.faq-section{max-width:1100px;margin:0 auto;padding:0 28px 110px}.faq-section h2{margin-bottom:38px}.faq-section details{border-top:1px solid var(--ink)}.faq-section details:last-child{border-bottom:1px solid var(--ink)}.faq-section summary{cursor:pointer;padding:20px 6px;font-weight:750}.faq-section details p{max-width:720px;color:var(--muted);margin:-4px 6px 22px;line-height:1.6}.related-links{border:1px solid var(--ink);flex-wrap:wrap;gap:25px;max-width:1100px;margin:0 auto 100px;padding:24px 28px;display:flex}.related-links strong{margin-right:auto}.related-links a{text-underline-offset:4px}.auth-page{grid-template-columns:1.15fr .85fr;align-items:start;gap:9vw;max-width:1040px;min-height:680px;margin:0 auto;padding:100px 28px;display:grid}.auth-copy h1,.page-heading h1,.account-heading h1{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(46px,6vw,78px);line-height:.94}.auth-copy>p:last-child,.page-heading>p:last-child{color:var(--muted);font-size:18px;line-height:1.55}.auth-form{border:1px solid var(--ink);background:var(--white);box-shadow:7px 7px 0 var(--lime);margin-top:42px;padding:28px}.auth-form label{margin-bottom:8px;font-size:13px;font-weight:750;display:block}.auth-form input{border:1px solid #8b968e;width:100%;min-height:48px;margin-bottom:14px;padding:10px 12px}.auth-form .button{width:100%}.form-fineprint{color:var(--muted);margin:19px 0 0;font-size:12px;line-height:1.5}.form-error{color:var(--error);margin:13px 0 0;font-size:13px;line-height:1.45}.form-success{border:1px solid var(--pine);background:#edf0d6;margin-top:42px;padding:28px}.form-success strong{font-size:22px}.form-success p{margin-bottom:0;line-height:1.55}.pricing-page{max-width:1130px;margin:0 auto;padding:95px 28px 120px}.page-heading{max-width:850px;margin-bottom:55px}.pricing-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.pricing-grid article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;min-height:575px;padding:clamp(26px,4vw,46px);display:flex}.pricing-grid .pro-plan{background:var(--white);box-shadow:8px 8px 0 var(--lime)}.plan-name{color:var(--pine);letter-spacing:.12em;text-transform:uppercase;margin:0 0 25px;font-size:13px;font-weight:850}.price{align-items:end;gap:13px;margin:0;display:flex}.price strong{font-family:var(--font-display);letter-spacing:-.06em;font-size:67px;line-height:.85}.price span{max-width:100px;color:var(--muted);font-size:12px;line-height:1.25}.pricing-grid ul{flex:1;margin:38px 0;padding:0;list-style:none}.pricing-grid li{border-top:1px solid var(--line-soft);padding:10px 0 10px 24px;font-size:14px;position:relative}.pricing-grid li:before{content:"✓";color:var(--pine);font-weight:900;position:absolute;left:1px}.button.outline{border:1px solid var(--ink)}.pricing-note{max-width:600px;color:var(--muted);text-align:center;margin:28px auto 0;font-size:12px;line-height:1.5}.account-page{max-width:1130px;min-height:700px;margin:0 auto;padding:90px 28px 120px}.account-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px;display:flex}.account-heading p:last-child{color:var(--muted)}.text-button{text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.account-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.account-grid article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:330px;padding:28px}.account-label{color:var(--pine);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:850}.account-grid h2{font-family:var(--font-display);letter-spacing:-.04em;margin:22px 0 12px;font-size:30px}.account-grid p{min-height:66px;color:var(--muted);font-size:14px;line-height:1.5}.account-grid .button{margin-top:25px}.preset-list{margin:20px 0 0;padding:0;list-style:none}.preset-list li{border-top:1px solid var(--line);padding:10px 0;font-size:14px}.preset-list small{color:var(--muted);margin-top:4px;display:block}.legal-page{max-width:800px;margin:0 auto;padding:90px 28px 120px}.legal-page h1{font-family:var(--font-display);letter-spacing:-.055em;margin:0 0 30px;font-size:clamp(50px,7vw,80px)}.legal-page h2{margin:42px 0 12px;font-size:21px}.legal-page p,.legal-page li{color:#3e4b43;font-size:16px;line-height:1.7}@media (max-width:900px){.site-header nav a:not(.nav-account){display:none}.hero{grid-template-columns:1fr;gap:54px}.hero-note{max-width:440px}.studio-heading{flex-direction:column;align-items:start}.studio-shell{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--ink)}.paper-stage{min-height:560px}.trust-row{grid-template-columns:1fr}.trust-row article+article{border-top:0;border-left:0}.editorial-section{grid-template-columns:1fr;gap:10px}.seo-content{grid-template-columns:1fr;gap:12px}.auth-page{grid-template-columns:1fr;gap:5px}.pricing-grid,.account-grid{grid-template-columns:1fr}}@media (max-width:620px){.site-header{min-height:68px;padding:0 16px}.site-header .wordmark{font-size:16px}.site-header nav{gap:0}.nav-account{padding:8px 10px;font-size:12px}.hero{padding-top:58px}.hero h1{font-size:clamp(48px,15vw,68px)}.studio-wrap{padding-left:0;padding-right:0}.studio-heading,.studio-shell{border-left:0;border-right:0}.field-pair{grid-template-columns:1fr;gap:0}.check-stack{margin-bottom:16px;padding-top:0}.paper-stage{min-height:440px;padding:24px 12px}.download-bar{flex-direction:column;align-items:stretch}.download-bar .button{width:100%}.trust-row{padding-bottom:90px}.topic-grid{grid-template-columns:1fr}.topic-grid a{min-height:160px}.site-footer{flex-direction:column;align-items:flex-start}.related-links{flex-direction:column;margin-left:16px;margin-right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.site-header,.site-footer,.hero,.studio-heading,.control-panel,.preview-toolbar,.download-bar,.download-notice,.trust-row,.editorial-section,.browse-section,.closing-cta{display:none!important}.studio-wrap,.studio-shell,.preview-panel,.paper-stage{background:#fff;border:0;margin:0;padding:0;display:block}.worksheet-paper{filter:none;width:100%}}
