/* ==========================================================================
   Daily Guidance — "subscribe to a daily philosophical teaching" feature.
   Lives on the Philosophical Guide page (dharma-guide.html), just below
   the disclaimer. Styled to match summary-mail.css's field/button language.
   ========================================================================== */

.dg-box{
  margin:22px 0;padding:20px 22px;border:1px solid rgba(190,111,34,.35);
  border-radius:14px;background:var(--paper);
}
.dg-box.is-subscribed{border-color:rgba(47,93,90,.4)}
.dg-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.dg-head svg{width:18px;height:18px;flex:none;color:var(--saffron-deep)}
.dg-head h2{
  font-family:var(--display);font-size:1.25rem;margin:0;color:var(--ink);
}
.dg-lede{font-size:.92rem;line-height:1.6;color:#4d4a45;margin:0 0 14px;max-width:62ch}

.dg-form{display:flex;gap:10px;flex-wrap:wrap}
.dg-form input[type="email"]{
  flex:1;min-width:220px;box-sizing:border-box;font-family:var(--ui);font-size:.95rem;
  padding:11px 13px;border:1px solid var(--line);border-radius:8px;
  background:#fff;color:var(--ink);
}
.dg-form input[type="email"]:focus{outline:2px solid var(--saffron);outline-offset:1px}
.dg-send{
  font-family:var(--ui);font-weight:600;font-size:.92rem;
  background:var(--saffron);color:var(--ink);border:1px solid var(--saffron);
  border-radius:8px;padding:0 22px;cursor:pointer;white-space:nowrap;
}
.dg-send:hover{background:#f0a24f}
.dg-send:disabled{opacity:.6;cursor:default}

.dg-status{
  font-family:var(--ui);font-size:.85rem;color:var(--teal);min-height:1.2em;
  margin-top:10px;
}
.dg-status.is-error{color:var(--sindoor)}

.dg-note{
  font-family:var(--ui);font-size:.75rem;color:var(--ink-soft);opacity:.8;
  margin-top:12px;line-height:1.45;
}

@media(max-width:520px){
  .dg-form{display:block}
  .dg-form input[type="email"]{width:100%;margin-bottom:8px}
  .dg-send{width:100%;height:44px}
}