/* Editorial resource: uses the existing RénosVue design tokens in both themes. */
.photo-guide { background: var(--color-bg); }
.guide-breadcrumb { display:flex; gap:var(--space-3); padding-top:var(--space-8); font-size:var(--text-sm); color:var(--color-text-muted); }
.photo-guide a:not(.btn):not(.brand):not(.skip-link) { color:var(--color-primary); }
.guide-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); gap:var(--space-16); padding-top:var(--space-10); padding-bottom:var(--space-16); align-items:center; }
.guide-hero h1 { font-size:clamp(2rem,1.2rem + 2.5vw,3.5rem); line-height:1.06; letter-spacing:-.035em; max-width:19ch; margin-block:var(--space-4) var(--space-6); }
.guide-title-sub { display:block; font-size:var(--text-lg); line-height:1.4; letter-spacing:0; color:var(--color-text-muted); font-family:var(--font-body); margin-top:var(--space-4); font-weight:500; }
.guide-hero p:not(.eyebrow) { max-width:62ch; }
.guide-hook { font-size:var(--text-lg); line-height:1.5; font-weight:500; margin-bottom:var(--space-4); }
.guide-actions { display:flex; align-items:center; gap:var(--space-6); flex-wrap:wrap; margin-top:var(--space-8); }
.guide-demo-link { display:inline-flex; align-items:center; gap:var(--space-2); min-height:44px; text-underline-offset:.22em; font-weight:700; }
.guide-note { font-size:var(--text-sm); color:var(--color-text-muted); margin-top:var(--space-4); }
.report-preview { background:var(--color-surface-2); padding:var(--space-8); border:1px solid var(--color-divider); box-shadow:var(--shadow-lg); border-radius:var(--radius-sm); }
.report-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--space-4); font-size:var(--text-xs); padding-bottom:var(--space-6); border-bottom:1px solid var(--color-divider); }
.report-heading span:first-child { font-size:var(--text-lg); font-family:var(--font-display); font-weight:700; color:var(--color-primary); }
.report-label { font-size:var(--text-xs); color:var(--color-text-muted); letter-spacing:.1em; margin-top:var(--space-8); }
.report-preview h2 { font-size:var(--text-xl); line-height:1.12; margin-block:var(--space-3) var(--space-6); }
.report-preview dl { margin:0; }
.report-preview dl>div { display:grid; grid-template-columns:5rem 1fr; gap:var(--space-3); padding-block:var(--space-3); border-bottom:1px solid var(--color-divider); font-size:var(--text-sm); }
.report-preview dt { color:var(--color-text-muted); }
.report-preview dd { margin:0; }
.report-caption { font-size:var(--text-base); padding-block:var(--space-4); line-height:1.6; }
.report-foot { display:flex; justify-content:space-between; gap:var(--space-4); border-top:1px solid var(--color-divider); padding-top:var(--space-4); color:var(--color-text-muted); font-size:var(--text-xs); }
.guide-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--space-16); padding-bottom:var(--space-16); border-top:1px solid var(--color-divider); }
.guide-toc { align-self:start; position:sticky; top:calc(var(--header-h) + var(--space-8)); padding-top:var(--space-8); font-size:var(--text-sm); }
.guide-toc nav>p { font-weight:700; margin-bottom:var(--space-4); }
.guide-toc a { display:block; padding-block:var(--space-3); border-bottom:1px solid var(--color-divider); text-decoration:none; }
.guide-toc a:hover { text-decoration:underline; text-underline-offset:.2em; }
.guide-toc-note { margin-top:var(--space-8); color:var(--color-text-muted); line-height:1.6; }
.guide-article { min-width:0; max-width:76ch; }
.guide-section { padding-block:var(--space-10); border-bottom:1px solid var(--color-divider); scroll-margin-top:calc(var(--header-h) + var(--space-6)); }
.guide-section h2 { font-size:var(--text-xl); line-height:1.15; margin:0 0 var(--space-6); max-width:30ch; }
.guide-section h3 { font-family:var(--font-body); font-size:var(--text-lg); line-height:1.35; margin:var(--space-8) 0 var(--space-4); }
.guide-section p,.guide-section li { font-size:var(--text-base); line-height:1.75; overflow-wrap:break-word; }
.guide-section p { margin-block:0 var(--space-4); }
.guide-section ul { padding-left:var(--space-6); margin-block:var(--space-4) var(--space-6); }
.guide-section li { margin-bottom:var(--space-3); }
.model-tools { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-4); margin-block:var(--space-6); }
.model-tools button[hidden] { display:none; }
#copy-status { font-size:var(--text-sm); color:var(--color-text-muted); }
.model-sheet { padding:var(--space-8); background:var(--color-surface-2); border:1px solid var(--color-divider); box-shadow:var(--shadow-sm); border-radius:var(--radius-sm); }
.model-sheet h3:first-child { margin-top:0; }
.model-sheet h3 { padding-top:var(--space-4); border-top:1px solid var(--color-divider); }
.model-sheet h3:first-child { border-top:0; padding-top:0; }
#copy-fallback { margin-bottom:var(--space-6); }
#copy-fallback label { display:block; font-weight:700; margin-bottom:var(--space-3); }
#model-text { width:100%; min-height:240px; padding:var(--space-4); border:1px solid var(--color-border); border-radius:var(--radius-sm); color:var(--color-text); background:var(--color-surface); font:inherit; resize:vertical; }
.photo-caption { margin-block:var(--space-6); padding:var(--space-6); background:var(--color-surface-offset); border-radius:var(--radius-sm); }
.photo-caption h3 { margin-top:0; color:var(--color-primary); }
.photo-caption ul { margin-bottom:0; }
.guide-section details { padding-block:var(--space-5); border-bottom:1px solid var(--color-divider); }
.guide-section summary { font-weight:700; font-size:var(--text-base); min-height:44px; display:list-item; cursor:pointer; padding-right:var(--space-4); }
.guide-section details p { margin-top:var(--space-3); }
.guide-final { padding:var(--space-8); margin-top:var(--space-8); background:var(--color-primary-highlight); border:0; border-radius:var(--radius-lg); }
.guide-final .btn { margin-block:var(--space-4); }
@media(max-width:1050px) { .guide-hero { gap:var(--space-8); } .guide-layout { grid-template-columns:190px minmax(0,1fr); gap:var(--space-8); } }
@media(max-width:800px) {
  .guide-hero { grid-template-columns:1fr; padding-block:var(--space-8); }
  .guide-hero h1 { max-width:24ch; }
  .report-preview { max-width:600px; }
  .guide-layout { display:block; }
  .guide-toc { position:static; padding-block:var(--space-6); }
  .guide-toc nav { display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-6); }
  .guide-toc nav>p { width:100%; margin:0; }
  .guide-toc a { border:0; }
  .guide-toc-note { display:none; }
}
@media(max-width:480px) {
  .guide-hero h1 { font-size:var(--text-2xl); }
  .guide-hero { gap:var(--space-8); }
  .guide-breadcrumb { font-size:var(--text-xs); }
  .report-preview,.model-sheet,.guide-final { padding:var(--space-5); }
  .photo-caption { padding:var(--space-4); }
  .guide-actions { gap:var(--space-3); }
  .guide-section h2 { font-size:var(--text-xl); }
  .photo-guide .header-actions .btn { display:none; }
}
@media print { .site-header,.mobile-nav,.site-footer,.guide-toc,.model-tools,.guide-actions,#copy-fallback { display:none; } .guide-layout,.guide-hero { display:block; } .guide-section { break-inside:auto; } }