/* The Weekly Read — a warm, personal editorial space within First-Time Managers.
   Loaded in addition to css/style.css, only on Weekly Read pages (body.wr-page). */

body.wr-page{
  --bg:#FAF6F0; --bg2:#F2E9DC; --text:#2C2A27; --muted:#8C887E;
  --gold:#C3785B; --gold-deep:#A6613E;
}

/* ---- chrome overrides (nav / footer borders that are hardcoded for the dark theme) ---- */
body.wr-page .nav-drop-menu{ border-color:rgba(44,42,39,.12); }
body.wr-page .nav-drop-menu a:hover{ background:rgba(44,42,39,.05); }
body.wr-page .ask-badge{ border-color:rgba(44,42,39,.2); }
body.wr-page footer{ border-top-color:rgba(44,42,39,.1); }
body.wr-page nav{ border-bottom:1px solid rgba(44,42,39,.08); }
@media (max-width:900px){
  body.wr-page .navlinks{ border-top-color:rgba(44,42,39,.1); border-bottom-color:rgba(44,42,39,.1); }
  body.wr-page .navlinks a{ border-bottom-color:rgba(44,42,39,.07); }
  body.wr-page .nav-drop-trigger{ border-bottom-color:rgba(44,42,39,.07); }
  body.wr-page .nav-drop-menu{ background:rgba(44,42,39,.03); }
  body.wr-page .nav-drop-menu a{ border-bottom-color:rgba(44,42,39,.07); }
}
body.wr-page .navlinks a.wr-nav-active{ color:var(--text); border-bottom:1.5px solid var(--gold); }
@media (max-width:900px){ body.wr-page .navlinks a.wr-nav-active{ border-bottom:1px solid rgba(44,42,39,.07); } }

/* reused site components (.try-block, .move-detail) are built for the dark theme;
   give them a light-theme skin here rather than duplicating their structure */
body.wr-page .try-block{
  background:var(--bg2); border:1px solid rgba(44,42,39,.12); border-radius:14px;
}
body.wr-page .try-block p{ color:var(--text); }

/* ---- type ---- */
.wr-serif{ font-family:'Playfair Display',Georgia,serif; }
.wr-mono{ font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace; letter-spacing:.09em; text-transform:uppercase; }

/* ---- shared container ---- */
.wr-wrap{ max-width:620px; margin:0 auto; padding:0 24px; }

/* ---- hero / intro ---- */
.wr-hero{ padding:56px 0 44px; text-align:center; }
.wr-badge{
  display:inline-flex; align-items:center; gap:8px; background:var(--bg2);
  color:var(--gold-deep); font-size:11px; padding:8px 16px; border-radius:30px; margin-bottom:28px;
}
.wr-badge::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--gold); }
.wr-title{ font-size:40px; line-height:1.12; font-weight:600; color:var(--text); margin:0 0 20px; }
.wr-title em{ display:block; color:var(--gold); font-style:italic; font-weight:500; }
.wr-intro{ font-size:16px; line-height:1.75; color:var(--muted); max-width:460px; margin:0 auto 30px; }
.wr-byline{ display:inline-flex; align-items:center; gap:10px; font-size:13.5px; color:var(--muted); }
.wr-avatar{
  width:32px; height:32px; border-radius:50%; background:#E8C6B9; color:#8A4C34;
  display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700;
  font-family:'Playfair Display',Georgia,serif; flex-shrink:0;
}

/* ---- section divider ---- */
.wr-divider{ display:flex; align-items:center; gap:14px; margin:0 0 24px; }
.wr-divider span{ font-size:11px; color:var(--muted); white-space:nowrap; }
.wr-divider::after{ content:''; flex:1; height:1px; background:rgba(44,42,39,.12); }

/* ---- image slot (placeholder gradient until real photos are added) ---- */
.wr-image{
  position:relative; border-radius:18px; overflow:hidden; aspect-ratio:3/2;
  background:linear-gradient(135deg,#EAD9C9 0%,#DCB9A6 100%);
  margin-bottom:18px;
}
.wr-date-badge{
  position:absolute; top:14px; left:14px; background:rgba(250,246,240,.92);
  color:var(--text); font-size:10.5px; padding:7px 13px; border-radius:30px;
}
.wr-image img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ---- featured entry card ---- */
.wr-featured{ margin-bottom:56px; }
.wr-kicker{ font-size:11px; color:var(--muted); margin-bottom:10px; }
.wr-entry-title{ font-size:25px; line-height:1.3; font-weight:600; color:var(--text); margin:0 0 14px; }
.wr-entry-title a{ color:inherit; }
.wr-excerpt{ font-size:15.5px; line-height:1.75; color:var(--muted); margin:0 0 22px; }
.wr-btn{
  display:inline-block; background:var(--gold); color:#FAF6F0; font-size:11.5px;
  padding:14px 30px; border-radius:30px; font-weight:600;
}
.wr-btn:hover{ background:var(--gold-deep); }

/* ---- previous entries list ---- */
.wr-list{ margin-bottom:60px; }
.wr-list-item{ display:block; padding:22px 0; border-bottom:1px solid rgba(44,42,39,.1); }
.wr-list-item:last-child{ border-bottom:none; }
.wr-list-date{ font-size:10.5px; color:var(--muted); margin-bottom:8px; }
.wr-list-title{ font-size:19px; font-weight:600; color:var(--text); margin:0 0 8px; line-height:1.35; }
.wr-list-excerpt{ font-size:14px; line-height:1.65; color:var(--muted); margin:0; }
.wr-empty{ font-size:14px; color:var(--muted); padding:8px 0 40px; }

/* ---- single entry page ---- */
.wr-article-head{ padding:44px 0 8px; }
.wr-article-head .wr-list-date{ margin-bottom:14px; }
.wr-article-title{ font-size:32px; line-height:1.2; font-weight:600; color:var(--text); margin:0 0 22px; }
.wr-article-byline{ margin-bottom:34px; }
.wr-article-body{ font-size:16.5px; line-height:1.85; color:var(--text); padding-bottom:40px; }
.wr-article-body p{ margin:0 0 22px; }
.wr-article-body p.wr-lead{ font-size:18px; color:var(--text); }
.wr-article-body .wr-subhead{
  font-family:'Playfair Display',Georgia,serif; font-size:19px; font-weight:600;
  color:var(--text); margin:38px 0 16px;
}

/* ---- question & answer box ---- */
.wr-qa{
  background:#fff; border:1px solid rgba(44,42,39,.08); border-radius:18px;
  padding:34px 28px; margin:0 0 36px; box-shadow:0 1px 3px rgba(44,42,39,.05);
}
.wr-qa-label{ font-size:11px; color:var(--gold-deep); margin:0 0 14px; }
.wr-qa-question{
  font-family:'Playfair Display',Georgia,serif; font-weight:700; font-style:italic; font-size:21px;
  line-height:1.45; color:var(--text); margin:0 0 22px;
}
.wr-qa-question::before{ content:'\201C'; }
.wr-qa-question::after{ content:'\201D'; }
.wr-qa-divider{ height:3px; width:52px; background:var(--gold); margin:0 0 22px; border-radius:2px; }
.wr-qa-noticing{ font-size:15px; line-height:1.75; color:var(--muted); margin:0 0 26px; }
.wr-qa-answer-lead{ font-weight:700; font-size:16.5px; line-height:1.6; color:var(--gold-deep); margin:0 0 18px; }
.wr-qa-more{ font-size:15.5px; line-height:1.75; color:var(--text); margin:0 0 18px; }
.wr-qa-more:last-child{ margin-bottom:0; }
@media (min-width:720px){
  .wr-qa{ padding:42px 44px; }
  .wr-qa-question{ font-size:25px; }
}

/* ---- simple question lead-in (no card): label + bold upright question ---- */
.wr-q-label{ font-size:11px; color:var(--gold-deep); margin:0 0 14px; }
.wr-q-plain{
  font-family:'Playfair Display',Georgia,serif; font-weight:700; font-style:normal; font-size:23px;
  line-height:1.4; color:var(--text); margin:0 0 30px;
}
@media (min-width:720px){ .wr-q-plain{ font-size:27px; } }
.wr-article-body .move-detail{ margin-bottom:22px; }
.wr-article-body .try-block{ margin:20px 0 28px; }
.wr-article-body a{ color:var(--gold-deep); text-decoration:underline; text-decoration-color:rgba(166,97,62,.35); }
.wr-back{ display:inline-block; font-size:13px; color:var(--muted); margin:0 0 40px; }
.wr-back:hover{ color:var(--gold-deep); }
.wr-placeholder-note{
  background:var(--bg2); border:1px dashed rgba(44,42,39,.2); border-radius:10px;
  padding:16px 18px; font-size:13px; color:var(--muted); margin:0 0 34px;
}

/* ---- homepage teaser (lives on the dark site, not under body.wr-page) ---- */
.wr-teaser{
  margin:64px 56px 0; padding:40px 44px; border-radius:16px;
  background:linear-gradient(155deg,#FAF6F0 0%,#F2E3D5 100%);
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.wr-teaser-head{ font-size:11px; color:#A6613E; margin-bottom:10px; }
.wr-teaser h3{ font-size:26px; font-weight:600; color:#2C2A27; margin:0 0 10px; }
.wr-teaser h3 em{ font-style:italic; color:#C3785B; }
.wr-teaser p{ font-size:14.5px; line-height:1.6; color:#8C887E; max-width:440px; margin:0; }
.wr-teaser-link{
  display:inline-block; background:#C3785B; color:#FAF6F0; font-size:11.5px;
  padding:14px 28px; border-radius:30px; font-weight:600; letter-spacing:.09em;
  text-transform:uppercase; font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace; flex-shrink:0;
}
.wr-teaser-link:hover{ background:#A6613E; }
@media (max-width:900px){
  .wr-teaser{ margin:48px 20px 0; padding:32px 24px; flex-direction:column; align-items:flex-start; text-align:left; }
}

@media (min-width:720px){
  .wr-title{ font-size:52px; }
  .wr-hero{ padding:72px 0 56px; }
  .wr-entry-title{ font-size:28px; }
  .wr-article-title{ font-size:38px; }
}