:root{--ink:#182b4a;--pink:#b51b58;--paper:#fffaf8;--reader-size:18px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}a{color:var(--pink);text-underline-offset:4px}button,input,select{font:inherit}button{border:1px solid #b5a5b0;border-radius:999px;padding:10px 19px;min-height:44px;background:#fff;color:var(--ink);cursor:pointer}button:hover,button[aria-pressed=true]{background:var(--ink);color:#fff}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #267db0;outline-offset:4px}header{max-width:1080px;margin:auto;padding:24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:750;text-decoration:none}.brand img{border-radius:16px}.brand small{display:block;font-weight:400;font-size:13px}main{max-width:940px;margin:auto;padding:0 24px}.intro{padding:48px 0 36px;border-bottom:1px solid #e9dce0}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:var(--pink)}h1,h2,h3{line-height:1.2}h1{font:500 clamp(32px,5vw,52px)/1.18 Georgia,serif;max-width:720px}h2{font:500 32px/1.2 Georgia,serif}.intro>p:not(.eyebrow){max-width:650px}#install{background:var(--pink);color:#fff;border:0}#library{padding:30px 0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filters span{display:inline-block;border-radius:999px;background:#fae0eb;color:var(--ink);min-width:25px;padding:0 6px;font-size:14px;margin-left:5px}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border:1px solid #e4d4dc;border-radius:22px;padding:24px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.card h3{font:500 25px/1.25 Georgia,serif;margin:0}.card p{margin:0;font-size:13px}.card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.card .actions button{font-size:15px}.tag{color:var(--pink);font-weight:700}.search-label{display:block;font-size:15px}input,select{display:block;width:100%;border:1px solid #aa9aa7;border-radius:12px;padding:12px;color:var(--ink);background:#fff;margin-top:6px}#settings{background:#f8e9ef;border-radius:22px;padding:28px;margin-top:24px}#settings label{display:block;margin-bottom:18px}#settings label span,.fine{font-size:14px}.fine{color:#515c6a}.reader-controls{position:sticky;top:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;background:var(--paper);z-index:2}#reader{padding:20px 0}#letter-content{font-size:var(--reader-size);line-height:1.8;max-width:70ch}#letter-content h1{font-size:clamp(30px,5vw,46px)}#letter-content h2{font-size:1.45em}#letter-content p,#letter-content li{overflow-wrap:anywhere}#letter-content img{max-width:100%;height:auto}#letter-content table{border-collapse:collapse;font-size:.88em;width:100%}#letter-content th,#letter-content td{padding:10px;border:1px solid #b5a5b0;vertical-align:top}.table-scroll{overflow:auto}footer{max-width:940px;margin:30px auto 0;padding:24px;border-top:1px solid #e9dce0}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#fff;padding:8px} [hidden]{display:none!important}@media(max-width:620px){header{padding:16px;flex-wrap:wrap;gap:12px}header>button{font-size:14px}main{padding:0 18px}.intro{padding:24px 0}#cards{grid-template-columns:1fr}.card{padding:22px}h2{font-size:28px}#settings{padding:20px}.reader-controls button{font-size:14px;padding:8px 13px}}

.brand .approved-wordmark{width:240px;max-width:65vw;height:auto;border-radius:0}

/* Approved palette; compact spacing without reducing reading text or tap targets. */
:root{--ink:#1F2A44;--pink:#C2185B;--paper:#fff}
header{padding:14px 24px;gap:12px}
.brand,.brand img{background:transparent!important;box-shadow:none!important;border:0!important}
.brand .approved-wordmark{mix-blend-mode:multiply;width:240px;max-width:56vw;height:auto}
.intro{padding:20px 0 22px}
.eyebrow{margin:0 0 10px}
h1{font-size:clamp(30px,4vw,42px);margin:0 0 14px;max-width:28ch}
h2{font-size:28px;margin:0 0 14px}
.intro>p:not(.eyebrow){margin:0 0 14px}
.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.note-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #eadfe5;border-radius:999px;padding:8px 17px;color:var(--ink);text-decoration:none;background:transparent}
.note-link:hover{background:#FDF2F6}
#install-status{margin-top:10px!important;margin-bottom:0!important;font-size:15px}
#library{padding:22px 0}
.filters{margin:14px 0}
#cards{gap:14px}
.card{padding:18px;gap:10px}
.card h3{font-size:23px}
footer{margin-top:16px;padding:18px 24px}
@media(max-width:620px){header{padding:12px 18px}.intro{padding:14px 0 18px}#library{padding:18px 0}.card{padding:18px}.brand .approved-wordmark{max-width:56vw}header>button{padding:8px 12px}}

header{align-items:center;flex-wrap:nowrap}.colleen-watercolor{width:160px;height:180px;object-fit:cover;object-position:50% 18%;border-radius:20px;flex-shrink:0}.reading-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:20px}.reading-toolbar label{font-size:16px;font-weight:600}.reading-toolbar select{min-width:180px;width:auto}.script-signature,#letter-content .script-signature{display:block;width:240px;max-width:75%;height:auto;margin:24px 0}#letter-content p,#letter-content li,#letter-content blockquote{font-size:inherit!important;line-height:inherit!important}#letter-content .letter-body,#letter-content .letter-content{font-size:inherit!important;line-height:inherit!important}@media(max-width:620px){header{gap:12px}.colleen-watercolor{width:106px;height:124px}.brand .approved-wordmark{width:210px;max-width:52vw}.reading-toolbar{gap:10px}.reading-toolbar button{font-size:16px}}