.reader-page{background:var(--paper,#f6f5f0);padding:clamp(40px,7vw,96px) 0 100px}.reader-layout{grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:start;gap:clamp(32px,7vw,110px);display:grid}.reader-intro h1{text-wrap:balance;max-width:11ch;margin:0 0 28px;font-size:clamp(2.6rem,4.8vw,4.7rem);line-height:1.08}.reader-intro>p{max-width:40ch;margin:0 0 24px;font-size:1.15rem;line-height:1.65}.reader-intro .reader-small{font-size:1rem}.reader-link{text-underline-offset:4px;font-weight:650;text-decoration:underline}.reader-panel{border:1px solid var(--line,#d6dedb);background:#fff;border-radius:12px;padding:clamp(24px,3vw,42px)}.reader-panel h2{margin:0 0 16px;font-size:1.85rem;line-height:1.2}.reader-panel h3{margin:0 0 12px;font-size:1.25rem}.reader-panel p{line-height:1.55}.reader-form{gap:10px;margin:24px 0;display:grid}.reader-form>label{margin-top:8px;font-size:.95rem;font-weight:650}.reader-form input:not([type=checkbox]),.reader-form select,.reader-form textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--ink,#173d49);background:#fff;border:1px solid #7e9299;border-radius:5px;min-height:48px;padding:13px 14px}.reader-form input::placeholder,.reader-form textarea::placeholder{color:#5a6b71}:is(.reader-form input:focus-visible,.reader-form select:focus-visible,.reader-form textarea:focus-visible){outline:3px solid var(--yellow,#f4cf59);outline-offset:2px}.reader-form .reader-help{color:#50646a;margin:0 0 6px;font-size:.85rem}.reader-check{align-items:flex-start;gap:12px;line-height:1.55;display:flex;font-weight:400!important}.reader-check input{width:18px;min-width:18px;height:18px;accent-color:var(--blue,#173d49);margin-top:4px}.reader-check a{text-decoration:underline}.reader-button,.reader-secondary,.reader-danger{text-align:center;min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.reader-button{color:#fff;background:var(--blue,#173d49);font-family:inherit;font-weight:650}.reader-button:hover{background:#28566a}.reader-secondary{color:var(--ink,#173d49);background:#e9f0f2;font-family:inherit;font-weight:650}.reader-secondary:hover{background:#d8e7eb}.reader-danger{color:#fff;background:var(--coral,#b83f32);font-family:inherit;font-weight:650}.reader-button:disabled,.reader-secondary:disabled,.reader-danger:disabled{opacity:.6;cursor:wait}.reader-error{color:#852c24;background:#fff0ec;border-radius:5px;padding:14px}.reader-message{color:#214e38;background:#e9f2ec;border-radius:5px;padding:14px}.reader-switches{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.reader-switches button,.reader-quiet{font:inherit;text-underline-offset:4px;cursor:pointer;color:var(--ink,#173d49);background:0 0;border:0;padding:4px 0;text-decoration:underline}.reader-quiet{margin-top:28px;font-size:.85rem}.reader-recovery{background:#fff7d9;margin:24px 0;padding:20px}.reader-recovery code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;margin:16px 0;padding:16px;font-size:.95rem;display:block}.reader-email{overflow-wrap:anywhere;color:#50646a}.reader-delete{border-top:1px solid var(--line,#d6dedb);padding-top:20px}@media (max-width:760px){.reader-layout{grid-template-columns:1fr;gap:28px}.reader-intro h1{max-width:15ch}.reader-panel{padding:24px 20px}.reader-page{padding-bottom:60px}}