.readability-page{min-height:100vh;color:var(--ink)}.readability-nav,.readability-hero,.readability-workspace,.readability-notes,.readability-footer{width:min(1100px,100% - 40px);margin-inline:auto}.readability-nav,.readability-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.readability-nav{border-bottom:1px solid var(--line);min-height:82px}.readability-back,.readability-footer{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.readability-hero{max-width:840px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.readability-kicker{color:var(--muted);font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:500}.readability-kicker:before{content:"";background:#e58248;border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.readability-hero h1{max-width:700px;font-size:clamp(52px,8vw,94px)}.readability-hero>p:last-child{max-width:650px;color:var(--muted);margin:26px 0 0;font-size:18px;line-height:1.65}.readability-workspace{border:1px solid var(--ink);background:var(--panel);border-radius:10px;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);display:grid;overflow:hidden;box-shadow:10px 10px #e58248}.readability-input,.readability-results{padding:clamp(25px,4vw,45px)}.readability-input{border-right:1px solid var(--line);gap:12px;display:grid}.readability-input>label{font-size:14px;font-weight:800}.readability-input textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:330px;color:var(--ink);font:16px/1.65 var(--font-dm-sans), sans-serif;background:#fffdf8;border-radius:4px;padding:15px}.readability-input-note{color:var(--muted);font-family:var(--font-dm-mono), monospace;justify-content:space-between;gap:15px;font-size:11px;display:flex}.readability-results{color:#fff;background:#163b52}.readability-results .readability-kicker,.readability-result-label,.readability-band,.readability-results dt{color:#ffffffad}.readability-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.readability-results h2{color:#ffd4b4;letter-spacing:-.08em;margin:0;font-size:clamp(62px,6vw,80px);line-height:.95}.readability-band{text-transform:capitalize;margin:13px 0 27px;font-size:14px}.readability-results dl{gap:14px;margin:0 0 25px;display:grid}.readability-results dl div{border-top:1px dashed #ffffff40;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.readability-results dt,.readability-results dd{margin:0;font-size:13px}.readability-results dd{font-family:var(--font-dm-mono), monospace;font-weight:500}.readability-results button{color:#163b52;cursor:pointer;background:#ffd4b4;border:0;border-radius:4px;width:100%;min-height:47px;font-weight:800}.readability-results button:disabled{cursor:not-allowed;opacity:.45}.readability-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.readability-notes h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.readability-notes>div:last-child{color:var(--muted);font-size:15px;line-height:1.7}.readability-notes p{margin:0 0 20px}.readability-notes a{color:var(--ink);font-weight:800}.readability-footer{border-top:1px solid var(--line);min-height:82px;padding:20px 0}.readability-footer span{margin-right:auto}@media (width<=760px){.readability-hero{margin-inline:20px;padding-top:58px}.readability-workspace,.readability-notes{grid-template-columns:1fr}.readability-input{border-right:0;border-bottom:1px solid var(--line)}.readability-notes{gap:30px;padding:70px 0}}@media (width<=560px){.readability-nav,.readability-footer{gap:12px}.readability-back,.readability-footer{font-size:11px}.readability-input-note{display:grid}.readability-footer span{max-width:150px}}