@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,800&display=swap');
:root{--ink:#283045;--paper:#f8f4ea;--accent:#6555a3;--line:#cbc5d6;--muted:#655f73}*{box-sizing:border-box}body{margin:0;font:18px/1.55 'Cabinet Grotesk',Arial,sans-serif;color:var(--ink);background:var(--paper)}html{scroll-behavior:smooth}main{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-underline-offset:5px}nav{display:flex;gap:30px;align-items:center;margin:20px 4vw;padding:15px 26px;border:1px solid var(--line);border-radius:100px;background:#ffffff8c}nav a{text-decoration:none;font-size:15px}.brand{font-weight:800;margin-right:auto}header,section{padding:115px 6vw;max-width:1500px;margin:auto}.hero{padding-top:55px;padding-bottom:50px;text-align:center;background:radial-gradient(ellipse at center,#e6dcf580,transparent 70%)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:var(--muted)}h1{max-width:76rem;font-size:clamp(45px,6.7vw,94px);line-height:1.02;letter-spacing:-.055em;margin:25px auto}h2{font-size:clamp(34px,4.5vw,62px);line-height:1.08;letter-spacing:-.04em;margin:0 0 30px}h3{font-size:29px;margin:0 0 16px}.lead{max-width:720px;margin:25px auto;font-size:23px}.actions,.toolbar,.exports{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:25px 0}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:6px;font:700 17px 'Cabinet Grotesk',Arial,sans-serif;text-decoration:none;cursor:pointer;min-height:46px;transition:transform .2s,background .2s}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}button:hover,.button:hover{transform:translateY(-2px);background:#49377f;color:white}button:disabled{opacity:.45;cursor:default;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid #bb7537;outline-offset:4px}.hero-visual{height:175px;max-width:900px;position:relative;margin:30px auto 0;border-radius:80px 8px;background:#dfd8e9;overflow:hidden}.sheet{position:absolute;width:320px;height:220px;padding:24px;background:#fffaf1;box-shadow:12px 10px 0 #302c431f}.sheet.old{left:calc(50% - 260px);top:25px;transform:rotate(-8deg)}.sheet.new{left:calc(50% - 40px);top:12px;transform:rotate(5deg)}.sheet i{display:block;height:10px;margin:15px 0;background:#cac0db}.sheet i:nth-child(2){width:65%}.sheet.new i:nth-child(3){background:#adcfb0;width:83%}.answer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:80px;padding-bottom:80px}.answer p{font-size:21px;max-width:1100px}.section-heading{display:flex;gap:8vw;align-items:flex-end;margin-bottom:40px}.section-heading h2{flex:1;margin:0}.section-heading p{flex:1;color:var(--muted);max-width:520px}.comparison{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:0;border:1px solid var(--line)}.comparison article{padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison article:nth-child(even){border-right:0}.comparison article:nth-child(n+3){border-bottom:0}.comparison article:hover{background:#eee8f3}.big{font-size:29px;line-height:1.2;color:var(--accent)}.comparison a{display:block;margin-top:10px}.review-guide{background:var(--ink);color:var(--paper);max-width:none}.inline-image{display:inline-block;vertical-align:middle;width:95px;height:40px;background:linear-gradient(45deg,#afceb4 50%,#a391c3 50%);border-radius:25px}.guide-stack{max-width:1000px;margin:40px auto 0}.guide-stack article{padding:30px;background:#38435b;margin:25px 0;border:1px solid #68738b;position:relative;z-index:1}.marquee{background:#dacfef;font-size:52px;white-space:nowrap;padding:20px 0;overflow:hidden}.marquee div{width:max-content;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}#desk{max-width:none;background:#eee8f4;scroll-margin-top:25px}.toolbar,.exports{justify-content:flex-start}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}label{display:flex;flex-direction:column;gap:8px;font-size:16px}.title-field{max-width:900px;margin:30px 0}.editors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editors textarea{min-height:350px}.notes-label{margin:25px 0}.notes-label textarea{min-height:110px}input,textarea{max-width:100%;min-width:0;background:#fffdf8;border:1px solid #a79bb8;padding:14px;border-radius:5px;color:var(--ink);font:17px/1.5 'Cabinet Grotesk',Arial,sans-serif}textarea{resize:vertical}.status{padding:17px;background:white;border-left:4px solid var(--accent)}.status.error{border-color:#ae4b3b;color:#81392d}.help,.sources{color:var(--muted);font-size:15px;max-width:1070px}.result{white-space:pre-wrap;overflow-wrap:anywhere;padding:25px;background:#fffdf8;border:1px solid var(--line);min-height:150px;font:17px/1.65 ui-monospace,monospace}.result ins,.added{background:#d5edce;color:#264a29;text-decoration:none}.result del,.removed{background:#f0d4d1;color:#74352c}.legend{display:flex;gap:15px;font-size:15px;margin:14px 0}.legend span{padding:4px 10px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:22px;cursor:pointer}.faq p{max-width:950px}.sources{margin-top:40px}footer{background:var(--ink);color:var(--paper);padding:55px 6vw}footer p{font-size:14px}@media(max-width:800px){nav{gap:15px;padding:15px 18px}nav a:nth-child(2){display:none}header,section{padding:75px 6vw}.hero{padding-top:40px}h1{font-size:clamp(42px,11vw,80px)}.lead{font-size:21px}.hero-visual{height:140px}.sheet{width:220px}.sheet.old{left:calc(50% - 180px)}.sheet.new{left:calc(50% - 20px)}.section-heading{display:block}.comparison{grid-template-columns:1fr}.comparison article{border-right:0!important;border-bottom:1px solid var(--line)!important}.comparison article:last-child{border-bottom:0!important}.editors{grid-template-columns:1fr}.editors textarea{min-height:300px}.marquee{font-size:36px}.guide-stack article{padding:25px}.actions .button{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}