/* Dad Said… Stage 2: shared, quieter shell for supporting pages */

/* Main navigation mirrors the simplified homepage */
header .stage2-nav {
  min-height: 58px;
  padding: 7px 9px 7px 14px;
  gap: 12px;
}
header .stage2-nav .brand { gap: 10px; }
header .stage2-nav .brand strong { font-size: 26px; }
header .stage2-nav .brand-dots { color: var(--accent); }
header .stage2-nav .stage2-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}
header .stage2-nav .stage2-links a {
  padding: 7px 12px;
  border-radius: 99px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease;
}
header .stage2-nav .stage2-links a:hover,
header .stage2-nav .stage2-links a[aria-current="page"] {
  background: var(--ink);
  color: var(--bg);
}
.stage2-tools { display:flex; align-items:center; gap:7px; flex:none; }
.stage2-share {
  display:inline-flex; align-items:center; justify-content:center;
  padding:8px 14px; border:1px solid var(--ink); border-radius:99px;
  background:var(--sun); color:#16130e; font-size:13px; font-weight:750;
  text-decoration:none; white-space:nowrap; transition:transform .15s ease, background .15s ease;
}
.stage2-share:hover { transform:translateY(-2px); background:#ffd45d; }
.stage2-theme {
  width:36px; height:36px; display:grid; place-items:center; padding:0;
  border:1px solid var(--line); border-radius:50%; background:var(--surface);
  color:var(--ink); font-size:16px; cursor:pointer;
}
.stage2-theme:hover { border-color:var(--ink); }

/* Consistent interior page rhythm */
main.stage2-main { padding-top: 2px; }
.stage2-main > section { margin-top: 28px; }
.stage2-main > section:first-child { margin-top: 12px; }
.stage2-main .finder {
  margin-top: 0;
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(45, 33, 16, .045);
}
.stage2-main .finder h1 { max-width: 14ch; }
.stage2-main .finder .sub { max-width: 680px; }
.stage2-main .seotext { margin-top: 34px; }
.stage2-main .quotes { gap: 14px; }
.stage2-main .quote { border-radius: 20px; }
.stage2-main .quote blockquote { font-size: clamp(25px, 2.4vw, 32px); }
.stage2-main .quote:hover { transform: translateY(-3px); }
.stage2-main .catlinks { font-size: 15px; }
.stage2-main .btn { text-decoration: none; }

/* Subtle category navigation links */
.stage2-main .catlinks a:not(.btn) {
  display: inline-block;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.stage2-main .catlinks a:not(.btn):hover { color: var(--accent); }

/* A quieter, useful footer: essentials first, extras second */
footer.stage2-footer {
  margin-top: 54px;
  padding: 38px 22px 24px;
  border-radius: 30px 30px 0 0;
  background: #1b211b;
  color: #f7f0e3;
}
.stage2-footer-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) minmax(170px, .8fr) minmax(190px, .9fr);
  gap: 34px;
}
.stage2-footer-brand strong {
  display: block;
  font: 400 36px/1 var(--serif);
  letter-spacing: -.02em;
}
.stage2-footer-brand strong span { color: #ff815f; }
.stage2-footer-brand p {
  max-width: 290px;
  margin: 10px 0 0;
  color: #c6c0b3;
  font-size: 15px;
  line-height: 1.55;
}
.stage2-footer h2 {
  margin: 2px 0 12px;
  color: #e7d9c1;
  font: 700 10px/1.2 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.stage2-footer-links { display:grid; gap:7px; }
.stage2-footer a {
  width: fit-content;
  color: #e6dfd1;
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
  text-underline-offset: 3px;
}
.stage2-footer a:hover { color: #ffd36a; text-decoration: underline; }
.stage2-footer-bottom {
  width: min(1180px, 100%);
  margin: 28px auto 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.16);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px 22px;
  flex-wrap:wrap;
  color:#aaa596;
  font-size:12px;
}
.stage2-footer-bottom p { margin:0; }
.stage2-footer-bottom a { color:#d8d0c1; font-size:12px; }

@media (max-width: 900px) {
  header .stage2-nav { border-radius: 26px; flex-wrap: wrap; }
  header .stage2-nav .stage2-links { order: 3; flex: 1 0 100%; justify-content:flex-start; overflow-x:auto; padding:2px 0 3px; }
  header .stage2-nav .stage2-links a { padding:7px 11px; }
  .stage2-tools { margin-left:auto; }
}
@media (max-width: 680px) {
  .stage2-footer-inner { grid-template-columns:1fr 1fr; gap:24px 20px; }
  .stage2-footer-brand { grid-column:1/-1; }
  .stage2-main .finder { border-radius:22px; }
  .stage2-main .finder h1 { font-size:clamp(43px, 12vw, 66px); }
}
@media (max-width: 430px) {
  .stage2-share { padding:8px 11px; font-size:12px; }
  header .stage2-nav .brand strong { font-size:23px; }
  .stage2-footer-inner { grid-template-columns:1fr; }
  .stage2-footer-brand { grid-column:auto; }
}
.stage2-footer-note {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  color: #aaa596;
  font-size: 12px;
  line-height: 1.5;
}
.stage2-footer-note a { color: #e6dfd1; font-size: 12px; }


/* Monetisation additions: keep gift ideas visible without overwhelming the editorial identity. */
header .nav nav a.gift-nav-link,
header .stage2-nav .stage2-links a.gift-nav-link {
  color: #362711;
  background: #f4d58a;
  font-weight: 800;
}
header .nav nav a.gift-nav-link:hover,
header .stage2-nav .stage2-links a.gift-nav-link:hover,
header .stage2-nav .stage2-links a.gift-nav-link[aria-current="page"] {
  color: #20180d;
  background: #ffd66e;
}
.gift-pick { padding-top: 30px; padding-bottom: 20px; }
.gift-pick-card {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr);
  align-items: center; gap: 24px; overflow: hidden;
  padding: clamp(24px, 4vw, 42px); border: 1px solid #d8c8a9; border-radius: 26px;
  background: #f1e7d4; color: #302719;
}
.gift-pick-copy h2 { margin: 7px 0 10px; font: 400 clamp(38px, 5vw, 58px)/.98 var(--serif); letter-spacing: -.025em; }
.gift-pick-copy h2 em { color: #a66b2e; }
.gift-pick-copy p { max-width: 560px; color: #665944; font-size: 15px; line-height: 1.55; }
.gift-pick-copy .gift-pick-lead { color: #302719; font: italic 25px/1.15 var(--serif); margin: 0 0 8px; }
.gift-pick-link { display: inline-flex; align-items:center; gap: 20px; margin-top: 8px; padding: 11px 16px; border: 1px solid #302719; border-radius: 99px; background: #302719; color: #fff8ea; font-size: 14px; font-weight: 750; text-decoration: none; }
.gift-pick-link:hover { transform: translateY(-2px); background: #a66b2e; border-color: #a66b2e; }
.gift-pick-link span { font-size: 20px; }
.gift-pick-copy small { display: block; margin-top: 12px; color: #756a58; font-size: 11px; }
.gift-pick-art { position: relative; display: grid; place-items: center; min-height: 230px; border-radius: 22px; background: #e5d5b9; }
.gift-pick-mug { position: relative; z-index: 1; width: 164px; height: 150px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; border: 5px solid #d6d0c3; border-radius: 12px 12px 34px 34px; background: linear-gradient(135deg,#fffdf7,#e8e2d5); box-shadow: 9px 13px 0 #b9a88a, 0 18px 28px #53412726; transform: rotate(-5deg); color:#355044; }
.gift-pick-mug:after { content:""; position:absolute; width:48px; height:66px; right:-52px; top:31px; border:11px solid #e9e2d5; border-left:0; border-radius:0 24px 24px 0; }
.gift-pick-mug span { font: 700 10px/1 var(--mono); letter-spacing:.13em; }
.gift-pick-mug b { font: 400 31px/.9 var(--serif); text-align:center; }
.gift-pick-steam { position:absolute; top:27px; width:13px; height:34px; border-left:2px solid #9b876b; border-radius:50%; transform:rotate(15deg); opacity:.65; }
.steam-one { margin-left:-22px; }.steam-two { margin-left:25px; top:18px; height:28px; }
.gift-pick-art-note { position:absolute; bottom:15px; right:18px; color:#8d7959; font:9px var(--mono); letter-spacing:.14em; }
/* Ad containers stay completely hidden until an AdSense publisher ID and ad-unit IDs are configured. */
.ad-wrap { width:min(1000px, calc(100% - 40px)); margin:24px auto 30px; }
.ad-wrap[hidden] { display:none !important; }
.ad-label { margin-bottom:6px; color:var(--muted); text-align:center; font:10px var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.paid-link-label { font-size: .78em; font-weight: 600; }
@media (max-width:700px) {
  .gift-pick { padding-top:18px; }
  .gift-pick-card { grid-template-columns:1fr; gap:14px; border-radius:22px; }
  .gift-pick-art { min-height:205px; }
}