.reader-account-page{margin:0;background:#f5f7fa;color:#132238;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.reader-account-page *{box-sizing:border-box}
.reader-site-header{height:88px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4e9ef;gap:24px}
.reader-brand img{width:180px;max-height:55px;object-fit:contain}
.reader-site-header nav{display:flex;gap:26px;flex-wrap:wrap}
.reader-account-page a{color:#076bb2;text-decoration:none}
.reader-account-page a:hover{text-decoration:underline}
.reader-site-header nav a{color:#26384c;font-size:14px}
.reader-account-main{min-height:calc(100vh - 156px);display:flex;justify-content:center;align-items:center;padding:48px 20px}
.reader-account-card{width:100%;max-width:460px;background:#fff;border:1px solid #e1e7ee;border-radius:20px;padding:36px 40px;box-shadow:0 15px 50px rgba(18,38,63,.06)}
.reader-eyebrow{font-size:11px;font-weight:700;color:#0677b9;letter-spacing:2px;margin:0 0 14px}
.reader-account-card h1{font-size:30px;line-height:1.2;margin:0 0 10px;letter-spacing:-.7px}
.reader-intro{font-size:14px;color:#657385;margin:0 0 26px}
.reader-account-form label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}
.reader-account-form input:not([type=hidden]){display:block;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:12px 13px;font:inherit;font-size:15px;color:#132238;background:#fff}
.reader-account-form input:focus{outline:3px solid #c3e7fb;border-color:#087aba}
.reader-submit{display:block;width:100%;padding:13px;border:0;border-radius:8px;background:#087ab8;color:#fff;font:inherit;font-weight:700;margin-top:24px;cursor:pointer}
.reader-submit:hover{background:#066396}
.reader-field-help,.reader-terms{font-size:12px;color:#657385;margin:7px 0 0}
.reader-terms{margin-top:14px}
.reader-switch{font-size:14px;text-align:center;margin:24px 0 12px}
.reader-back{display:block;text-align:center;font-size:13px}
.reader-errors,.reader-notice{font-size:13px;border-radius:8px;padding:12px 14px;margin-bottom:18px;background:#fff0ee;color:#9d251b}
.reader-errors ul{margin:0;padding-left:18px}.reader-notice{background:#e8f7ef;color:#17643c}
.reader-site-footer{text-align:center;font-size:12px;color:#778393;padding:20px}
.reader-nav-name{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
.reader-logout-form{margin:0;display:inline}
.reader-logout-button{font:inherit;font-size:14px;line-height:inherit;background:transparent;border:0;padding:0;color:inherit;cursor:pointer}
@media(max-width:600px){.reader-site-header{height:auto;padding:16px 20px;align-items:flex-start;flex-direction:column;gap:14px}.reader-brand img{width:150px}.reader-site-header nav{gap:20px}.reader-account-main{padding:28px 16px}.reader-account-card{padding:28px 24px}.reader-account-card h1{font-size:27px}}
.reader-forgot{display:block;text-align:right;font-size:13px;margin-top:10px}.reader-submit:disabled{opacity:.65;cursor:wait}.reader-errors[hidden]{display:none}
.reader-menu-item{position:relative}.reader-dropdown{position:relative;text-align:left}.reader-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font:inherit}.reader-dropdown summary::-webkit-details-marker{display:none}.reader-dropdown-arrow{font-size:12px}.reader-dropdown-panel{position:absolute;right:0;top:calc(100% + 12px);width:190px;padding:8px;background:#fff;color:#132238;border:1px solid #dce3eb;border-radius:10px;box-shadow:0 12px 30px #0002;z-index:1000}.reader-dropdown:not([open]) .reader-dropdown-panel{display:none}.reader-dropdown-panel a,.reader-dropdown-panel button{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px!important;line-height:1.4!important;font-family:Arial,Helvetica,sans-serif;font-size:14px!important;font-weight:400!important;letter-spacing:normal!important;color:#132238!important;text-decoration:none;border:0;border-radius:6px;background:transparent;cursor:pointer;text-align:left;box-sizing:border-box}.reader-dropdown-panel a:hover,.reader-dropdown-panel button:hover{background:#edf5fb}.reader-dropdown-panel form{margin:0}.reader-dropdown summary:focus-visible{outline:2px solid #1488c3;outline-offset:5px}.reader-profile-page{padding:160px 20px 70px;display:flex;justify-content:center;color:#132238}.reader-profile-details{margin:24px 0}.reader-profile-details dt{font-size:12px;font-weight:600;color:#657385;margin-top:18px}.reader-profile-details dd{font-family:Arial,Helvetica,sans-serif;font-size:15px;margin:4px 0;overflow-wrap:anywhere}
@media(max-width:1024px){.reader-dropdown summary{justify-content:center}.reader-dropdown-panel{position:relative;top:auto;right:auto;margin:12px auto 0}.reader-dropdown .reader-nav-name{max-width:240px;font-size:22px;line-height:1.5}.reader-profile-page{padding-top:140px}}

.reader-verification-form { margin: 0 0 24px; }
.reader-verification-link { background: none; border: 0; padding: 0; color: #0077cc; text-decoration: underline; cursor: pointer; font: inherit; }
.reader-verification-link:focus-visible { outline: 2px solid #0077cc; outline-offset: 4px; }

/* Blog discussions: plain forms also work after the theme's AJAX navigation. */
.reader-comments { padding: 64px 24px; background: #f7f7f7; color: #17263d; scroll-margin-top: 100px; }
.reader-comments-inner { max-width: 960px; margin: 0 auto; }
.reader-comments h2, .reader-comments h3 { color: #17263d; line-height: 1.3; }
.reader-comments h2 { font-size: 32px; margin-bottom: 24px; }
.reader-comments h3 { font-size: 24px; }
.reader-comments-count { font-size: 20px; color: #64748b; }
.reader-comment-thread { padding: 24px; margin: 20px 0; background: #fff; border: 1px solid #dce4ee; border-radius: 16px; }
.reader-comment-author { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.reader-comment-author time { font-size: 13px; color: #64748b; margin-left: auto; }
.reader-admin-badge { font-size: 12px; padding: 3px 8px; background: #e8f3ff; color: #0069b5; border-radius: 6px; }
.reader-comments .reader-comment-body { margin: 14px 0; color: #17263d; overflow-wrap: anywhere; font-size: 16px; line-height: 1.7; }
.reader-comment-reply { margin: 20px 0 0 20px; padding: 16px 0 0 20px; border-left: 2px solid #dce4ee; }
.reader-reply-toggle summary { display: list-item; list-style: disclosure-closed; color: #0077cc; cursor: pointer; font-size: 15px; margin-top: 20px; }
.reader-reply-toggle[open] summary { list-style: disclosure-open; }
.reader-comment-compose { padding-top: 24px; }
.reader-comment-form { margin: 20px 0 0; }
.reader-comment-form label { display: block; color: #17263d; margin-bottom: 8px; font-size: 15px; }
.reader-comments .reader-comment-form textarea { display: block; width: 100%; min-height: 130px; height: auto; box-sizing: border-box; padding: 14px; background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; color: #17263d; font: inherit; resize: vertical; }
.reader-comments .reader-comment-form textarea:focus { border-color: #0077cc; outline: 2px solid #b8ddfa; }
.reader-comments .reader-comment-help { font-size: 13px; color: #64748b; margin: 8px 0 16px; }
.reader-comments .reader-comment-form button { width: auto; border: 0; border-radius: 8px; background: #0077cc; color: #fff; padding: 12px 20px; cursor: pointer; font: inherit; line-height: 1.4; }
.reader-comment-form button:hover { background: #005f9f; }
.reader-comment-form button:focus-visible, .reader-reply-toggle summary:focus-visible { outline: 2px solid #0077cc; outline-offset: 4px; }
.reader-comments .reader-comment-notice { padding: 14px 18px; background: #e8f3ff; color: #17263d; border-radius: 8px; }
@media (max-width: 600px) {
    .reader-comments { padding: 40px 16px; }
    .reader-comment-thread { padding: 18px; }
    .reader-comment-author time { width: 100%; margin-left: 0; }
    .reader-comment-reply { margin-left: 6px; padding-left: 14px; }
}

.reader-post-share { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.reader-post-share a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; margin: 0; border: 1px solid #cbd5e1; border-radius: 50%; background: transparent; color: #17263d; font-size: 16px; cursor: pointer; line-height: 1; }
.reader-post-share a:hover { background: #0077cc; color: white; border-color: #0077cc; }
.reader-post-share a:focus-visible { outline: 2px solid #0077cc; outline-offset: 3px; }