/* =========================================================
   PromptDesign.my V2.3 — Simplified Portal Content Flow
   Front card: thumbnail + title + short description
   Public article: visual + full description
   Premium resource: visual + editable form + full prompt
   ========================================================= */

/* Cards: keep the visual as the focus and remove metadata clutter. */
.design-card{overflow:hidden}
.design-info{display:block}
.design-info h3{margin:0 0 7px}
.design-summary{
  margin:0;
  color:var(--pd-text-sub,#667085);
  font-size:12px;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:36px;
}
.home-design-grid .design-summary,.discovery-home-grid .design-summary{font-size:12px}

/* Public design article: one visual + one clear description. */
.pd-design-page{padding-bottom:56px}
.article-public{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  gap:36px;
  align-items:start;
  padding:16px 0 42px;
}
.article-public-visual{
  background:#fff;
  border:1px solid var(--pd-border,#e4e7ec);
  border-radius:22px;
  padding:16px;
  box-shadow:var(--pd-shadow-xs,0 4px 14px rgba(16,24,40,.05));
}
.article-public-visual img{
  display:block;
  width:100%;
  max-height:900px;
  object-fit:contain;
  border-radius:15px;
  background:#f5f9ff;
}
.article-public-copy{padding:24px 0 0}
.article-public-copy .eyebrow{color:var(--pd-primary,#1677ff)}
.article-public-copy h1{
  margin:11px 0 18px;
  color:var(--pd-dark,#0b1220);
  font-size:clamp(34px,4vw,56px);
  letter-spacing:-.05em;
  line-height:1.02;
}
.article-full-description{
  color:var(--pd-text-sub,#667085);
  font-size:17px;
  line-height:1.8;
  max-width:680px;
}
.article-premium-cta{margin-top:26px;display:inline-flex}

/* Premium article: the only tool surface shown on the design page. */
.premium-resource-section{border-top:1px solid var(--pd-border,#e4e7ec);padding-top:54px}
.simple-section-head{max-width:760px}
.premium-resource-grid{
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(300px,1fr) minmax(330px,1.08fr);
  gap:18px;
  align-items:start;
}
.premium-resource-grid>.panel{border-radius:18px;box-shadow:var(--pd-shadow-xs,0 4px 14px rgba(16,24,40,.05))}
.premium-preview-panel{padding:12px;overflow:hidden}
.premium-preview-panel>img{display:block;width:100%;border-radius:12px;background:#f5f9ff;object-fit:contain}
.premium-preview-caption{display:grid;gap:2px;padding:12px 4px 3px}
.premium-preview-caption strong{font-size:13px;color:var(--pd-dark,#0b1220);line-height:1.35}
.premium-preview-caption span{font-size:11px;color:var(--pd-text-light,#98a2b3)}
.premium-form-panel,.premium-prompt-panel{padding:20px}
.premium-form-panel h2,.premium-prompt-panel h2{margin:0 0 5px;font-size:23px;letter-spacing:-.035em}
.premium-resource-grid .field-grid{grid-template-columns:1fr}
.premium-resource-grid .field.full{grid-column:auto}
.premium-resource-grid .prompt-box{min-height:520px;max-height:720px;overflow:auto}
.premium-prompt-panel{position:sticky;top:102px}
.reference-privacy{font-size:11px;line-height:1.5;color:var(--pd-text-light,#98a2b3);background:#f8fafc;border:1px solid var(--pd-border,#e4e7ec);border-radius:10px;padding:10px 12px;margin-top:12px}
.simple-access-lock{max-width:850px;margin:0 auto}

/* Keep public copy editorial, not like a dashboard. */
.article-public-copy .tag-row,
.article-public-copy .article-actions,
.article-public-copy .design-collection-save{display:none!important}

@media(max-width:1100px){
  .premium-resource-grid{grid-template-columns:minmax(220px,.72fr) 1fr}
  .premium-prompt-panel{position:static;grid-column:1/-1}
  .premium-resource-grid .prompt-box{min-height:420px}
}

@media(max-width:860px){
  .article-public{grid-template-columns:1fr;gap:22px;padding-top:8px}
  .article-public-copy{padding-top:0}
  .article-public-copy h1{font-size:38px}
  .article-full-description{font-size:16px}
  .premium-resource-grid{grid-template-columns:1fr}
  .premium-prompt-panel{grid-column:auto}
  .premium-preview-panel{max-width:640px}
}

@media(max-width:640px){
  .pd-design-page{width:min(100% - 24px,1290px)}
  .article-public{padding-bottom:30px}
  .article-public-visual{padding:8px;border-radius:15px}
  .article-public-visual img{border-radius:10px}
  .article-public-copy h1{font-size:32px}
  .article-full-description{font-size:15px;line-height:1.72}
  .premium-resource-section{padding-top:38px}
  .premium-form-panel,.premium-prompt-panel{padding:16px}
  .premium-resource-grid .prompt-box{min-height:360px;max-height:none}
  .design-summary{-webkit-line-clamp:3;min-height:54px;font-size:11px}
}