/* STUDmotivation owns its product surface; portfolio chrome stays shared. */
body.motivation-page { background:#090d12; }
body.motivation-modal-open { overflow:hidden; }
body.stud-v3.motivation-page.menu-open > .site-header.site-header--open-wall { z-index:200!important; }
#motivation-app {
  --bg:#090d12; --surface:#111820; --raised:#17212b; --ink:#f6f5f1;
  --muted:#b4bfca; --line:#303c48; --accent:#ffc18b; --accent-ink:#292017;
  --paper:#f2e9df; --paper-ink:#342d25; --paper-muted:#665849;
  color:var(--ink); font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;
  display:flow-root; font-size:16px; line-height:1.5;
}
#motivation-app *,#motivation-app *::before,#motivation-app *::after { box-sizing:border-box; }
#motivation-app [hidden] { display:none!important; }
#motivation-app a { color:inherit!important; text-decoration:none; }
#motivation-app button,#motivation-app input,#motivation-app textarea { font:inherit; }
#motivation-app button { cursor:pointer; }
#motivation-app button:disabled { opacity:.5; cursor:default; }
#motivation-app :is(a,button,input,textarea,summary):focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
#motivation-app svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
#motivation-app .symbols { position:absolute; width:0; height:0; overflow:hidden; }
#motivation-app .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#motivation-app #main { width:100%; max-width:none; padding:0!important; margin:0; }
#motivation-app .layout { width:100%; max-width:1180px; margin:0 auto; padding-left:40px; padding-right:40px; }
#motivation-app .eyebrow { color:var(--accent); font-size:10px; line-height:1.5; letter-spacing:1.5px; font-weight:750; margin:0; }
#motivation-app .product-header { border-bottom:1px solid var(--line); }
#motivation-app .header-inner { max-width:1180px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 40px; }
#motivation-app .wordmark { display:flex; font-size:27px; line-height:1.1; letter-spacing:-1px; white-space:nowrap; }
#motivation-app .wordmark strong { color:var(--accent); font-weight:800; }
#motivation-app .wordmark span { font-weight:400; }
#motivation-app .header-inner nav { display:flex; align-items:center; gap:28px; }
#motivation-app .nav-link { font-size:13px; }
#motivation-app .saved-nav { display:flex; align-items:center; gap:8px; padding:0; min-height:44px; border:0; background:none; color:var(--ink); font-size:14px; font-weight:650; }
#motivation-app .saved-count { min-width:20px; padding:2px 5px; border-radius:20px; background:var(--accent); color:var(--accent-ink); text-align:center; font-size:11px; }

/* Arrival. */
#motivation-app .intro { display:grid; grid-template-columns:1.15fr 1fr; gap:66px; padding-top:48px; padding-bottom:58px; align-items:stretch; }
#motivation-app h1 { color:var(--ink); font-size:72px; line-height:1.02; font-weight:600; letter-spacing:-3px; margin:17px 0 20px; }
#motivation-app h1 span { color:var(--accent); }
#motivation-app .hero-description { color:var(--muted); font-size:16px; line-height:1.7; margin:0 0 32px; }
#motivation-app .choose-heading h2 { font-size:16px; font-weight:650; letter-spacing:-.3px; margin:0 0 13px; }
#motivation-app .situations { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#motivation-app .situation { display:flex; align-items:center; gap:12px; min-height:94px; padding:15px 13px; background:var(--surface); border:1px solid var(--line); border-radius:12px; transition:background .15s,border-color .15s; }
#motivation-app .situation:hover { background:var(--raised); border-color:#987657; }
#motivation-app .situation-icon { color:var(--accent); display:flex; }
#motivation-app .situation strong { display:block; font-size:14px; font-weight:650; line-height:1.45; letter-spacing:-.2px; }
#motivation-app .situation small { display:block; font-size:11px; color:var(--muted); line-height:1.5; margin-top:5px; }
#motivation-app .situation .row-arrow { width:15px; height:15px; margin-left:auto; color:var(--accent); }
#motivation-app .return-section { padding-top:22px; }
#motivation-app .return-card { display:flex; align-items:center; gap:24px; padding:21px 25px; background:#172019; border:1px solid #465943; border-radius:14px; }
#motivation-app .return-copy { flex:1; min-width:0; }
#motivation-app .return-copy .eyebrow { color:#c4d5b8; font-size:9px; }
#motivation-app .return-copy p:last-child { margin:7px 0 0; font-size:17px; line-height:1.5; overflow-wrap:anywhere; }
#motivation-app .return-actions { display:flex; align-items:center; gap:14px; flex-shrink:0; }
#motivation-app .return-actions button { width:auto; }
#motivation-app .return-card .primary { min-height:44px; padding:10px 18px; }

/* Deliberate, manually browsed encouragement. */
#motivation-app .featured { color:var(--paper-ink); background:var(--paper); padding:32px; border:1px solid #d7c4ae; border-radius:20px; display:flex; flex-direction:column; justify-content:space-between; min-width:0; }
#motivation-app .feature-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
#motivation-app .feature-top .eyebrow { color:#77502d; font-size:9px; letter-spacing:1.25px; }
#motivation-app .feature-top svg { width:26px; height:26px; color:#89603a; }
#motivation-app .feature-body { padding:36px 0 24px; }
#motivation-app .thought-context { font-size:9px; font-weight:700; letter-spacing:1.2px; color:#77502d; margin:0 0 15px; }
#motivation-app .feature-body h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:44px; line-height:1.16; letter-spacing:-1.2px; color:var(--paper-ink); margin:0 0 22px; }
#motivation-app #thought-note { font-size:14px; line-height:1.75; color:var(--paper-muted); margin:0; }
#motivation-app .thought-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; padding-bottom:12px; }
#motivation-app .thought-next { display:flex; align-items:center; gap:10px; min-height:44px; padding:0; border:0; background:none; color:#77502d; font-size:13px; font-weight:650; }
#motivation-app .thought-next svg { width:17px; height:17px; }
#motivation-app #thought-position { font-size:11px; color:var(--paper-muted); white-space:nowrap; }
#motivation-app .feature-bottom { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:17px; border-top:1px solid #ccbba7; font-size:10px; color:var(--paper-muted); }
#motivation-app .feature-privacy { display:block; font-size:10px; margin-top:4px; }
#motivation-app .keep-thought { display:flex; align-items:center; gap:8px; border:1px solid #bda68d; background:transparent; border-radius:8px; min-height:44px; padding:8px 12px; font-size:13px; color:var(--paper-ink); white-space:nowrap; }
#motivation-app .keep-thought[aria-pressed=true] { background:#dfd2c1; }
#motivation-app .featured :focus-visible { outline-color:#77502d; }

/* Reading discovery. */
#motivation-app .library { border-top:1px solid var(--line); padding-top:38px; padding-bottom:20px; }
#motivation-app .section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:26px; }
#motivation-app .section-heading h2 { font-size:39px; line-height:1.1; letter-spacing:-1.1px; font-weight:500; margin:11px 0 0; }
#motivation-app .section-heading > p { font-size:14px; line-height:1.8; color:var(--muted); margin:0 0 2px; }
#motivation-app .filter-row { display:flex; flex-wrap:wrap; gap:7px; }
#motivation-app .filter-row button { color:var(--muted); border:1px solid var(--line); border-radius:8px; background:transparent; min-height:44px; padding:9px 15px; font-size:13px; }
#motivation-app .filter-row button[aria-pressed=true] { color:var(--accent-ink); background:var(--accent); border-color:var(--accent); }
#motivation-app .results-note { font-size:12px; color:var(--muted); margin:14px 0 21px; min-height:18px; }
#motivation-app .article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#motivation-app .article-card { border:1px solid var(--line); border-radius:14px; background:var(--surface); padding:23px; display:flex; flex-direction:column; min-width:0; transition:border-color .15s,background .15s; }
#motivation-app .article-card:hover { border-color:#997759; background:#18212a; }
#motivation-app .article-art { display:flex; align-items:center; gap:11px; color:var(--accent); font-size:9px; line-height:1.6; letter-spacing:.55px; font-weight:650; margin-bottom:20px; }
#motivation-app .article-art svg { width:20px; height:20px; }
#motivation-app .article-copy { display:flex; flex:1; flex-direction:column; }
#motivation-app .article-copy h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:25px; letter-spacing:-.35px; line-height:1.28; color:var(--ink); margin:0 0 13px; }
#motivation-app .article-copy p { font-size:13px; color:var(--muted); line-height:1.7; margin:0 0 22px; }
#motivation-app .read-link { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--accent); margin-top:auto; }
#motivation-app .read-link svg { width:18px; height:18px; }
#motivation-app .closing { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-top:48px; padding-bottom:48px; }
#motivation-app .closing p { font-family:Georgia,serif; font-size:26px; line-height:1.45; margin:0; }
#motivation-app .closing p span { color:var(--muted); }
#motivation-app .closing a { display:flex; align-items:center; gap:16px; min-height:44px; color:var(--accent)!important; font-size:13px; }
#motivation-app .product-footer { border-top:1px solid var(--line); padding-top:22px; padding-bottom:22px; display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:13px; }
#motivation-app .footer-brand strong { color:var(--accent); }
#motivation-app .product-footer a { display:flex; align-items:center; min-height:44px; color:var(--muted)!important; text-decoration:underline; text-underline-offset:4px; }

/* Guides, next steps, and personal collection. */
#motivation-app dialog { color:var(--ink); background:var(--surface); border:1px solid #3e4b58; border-radius:20px; width:calc(100% - 32px); max-width:610px; max-height:calc(100dvh - 24px); padding:0; box-shadow:0 24px 100px #0009; overflow:auto; overscroll-behavior:contain; }
#motivation-app dialog::backdrop { background:rgba(2,5,8,.8); backdrop-filter:blur(5px); }
#motivation-app .dialog-top { position:sticky; top:0; z-index:3; background:var(--surface); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px 9px 28px; }
#motivation-app .icon-button { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; border:1px solid #3c4854; background:#1c2630; color:var(--ink); flex-shrink:0; }
#motivation-app #dialog-content { padding:10px 28px 28px; }
#motivation-app .dialog-title { color:var(--ink); font-size:30px; line-height:1.2; letter-spacing:-.6px; font-weight:550; margin:2px 0 16px; }
#motivation-app .encouragement { font-family:Georgia,serif; font-weight:400; color:var(--paper); font-size:35px; line-height:1.2; }
#motivation-app .dialog-copy { font-size:15px; line-height:1.75; color:var(--muted); margin:0 0 22px; }
#motivation-app .dialog-copy p { margin:0 0 15px; }
#motivation-app .primary,#motivation-app .secondary { width:100%; display:flex; align-items:center; justify-content:center; gap:12px; border-radius:10px; min-height:48px; padding:12px 18px; border:1px solid transparent; font-size:14px; font-weight:650; text-align:center; }
#motivation-app .primary { background:var(--accent); color:var(--accent-ink)!important; }
#motivation-app .secondary { margin-top:10px; background:transparent; color:var(--ink); border-color:#465463; }
#motivation-app .quiet-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; background:none; border:0; padding:10px 0; font-size:13px; color:var(--muted); text-decoration:underline; text-underline-offset:4px; }
#motivation-app .quiet-button.center { display:flex; margin:8px auto 0; }
#motivation-app .guide-reading { border-top:1px solid var(--line); margin-top:18px; padding-top:20px; }
#motivation-app .guide-reading h3 { font-size:12px; letter-spacing:.3px; color:var(--muted); margin:0 0 8px; font-weight:500; }
#motivation-app .guide-reading a { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:44px; padding:10px 0; font-size:14px; line-height:1.5; color:var(--accent)!important; }
#motivation-app .guide-reading a svg { width:17px; height:17px; }
#motivation-app .step-options { display:grid; gap:9px; padding:0; margin:20px 0; border:0; min-width:0; }
#motivation-app .step-option { display:flex; align-items:flex-start; gap:11px; padding:14px; border:1px solid #46515d; border-radius:10px; font-size:14px; line-height:1.6; cursor:pointer; }
#motivation-app .step-option:has(input:checked) { background:#302820; border-color:var(--accent); }
#motivation-app .step-option input { appearance:auto; width:18px; height:18px; flex-shrink:0; margin:2px 0 0; accent-color:#ce965f; }
#motivation-app .custom-label { display:block; font-size:13px; color:var(--muted); margin:17px 0 8px; }
#motivation-app .custom-input { width:100%; min-height:48px; padding:12px 13px; background:var(--bg); color:var(--ink); border:1px solid #526172; border-radius:9px; font-size:16px; line-height:1.5; }
#motivation-app textarea { resize:vertical; margin-bottom:14px; }
#motivation-app .footnote { font-size:12px; line-height:1.7; color:var(--muted); margin:13px 0 0; }
#motivation-app .action-summary { color:var(--ink); border-left:3px solid var(--accent); background:#22271f; padding:20px; font-size:20px; line-height:1.55; margin:20px 0 24px; border-radius:0 10px 10px 0; overflow-wrap:anywhere; }
#motivation-app .storage-copy { margin:0 0 20px; color:var(--muted); font-size:12px; line-height:1.65; }
#motivation-app .storage-copy--warning { padding:12px; border:1px solid #936c49; border-radius:9px; color:#ffcd9f; }
#motivation-app .storage-notice { color:#ffcd9f; margin-top:18px; font-size:13px; line-height:1.7; }
#motivation-app .saved-search { position:relative; margin:19px 0 12px; }
#motivation-app .saved-search .custom-label { margin:0 0 7px; }
#motivation-app .saved-filters { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
#motivation-app .saved-filters button { padding:9px 8px; min-height:42px; font-size:12px; }
#motivation-app .saved-filters span { opacity:.75; margin-left:4px; }
#motivation-app .saved-results-note { font-size:12px; color:var(--muted); margin:15px 0; }
#motivation-app .saved-group-title { margin:24px 0 0; color:var(--accent); letter-spacing:1px; font-size:10px; font-weight:700; }
#motivation-app .saved-item { padding:18px 0; border-bottom:1px solid var(--line); }
#motivation-app .saved-item-meta { color:var(--muted); font-size:10px; margin:0 0 8px; display:flex; justify-content:space-between; gap:16px; }
#motivation-app .saved-item p { margin:0; font-size:16px; line-height:1.65; overflow-wrap:anywhere; }
#motivation-app .saved-item-actions { display:flex; gap:5px 18px; flex-wrap:wrap; margin-top:8px; }
#motivation-app .saved-item-actions button { background:none; padding:9px 0; color:var(--accent); border:0; min-height:44px; font-size:12px; }
#motivation-app .saved-item-actions .remove { color:var(--muted); margin-left:auto; }
#motivation-app .empty-state { border:1px dashed #4a5968; padding:25px 20px; border-radius:12px; text-align:center; margin:20px 0; }
#motivation-app .empty-state svg { color:var(--accent); margin-bottom:10px; }
#motivation-app .empty-state p { font-size:14px; line-height:1.7; color:var(--muted); margin:0; }
#motivation-app .empty-state .quiet-button { color:var(--accent); }
#motivation-app .backup-tools { margin-top:25px; border-top:1px solid var(--line); padding-top:8px; }
#motivation-app .backup-tools summary { cursor:pointer; color:var(--accent); font-size:14px; min-height:44px; padding:12px 0; }
#motivation-app input[type=file] { width:100%; display:block; min-height:44px; font-size:13px; }
#motivation-app .dialog-status { position:sticky; top:67px; z-index:2; color:#ffddbd; background:#30271f; border:1px solid #936c49; margin:0 18px 8px; padding:12px 14px; border-radius:9px; font-size:13px; line-height:1.6; }
#motivation-app .dialog-status button { color:var(--accent); border:0; background:none; min-height:44px; padding:8px 0; display:block; font-size:13px; text-decoration:underline; }
#motivation-app .edit-conflict { padding:16px; border:1px solid #936c49; border-radius:10px; margin-bottom:20px; }
#motivation-app .edit-conflict h3 { font-size:16px; margin:0 0 10px; }
#motivation-app .edit-conflict p { font-size:13px; line-height:1.7; margin:8px 0; overflow-wrap:anywhere; }
#motivation-app .conflict-current { background:var(--bg); padding:12px; border-radius:8px; }
#motivation-app .toast { position:fixed; z-index:180; bottom:20px; left:50%; transform:translateX(-50%); background:var(--paper); color:var(--paper-ink); border-radius:12px; padding:13px 19px; max-width:calc(100% - 32px); width:max-content; box-shadow:0 8px 30px #0006; font-size:13px; line-height:1.6; }
#motivation-app .noscript { font-size:14px; color:var(--accent); padding-top:20px; padding-bottom:20px; }

/* Full reading surface. */
#motivation-app #main.reading-layout { max-width:840px; padding:26px 40px 40px!important; margin:auto; }
#motivation-app .back-link { display:inline-flex; align-items:center; min-height:44px; color:var(--accent)!important; font-size:14px; margin-bottom:18px; }
#motivation-app .reading-paper { background:var(--paper); color:var(--paper-ink); border-radius:18px; padding:46px 50px; }
#motivation-app .reading-kicker { color:#77502d; font-size:10px; letter-spacing:1.2px; line-height:1.6; font-weight:750; margin:0; }
#motivation-app .reading-paper h1 { color:var(--paper-ink); font-family:Georgia,serif; font-size:44px; line-height:1.17; letter-spacing:-1px; font-weight:400; margin:20px 0 18px; }
#motivation-app .editorial-byline { font-size:12px; color:var(--paper-muted); margin:0 0 28px; }
#motivation-app .reading-takeaway { border-left:3px solid #ac7748; padding:0 0 0 19px; margin:0 0 31px; font-size:18px; line-height:1.7; color:#705030; }
#motivation-app .reading-body { font-size:17px; line-height:1.9; }
#motivation-app .reading-body p { margin:0 0 23px; }
#motivation-app .reading-body :is(h2,h3) { color:var(--paper-ink); font-size:21px; line-height:1.4; letter-spacing:-.3px; margin:31px 0 11px; font-weight:650; }
#motivation-app .reading-paper a { color:#77502d!important; text-decoration:underline; text-underline-offset:4px; }
#motivation-app .reading-paper :focus-visible { outline-color:#77502d; }
#motivation-app .reflection { margin-top:29px; padding:23px; background:#e6dbcc; border-radius:10px; }
#motivation-app .reflection > p:nth-child(2) { font-family:Georgia,serif; font-size:22px; line-height:1.45; margin:10px 0 14px; }
#motivation-app .reflection span { font-size:11px; line-height:1.6; color:var(--paper-muted); }
#motivation-app .reading-source { margin-top:30px; padding-top:22px; border-top:1px solid #c8b7a3; font-size:13px; line-height:1.8; color:#584b3e; }
#motivation-app .reading-source h2 { color:var(--paper-ink); font-size:14px; margin:0 0 9px; }
#motivation-app .reading-source p { margin:0 0 12px; }
#motivation-app .read-next { max-width:600px; margin:37px auto; }
#motivation-app .read-next h2 { font-size:27px; letter-spacing:-.5px; margin:10px 0 12px; font-weight:550; }
#motivation-app .read-next > p:not(.eyebrow) { font-size:15px; color:var(--muted); line-height:1.75; margin:0 0 23px; }
#motivation-app .related-reading { max-width:600px; margin:auto; border-top:1px solid var(--line); padding-top:25px; }
#motivation-app .related-reading .article-card { margin:15px 0; }

@media(max-width:1000px) {
  #motivation-app .intro { gap:34px; }
  #motivation-app .situation-icon { display:none; }
  #motivation-app .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #motivation-app .feature-body h2 { font-size:39px; }
}
@media(max-width:700px) {
  #motivation-app .layout { padding-left:20px; padding-right:20px; }
  #motivation-app .header-inner { padding:10px 20px; gap:12px; }
  #motivation-app .wordmark { font-size:23px; }
  #motivation-app .nav-link { display:none; }
  #motivation-app .header-inner nav { gap:0; }
  #motivation-app .saved-nav { font-size:13px; gap:6px; }
  #motivation-app .saved-nav svg { width:18px; height:18px; }
  #motivation-app .intro { display:block; padding-top:27px; padding-bottom:32px; }
  #motivation-app .eyebrow { font-size:8px; letter-spacing:1.2px; }
  #motivation-app h1 { font-size:49px; letter-spacing:-2px; line-height:1.03; margin:14px 0 15px; }
  #motivation-app .hero-description { font-size:14px; line-height:1.65; margin-bottom:23px; }
  #motivation-app .desktop-break { display:none; }
  #motivation-app .choose-heading h2 { font-size:14px; margin-bottom:11px; }
  #motivation-app .situations { gap:9px; }
  #motivation-app .situation { gap:7px; min-height:87px; padding:13px 11px; }
  #motivation-app .situation strong { font-size:13px; }
  #motivation-app .situation small { font-size:11px; }
  #motivation-app .situation .row-arrow { width:13px; height:13px; }
  #motivation-app .return-section { padding-top:18px; }
  #motivation-app .return-card { display:block; padding:19px; }
  #motivation-app .return-copy p:last-child { font-size:16px; }
  #motivation-app .return-actions { margin-top:14px; justify-content:space-between; }
  #motivation-app .return-actions button { font-size:12px; }
  #motivation-app .featured { margin-top:29px; padding:24px; border-radius:16px; }
  #motivation-app .feature-body { padding:26px 0 22px; }
  #motivation-app .feature-body h2 { font-size:35px; letter-spacing:-.8px; margin-bottom:18px; }
  #motivation-app .feature-top .eyebrow { font-size:8px; letter-spacing:.9px; }
  #motivation-app #thought-note { font-size:14px; }
  #motivation-app .feature-bottom { font-size:9px; }
  #motivation-app .keep-thought { font-size:12px; padding:8px 10px; }
  #motivation-app .library { padding-top:30px; }
  #motivation-app .section-heading { display:block; margin-bottom:23px; }
  #motivation-app .section-heading h2 { font-size:30px; letter-spacing:-.8px; margin-top:10px; }
  #motivation-app .section-heading > p { margin-top:14px; font-size:13px; }
  #motivation-app .filter-row { gap:6px; }
  #motivation-app .filter-row button { padding:9px 12px; font-size:12px; }
  #motivation-app .article-grid { grid-template-columns:1fr; gap:12px; }
  #motivation-app .article-card { padding:22px; }
  #motivation-app .article-art { margin-bottom:13px; font-size:9px; }
  #motivation-app .article-copy h3 { font-size:25px; margin-bottom:10px; }
  #motivation-app .article-copy p { font-size:13px; margin-bottom:19px; }
  #motivation-app .closing { display:block; padding-top:30px; padding-bottom:30px; }
  #motivation-app .closing p { font-size:24px; }
  #motivation-app .closing a { margin-top:20px; justify-content:space-between; }
  #motivation-app .product-footer { font-size:11px; gap:14px; }
  #motivation-app dialog { width:calc(100% - 24px); border-radius:17px; }
  #motivation-app .dialog-top { padding:12px 13px 8px 22px; }
  #motivation-app .dialog-top .eyebrow { font-size:9px; }
  #motivation-app #dialog-content { padding:9px 22px 24px; }
  #motivation-app .dialog-title { font-size:28px; }
  #motivation-app .encouragement { font-size:31px; }
  #motivation-app .dialog-copy { font-size:14px; }
  #motivation-app .action-summary { font-size:18px; }
  #motivation-app .saved-item-actions { gap:4px 15px; }
  #motivation-app .saved-item-actions button { font-size:12px; }
  #motivation-app #main.reading-layout { padding:20px 20px 30px!important; }
  #motivation-app .reading-paper { padding:29px 23px; border-radius:14px; }
  #motivation-app .reading-paper h1 { font-size:35px; letter-spacing:-.7px; }
  #motivation-app .reading-body { font-size:16px; line-height:1.85; }
  #motivation-app .reading-body :is(h2,h3) { font-size:19px; }
  #motivation-app .reading-takeaway { font-size:16px; padding-left:15px; }
  #motivation-app .reflection { padding:20px; }
  #motivation-app .reflection > p:nth-child(2) { font-size:20px; }
}
@media(max-width:360px) {
  #motivation-app .header-inner { padding-left:16px; padding-right:16px; }
  #motivation-app .wordmark { font-size:21px; }
  #motivation-app .saved-nav { font-size:12px; }
  #motivation-app .situation { padding:12px 9px; }
  #motivation-app .situation strong { font-size:12px; }
  #motivation-app .situation small { font-size:10px; }
  #motivation-app .situation .row-arrow { display:none; }
  #motivation-app .featured { padding:21px; }
  #motivation-app .feature-body h2 { font-size:32px; }
  #motivation-app .article-copy h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  #motivation-app *,#motivation-app *::before,#motivation-app *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

/* Saving uses the shared portfolio Plan controller and its states. */
#motivation-app .feature-bottom { display:block; }
#motivation-app .feature-bottom > span { display:block; margin-bottom:12px; }
#motivation-app .studplan-add { margin:0; font-size:13px; }
#motivation-app .studplan-add__button { font-size:13px; }
#motivation-app .studplan-add a { text-decoration:underline; text-underline-offset:3px; }
#motivation-app .reading-plan { margin:0 0 30px; }
#motivation-app .guide-plan { margin-top:24px; padding-top:21px; border-top:1px solid var(--line); }
#motivation-app .guide-plan h3 { font-size:16px; margin:0 0 8px; }
#motivation-app .guide-plan > p { font-size:14px; color:var(--muted); margin:0 0 17px; }
#motivation-app .step-ideas { list-style:none; padding:0; margin:24px 0; display:grid; gap:10px; }
#motivation-app .step-ideas li { padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:var(--raised); font-size:15px; }
#motivation-app :is(.featured,.reading-paper) .studplan-add__saved { color:#244e3c; }
#motivation-app :is(.featured,.reading-paper) :focus-visible { outline-color:#77502d; }