/* =========================================================
   DOGOOD STORIES — GLOBAL DESIGN SYSTEM ENTRY
   Load this one stylesheet in production pages.
========================================================= */

@import url("./design-tokens.css");
@import url("./base.css");
@import url("./components.css");
@import url("./forms.css");
@import url("./utilities.css");

@import url("./header.css");

@import url("./homepage.css");
@import url("./footer.css");

@import url("./story.css");

@import url("./submission.css");
@import url("./legal.css");


/* =========================================================
   QA28 — NORMAL 100% BROWSER ZOOM ≈ PRIOR 88% WORKING VIEW
   ========================================================= */
section[id]{scroll-margin-top:96px}
.dg-home-library__grid>.dg-empty-state{grid-column:1/-1}
.dg-story-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}
.dg-story-gallery figure{display:flex;min-width:0;flex-direction:column;overflow:hidden}
.dg-story-gallery img{width:100%;height:clamp(260px,31vw,390px);min-height:0;object-fit:contain;background:#f8f6f0}
.dg-story-gallery figcaption{padding:.7rem .85rem;border-top:1px solid var(--dg-border);background:#fff;color:var(--dg-color-muted-700);font-size:.82rem;line-height:1.4}
@media(min-width:1100px){
  html{font-size:14px}
  section[id]{scroll-margin-top:88px}
  .dg-home-hero{min-height:510px}
  .dg-home-hero__grid{padding-block:2.7rem;gap:3rem}
  .dg-home-hero__media{min-height:360px}
  .dg-home-stats{padding-top:2.35rem}
  .dg-home-stat{min-height:112px;padding:1rem}
  .dg-home-finder{padding:1.05rem 0 1.15rem}
  .dg-home-featured,.dg-home-library,.dg-home-submit,.dg-home-faq{padding-block:2.55rem}
  .dg-home-section-head{margin-bottom:1.25rem}
  .dg-home-featured__main-media{min-height:245px;max-height:300px}
  .dg-home-featured__main-body{padding:1.1rem 1.25rem}
  .dg-home-featured__side-media{min-height:155px}
  .dg-home-story-card__media,.dg-home-story-card__media img,.dg-home-story-card__placeholder{min-height:190px}
  .dg-home-story-card__body{padding:.9rem}
  .dg-home-story-card__body h3{font-size:1.35rem}
  .dg-home-library__grid{gap:.85rem}
  .dg-empty-state{padding:1.5rem 1.8rem}
  .dg-home-library__grid>.dg-empty-state{min-height:135px;display:grid;place-items:center}
  .dg-story-head{padding:1.5rem 0 .85rem}
  .dg-story-head h1{font-size:clamp(1.95rem,2.7vw,2.8rem)}
  .dg-story-media-section{padding-bottom:1.9rem}
  .dg-story-primary-media{aspect-ratio:16/6.8;max-height:390px}
  .dg-story-narrative,.dg-story-quote,.dg-story-evidence,.dg-story-related{padding-block:2.15rem}
}
@media(max-width:900px){section[id]{scroll-margin-top:76px}}

.dg-story-explorer{margin-top:1.05rem;padding-top:1.2rem;border-top:1px solid var(--dg-border);scroll-margin-top:88px}
.dg-home-explorer-head{display:flex;align-items:end;justify-content:space-between;gap:1.4rem;margin:1rem 0 .9rem}
.dg-home-explorer-head h2{margin:.1em 0 0;font-size:clamp(1.75rem,2.45vw,2.45rem)}
.dg-story-explorer .dg-home-finder{margin-top:0;padding:0 0 1rem;border-top:0;border-bottom:1px solid var(--dg-border)}
.dg-story-explorer .dg-home-library__more{margin-top:1.05rem}
.dg-story-explorer .dg-home-library__no-results{margin:.7rem 0;padding:.9rem 1.1rem;min-height:0;border-style:solid;text-align:left}
@media(min-width:1100px){
  .dg-home-stats{padding-top:1.9rem;padding-bottom:2.35rem}.dg-home-stats__grid{margin-bottom:.7rem}.dg-home-stat{min-height:98px}
  .dg-home-stat strong{font-size:clamp(1.9rem,2.55vw,2.55rem)}.dg-home-stat small{margin-top:.45rem}
  .dg-story-explorer .dg-home-story-card__media,.dg-story-explorer .dg-home-story-card__media img,.dg-story-explorer .dg-home-story-card__placeholder{min-height:170px}
  .dg-story-explorer .dg-home-story-card__body{padding:.78rem}.dg-story-explorer .dg-home-story-card__body h3{font-size:1.24rem}
}
@media(max-width:680px){.dg-home-explorer-head{align-items:flex-start;flex-direction:column;gap:.4rem}.dg-story-explorer{scroll-margin-top:76px}}

/* QA32 — compact 3x3 story gallery */
.dg-reviews-hero{padding:2.2rem 0 1rem}
.dg-reviews-hero h1{margin:.15rem 0 .45rem;font-size:clamp(2.2rem,3.5vw,3.7rem)}
.dg-reviews-library{padding:1rem 0 3rem}
@media(min-width:900px){
  .dg-home-library__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
  .dg-home-story-card__media,.dg-home-story-card__media img,.dg-home-story-card__placeholder{
    min-height:0!important;height:132px!important;aspect-ratio:auto!important
  }
  .dg-home-story-card__media img{width:100%;object-fit:cover}
  .dg-home-story-card__body{padding:.68rem .75rem!important}
  .dg-home-story-card__top{margin-bottom:.38rem}
  .dg-home-story-card__body h3{font-size:1.05rem!important;line-height:1.22;margin:.3rem 0;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .dg-home-story-card blockquote{font-size:.82rem;line-height:1.35;margin:.35rem 0;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .dg-home-story-card__meta{font-size:.78rem;margin-top:.45rem}
  .dg-home-story-card__tags{gap:.35rem;margin-top:.45rem;white-space:nowrap;overflow:hidden}
  .dg-home-story-card__tags .dg-tag{font-size:.68rem;padding:.34rem .55rem}
  .dg-home-story-card__actions{margin-top:.55rem;padding-top:.55rem;font-size:.82rem}
  .dg-home-story-card__type{font-size:.65rem}
  .dg-home-story-card__top .dg-badge{font-size:.64rem;padding:.32rem .5rem}
}

/* QA33 — views + compact gallery crop behavior */
.dg-home-story-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem}
.dg-home-story-card__views{margin-left:auto;font-size:.72rem;color:var(--dg-color-muted-700)}
.dg-home-story-card__media img{object-fit:cover}
@media(min-width:900px){
  .dg-home-story-card__media,.dg-home-story-card__media img,.dg-home-story-card__placeholder{height:150px!important}
}

/* QA41 — Reviews trust context */
.dg-reviews-context-note{margin:-.15rem 0 1rem;padding:.75rem .9rem;border-left:3px solid var(--dg-color-gold-300);background:rgba(255,255,255,.56)}
.dg-reviews-context-note p{margin:0;font-size:.8rem;line-height:1.5;color:var(--dg-text-muted)}

.dg-reviews-context-note__reward{margin-top:.35rem!important;font-size:.74rem!important}
.dg-reviews-context-note__reward a{color:var(--dg-accent-premium);text-decoration:underline;text-underline-offset:.14em}


/* QA48 — simplified Story library after removing public counters */
.dg-home-stories{padding:2rem 0 3rem;background:var(--dg-brand-soft-gradient);border-bottom:1px solid var(--dg-border)}
.dg-home-stories .dg-story-explorer{margin-top:0}
@media(max-width:680px){.dg-home-stories{padding:1.3rem 0 2.4rem}}