.quick-page{background:radial-gradient(circle at top left,#b6dc5226,transparent 28%),var(--paper);min-height:75vh;padding:90px 0 72px}.quick-shell{max-width:880px}.quick-hero{max-width:650px}.quick-hero p:first-child{color:#52605a;letter-spacing:1.2px;text-transform:uppercase;margin:0;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.quick-hero h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(42px,5vw,66px);line-height:.98}.quick-hero em{font-family:Georgia,serif;font-weight:400}.quick-hero p:last-child,.quick-info p{color:var(--muted);line-height:1.7}.quick-category-link{color:#43523f;margin-bottom:22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.quick-category-link:hover{text-decoration:underline}.quick-tool{border:1px solid var(--line);background:#fafbf4;border-radius:20px;gap:14px;margin-top:38px;padding:26px;display:grid}.quick-tool label{font-size:14px;font-weight:600}.quick-tool textarea{min-height:150px;color:var(--ink);background:#fff;border:1px solid #b8c0b1;border-radius:10px;padding:14px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.loan-payoff-fields{border:0;gap:8px;margin:0;padding:0;display:grid}.loan-payoff-fields legend{margin-bottom:6px;font-weight:700}.loan-payoff-fields input{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #b8c0b1;border-radius:10px;padding:12px 14px;font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.quick-actions{grid-template-columns:1fr auto;gap:10px;display:grid}.reading-time-actions{grid-template-columns:minmax(0,1fr) auto auto}.roi-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-copy-feedback{color:#43523f;min-height:1.5em;margin:0;font-size:14px}.quick-tool button{color:#fff;cursor:pointer;background:#1b2c26;border:0;border-radius:9px;padding:13px 18px;font-weight:700}.quick-tool button.quick-secondary{color:#1b2c26;background:#fff;border:1px solid #b8c0b1}.quick-tool output{color:#edf4e6;white-space:pre-wrap;overflow-wrap:anywhere;background:#17231f;border-radius:9px;min-height:58px;padding:15px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.quick-tool .quick-error{color:#ffb4a9}.quick-info{max-width:720px;margin-top:58px}.quick-info h2{letter-spacing:-1px;font-size:29px}.quick-related{border-top:1px solid var(--line);margin-top:45px;padding-top:28px}.quick-related h2{font-size:20px}.quick-related-links{flex-wrap:wrap;gap:10px;display:flex}.quick-related-links a{border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none}.quick-related-links a:hover{background:#fff}@media (max-width:600px){.quick-actions{grid-template-columns:1fr}.quick-tool{padding:20px}}.loan-payoff-fields select{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #b8c0b1;border-radius:10px;padding:12px 14px;font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.savings-goal-fields{border:0;grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);align-items:center;gap:10px 16px;margin:0;padding:0;display:grid}.savings-goal-fields legend{grid-column:1/-1;margin-bottom:6px;font-weight:700}.savings-goal-fields label{grid-column:1}.savings-goal-fields input,.savings-goal-fields select{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #b8c0b1;border-radius:10px;grid-column:2;padding:12px 14px;font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.compound-interest-fields{border:0;grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);align-items:center;gap:10px 16px;margin:0;padding:0;display:grid}.compound-interest-fields legend{grid-column:1/-1;margin-bottom:6px;font-weight:700}.compound-interest-fields label{grid-column:1}.compound-interest-fields input,.compound-interest-fields select{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #b8c0b1;border-radius:10px;grid-column:2;padding:12px 14px;font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.cron-schedule{border:1px solid #d6ddd1;border-radius:12px;grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);align-items:center;gap:10px 16px;margin:0;padding:18px;display:grid}.cron-schedule legend{grid-column:1/-1;padding:0 5px;font-weight:700}.cron-schedule label{grid-column:1}.cron-schedule input,.cron-schedule select{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #b8c0b1;border-radius:10px;grid-column:2;padding:12px 14px;font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.cron-actions,.percentage-difference-actions,.percentage-increase-actions,.compound-interest-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-tool input:focus-visible,.quick-tool select:focus-visible,.quick-tool textarea:focus-visible,.quick-tool button:focus-visible,.quick-category-link:focus-visible,.quick-info a:focus-visible,.quick-related-links a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.box-shadow-color-row{grid-template-columns:auto minmax(48px,64px) auto minmax(140px,1fr);align-items:center;gap:10px;display:grid}.box-shadow-color-row input[type=color]{width:48px;height:40px;padding:3px}.box-shadow-color-row input[type=range]{width:100%}.box-shadow-inset{align-items:center;gap:8px;display:flex}.box-shadow-inset input{width:16px;height:16px}.box-shadow-preview{color:#52605a;background:linear-gradient(135deg,#fff 25%,#f1f5eb 25% 50%,#fff 50% 75%,#f1f5eb 75%) 0 0/24px 24px;border:1px dashed #b8c0b1;border-radius:12px;place-items:center;min-height:150px;font-weight:700;display:grid}.box-shadow-tool button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:600px){.box-shadow-color-row{grid-template-columns:auto minmax(48px,64px)}.box-shadow-color-row input[type=range]{grid-column:2}.box-shadow-color-row label:nth-of-type(2){grid-column:1}.cron-schedule{grid-template-columns:1fr;gap:8px;padding:14px}.cron-schedule label,.cron-schedule input,.cron-schedule select{grid-column:1}.cron-actions{grid-template-columns:1fr}.savings-goal-fields{grid-template-columns:1fr;gap:8px}.savings-goal-fields label,.savings-goal-fields input,.savings-goal-fields select{grid-column:1}.compound-interest-fields{grid-template-columns:1fr;gap:8px}.compound-interest-fields label,.compound-interest-fields input,.compound-interest-fields select{grid-column:1}.compound-interest-actions,.percentage-increase-actions{grid-template-columns:1fr}}
