/* App styling for authentication, account and individual journal pages. */
body.mr-auth-page,body.mr-account-page,body.mr-article-page{background:var(--mr-paper)!important;color:var(--mr-ink)!important}

/* Sign in */
body.mr-auth-page .login-wrap{min-height:calc(100svh - 150px);padding:2rem 1rem 5rem!important;background:radial-gradient(circle at 50% 8%,var(--mr-accent-wash),transparent 42%)}
body.mr-auth-page .login-card{width:min(100%,430px)!important;padding:1.35rem!important;border:1px solid var(--mr-app-border)!important;border-radius:24px!important;background:var(--mr-app-surface)!important;box-shadow:var(--mr-shadow-float)!important}
body.mr-auth-page .login-icon{width:64px;height:64px;margin:0 auto 1rem!important;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--mr-accent),var(--mr-purple));font-size:1.75rem!important;box-shadow:0 12px 28px rgba(142,58,77,.22)}
body.mr-auth-page .login-title{margin:0!important;color:var(--mr-ink)!important;font:750 2rem/1.05 var(--mr-font-display)!important;letter-spacing:-.035em}
body.mr-auth-page .login-sub{margin:.65rem 0 1.6rem!important;color:var(--mr-ink-soft)!important;font:400 .94rem/1.5 var(--mr-font-body)!important}
body.mr-auth-page .form-label{color:var(--mr-ink-soft)!important;font:700 .68rem var(--mr-font-ui)!important;letter-spacing:.09em!important}
body.mr-auth-page .form-input{min-height:50px!important;padding:.8rem 1rem!important;border:1px solid var(--mr-app-border)!important;border-radius:13px!important;background:var(--mr-paper-deep)!important;color:var(--mr-ink)!important;font:400 16px var(--mr-font-ui)!important}
body.mr-auth-page .form-input:focus{border-color:var(--mr-accent)!important;background:var(--mr-app-surface)!important;box-shadow:0 0 0 4px var(--mr-accent-wash)!important}
body.mr-auth-page .btn-login{min-height:50px!important;margin-top:.3rem!important;border-radius:999px!important;background:var(--mr-action-bg)!important;color:var(--mr-action-text)!important;font:750 .9rem var(--mr-font-ui)!important;transform:none!important;box-shadow:none!important}
body.mr-auth-page .btn-login:hover{background:var(--mr-accent-deep)!important;color:#fff!important}
body.mr-auth-page .login-footer{margin-top:1.1rem!important;color:var(--mr-ink-faint)!important}
body.mr-auth-page .login-footer a{color:var(--mr-accent-deep)!important;font-weight:700}
body.mr-auth-page .error-msg{border:1px solid #d78888!important;background:#fff0f0!important;color:#8e2727!important}

/* Reader account */
body.mr-account-page .page-bg{display:none!important}
body.mr-account-page .acct-hero{padding:2rem 1rem 1.4rem!important;background:linear-gradient(135deg,var(--mr-purple-deep),var(--mr-accent-deep))!important;color:#fff!important}
body.mr-account-page .acct-hero-inner{width:min(100%,980px)!important;margin:auto!important;padding:0!important}
body.mr-account-page .acct-hero-top{align-items:center!important;gap:1rem!important}
body.mr-account-page .acct-avatar{width:68px!important;height:68px!important;background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}
body.mr-account-page .acct-greeting,body.mr-account-page .acct-joined{color:rgba(255,255,255,.72)!important}
body.mr-account-page .acct-name{color:#fff!important;font-size:clamp(1.65rem,7vw,2.7rem)!important}
body.mr-account-page .logout-link{color:#fff!important;border-color:rgba(255,255,255,.25)!important}
body.mr-account-page .acct-tabs{position:sticky!important;top:var(--mr-header-offset,64px);z-index:40;display:flex!important;gap:.25rem!important;overflow-x:auto!important;padding:.55rem 1rem!important;border-bottom:1px solid var(--mr-app-border)!important;background:color-mix(in srgb,var(--mr-paper) 92%,transparent)!important;backdrop-filter:blur(16px);scrollbar-width:none}
body.mr-account-page .acct-tabs::-webkit-scrollbar{display:none}
body.mr-account-page .acct-tab{flex:0 0 auto!important;min-height:40px!important;padding:.55rem .85rem!important;border:0!important;border-radius:999px!important;color:var(--mr-ink-soft)!important;font:700 .75rem var(--mr-font-ui)!important}
body.mr-account-page .acct-tab.active{background:var(--mr-action-bg)!important;color:var(--mr-action-text)!important}
body.mr-account-page .acct-body{width:min(100%,980px)!important;margin:auto!important;padding:1.25rem 1rem 5rem!important}
body.mr-account-page .section-title{color:var(--mr-ink)!important;font-family:var(--mr-font-display)!important}
body.mr-account-page .section-sub{color:var(--mr-ink-soft)!important}
body.mr-account-page .account-library-summary{padding:1rem!important;border:1px solid var(--mr-app-border)!important;border-radius:18px!important;background:var(--mr-app-surface)!important}
body.mr-account-page .account-library-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(140px,42vw)!important;grid-template-columns:none!important;gap:.75rem!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:.4rem!important}
body.mr-account-page .account-library-card{scroll-snap-align:start;border:1px solid var(--mr-app-border)!important;background:var(--mr-paper-deep)!important;border-radius:13px!important}
body.mr-account-page .account-library-status{background:var(--mr-purple-deep)!important;color:#fff!important}
body.mr-account-page .form-card,body.mr-account-page .order-card,body.mr-account-page .comment-card,body.mr-account-page .coming-panel{border:1px solid var(--mr-app-border)!important;border-radius:18px!important;background:var(--mr-app-surface)!important;box-shadow:none!important}
body.mr-account-page .order-items,body.mr-account-page .comments-empty-title,body.mr-account-page .orders-empty-title,body.mr-account-page .coming-panel-title,body.mr-account-page .comment-body{color:var(--mr-ink)!important}
body.mr-account-page .order-date,body.mr-account-page .comment-date,body.mr-account-page .orders-empty-sub,body.mr-account-page .comments-empty-sub,body.mr-account-page .coming-panel-sub,body.mr-account-page .form-hint{color:var(--mr-ink-faint)!important}
body.mr-account-page .order-total,body.mr-account-page .comment-post-link,body.mr-account-page .coming-panel-tag,body.mr-account-page .form-section-label{color:var(--mr-accent-deep)!important}
body.mr-account-page .form-input{min-height:48px!important;border:1px solid var(--mr-app-border)!important;background:var(--mr-paper-deep)!important;color:var(--mr-ink)!important;font-size:16px!important}
body.mr-account-page .btn-save{min-height:48px!important;border-radius:999px!important;background:var(--mr-action-bg)!important;color:var(--mr-action-text)!important}

/* Individual journal entry */
body.mr-article-page .page-bg{display:none!important}
body.mr-article-page>.container{width:min(100%,1140px)!important;max-width:1140px!important;padding:0 1rem!important}
body.mr-article-page .post-back{margin:1.1rem 0!important;color:var(--mr-ink-soft)!important;font:700 .75rem var(--mr-font-ui)!important}
body.mr-article-page .post-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2rem!important;margin:0!important}
body.mr-article-page .post-header{margin-bottom:1.25rem!important}
body.mr-article-page .post-cat-badge{background:var(--mr-accent-wash)!important;color:var(--mr-accent-deep)!important}
body.mr-article-page .post-title{max-width:16ch;margin:.35rem 0 .7rem!important;color:var(--mr-ink)!important;font:750 clamp(2.25rem,10vw,5.2rem)/.98 var(--mr-font-display)!important;letter-spacing:-.045em;text-wrap:balance}
body.mr-article-page .post-subtitle{max-width:680px;color:var(--mr-ink-soft)!important;font-size:1rem!important}
body.mr-article-page .post-meta{border-color:var(--mr-app-border)!important;color:var(--mr-ink-faint)!important}
body.mr-article-page .post-cover{width:calc(100% + 2rem)!important;max-width:none!important;max-height:none!important;aspect-ratio:16/10;object-fit:cover;margin:0 -1rem 1.5rem!important;border:0!important;border-radius:0!important}
body.mr-article-page .post-body{color:var(--mr-ink)!important;font-size:clamp(1rem,2vw,1.08rem)!important;line-height:1.82!important}
body.mr-article-page .post-body>p:first-child::first-letter{float:left;margin:.08em .1em 0 0;color:var(--mr-accent);font:700 3.6em/.78 var(--mr-font-display)}
body.mr-article-page .post-body h2,body.mr-article-page .post-body h3{color:var(--mr-ink)!important}
body.mr-article-page .post-body blockquote{border-color:var(--mr-accent)!important;background:var(--mr-accent-wash)!important;color:var(--mr-ink-soft)!important}
body.mr-article-page .post-body a{color:var(--mr-accent-deep)!important}
body.mr-article-page .post-nav{gap:.65rem!important}
body.mr-article-page .pn-link,body.mr-article-page .related-card,body.mr-article-page .sidebar-card,body.mr-article-page .comment-card,body.mr-article-page .comment-form-wrap{border:1px solid var(--mr-app-border)!important;border-radius:16px!important;background:var(--mr-app-surface)!important;box-shadow:none!important}
body.mr-article-page .pn-title,body.mr-article-page .related-title,body.mr-article-page .book-sidebar-title,body.mr-article-page .comment-author{color:var(--mr-ink)!important}
body.mr-article-page .pn-dir,body.mr-article-page .related-date,body.mr-article-page .book-sidebar-author,body.mr-article-page .comment-date,body.mr-article-page .comment-char-count,body.mr-article-page .comment-login-prompt{color:var(--mr-ink-faint)!important}
body.mr-article-page .sidebar-label,body.mr-article-page .book-sidebar-link,body.mr-article-page .comment-form-title,body.mr-article-page .comment-login-prompt a{color:var(--mr-accent-deep)!important}
body.mr-article-page .sidebar-card>a[style]{color:var(--mr-ink-soft)!important;border-color:var(--mr-app-border)!important}
body.mr-article-page .sidebar-card>a[style]>span:last-child{color:var(--mr-ink-faint)!important}
body.mr-article-page .sidebar-card>a[style]:hover{color:var(--mr-accent-deep)!important}
body.mr-article-page .sidebar{position:static!important;width:auto!important;height:auto!important;background:transparent!important}
body.mr-article-page .related-grid{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
body.mr-article-page .comments-section{border-color:var(--mr-app-border)!important}
body.mr-article-page .comments-heading{color:var(--mr-ink)!important}
body.mr-article-page .comment-body,body.mr-article-page .comment-textarea{color:var(--mr-ink)!important}
body.mr-article-page .comment-textarea{font-size:16px!important;border:1px solid var(--mr-app-border)!important;background:var(--mr-paper-deep)!important}
body.mr-article-page .comment-textarea::placeholder{color:var(--mr-ink-faint)!important;opacity:1}
body.mr-article-page .btn-comment{min-height:46px!important;border-radius:999px!important;background:var(--mr-action-bg)!important;color:var(--mr-action-text)!important}

@media(min-width:720px){
  body.mr-auth-page .login-card{padding:2.2rem!important}
  body.mr-account-page .account-library-grid{grid-auto-flow:initial!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important}
  body.mr-article-page .post-cover{width:100%!important;margin:0 0 2rem!important;border-radius:22px!important;aspect-ratio:16/8.5}
  body.mr-article-page .related-grid{grid-template-columns:repeat(3,1fr)!important}
}

@media(min-width:980px){
  body.mr-article-page .post-layout{grid-template-columns:minmax(0,720px) 280px!important;gap:clamp(2rem,5vw,4rem)!important;align-items:start!important}
  body.mr-article-page .sidebar{position:sticky!important;top:130px!important}
}
.mr-policy .mr-prose {
  padding-bottom: clamp(4rem, 9vw, 7rem);
}
.mr-policy .mr-prose h2 {
  margin: 2rem 0 .65rem;
  font: 650 clamp(1.25rem, 3vw, 1.6rem)/1.2 var(--mr-font-display);
}
.mr-policy .mr-prose p {
  margin: 0 0 1rem;
  color: var(--mr-ink-soft);
  line-height: 1.75;
}
.mr-policy .mr-prose a {
  color: var(--mr-accent-deep);
  text-decoration: underline;
  text-underline-offset: .18em;
}