:root{color-scheme:light;--ink:#261d36;--muted:#655b72;--purple:#512293;--line:#e8deef}*{box-sizing:border-box}body{margin:0;background:#fcfaff;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}header,main,body>footer{max-width:1120px;margin:auto;padding:24px}header,body>footer{display:flex;justify-content:space-between;align-items:center;gap:20px}header{border-bottom:1px solid var(--line)}a{color:var(--purple);text-underline-offset:4px}header a{text-decoration:none}.brand{font:600 25px Georgia,serif;color:var(--ink)}.brand span{color:var(--purple)}.breadcrumb,.small{font-size:13px}.breadcrumb{margin:12px 0 34px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start;padding:20px 0 52px}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font:500 clamp(36px,4.5vw,58px)/1.08 Georgia,serif;margin:12px 0 24px}h2{font:500 30px/1.2 Georgia,serif;margin-top:0}h3{font-size:20px}.intro{font-size:18px}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.muted{color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 16px 48px #4625700a}label{display:block;font-weight:600;margin:18px 0 6px}input{display:block;min-width:0;width:100%;border:1px solid #bcb1ca;background:#fff;border-radius:10px;padding:14px;font:inherit;font-size:16px;color:var(--ink)}button,.button{display:inline-block;border:0;border-radius:12px;background:var(--purple);color:white;font:600 16px/1.5 system-ui;padding:15px 22px;text-decoration:none;text-align:center;cursor:pointer}form button{width:100%;margin-top:22px}a:hover{text-decoration:underline}button:hover,.button:hover{background:#3a166d}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a57bdf;outline-offset:4px}article{max-width:760px;margin:52px auto}article h2{margin-top:42px}article p{margin:16px 0}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:10px 18px;border-bottom:1px solid var(--line)}th{background:#f0e9f8}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.result{max-width:760px;margin:auto;scroll-margin-top:20px}.number{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:64px;background:#f0e8fa;color:var(--purple);border-radius:50%;margin-right:8px}.reflection{border-left:3px solid var(--purple);padding:16px 20px;background:#f8f4fc;margin:24px 0}.reflection p{margin-bottom:0}.error{padding:18px;background:#fff0f0;border:1px solid #b44;border-radius:12px;color:#8a2020}.related{border-top:1px solid var(--line);padding:28px 0}.related a{display:block;margin:12px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.tool-grid .card{display:flex;flex-direction:column;align-items:start}.tool-grid .button{margin-top:auto}body>footer{border-top:1px solid var(--line);font-size:14px;padding-bottom:40px}@media(max-width:700px){header,main,body>footer{padding:20px}header{align-items:flex-start}header>a:last-child{font-size:13px;max-width:140px;text-align:right}.hero{grid-template-columns:1fr;gap:20px;padding-top:0}.card{padding:24px}.tool-grid{grid-template-columns:1fr}h1{font-size:40px}.intro{font-size:17px}.breadcrumb{margin-bottom:20px}body>footer{flex-wrap:wrap}.button{max-width:100%}}
