/* Completed Markdown guides use the existing hero and three-column article layout. */
.completed-guide .guide-article-hero > div { min-width:0; }
.completed-guide .guide-article-layout { padding-top:28px; }
.completed-guide .guide-prose { color:var(--ink); font:17px/1.75 var(--sans); overflow-wrap:break-word; }
.completed-guide .guide-prose p { margin:0 0 20px; }
.completed-guide .guide-prose h2 { font:34px/1.18 var(--serif); margin:38px 0 16px; letter-spacing:-.5px; }
.completed-guide .guide-prose h3 { font:24px/1.25 var(--serif); margin:28px 0 12px; }
.completed-guide .guide-prose h4 { font:700 20px/1.4 var(--sans); margin:24px 0 12px; }
.completed-guide .guide-prose ul,.completed-guide .guide-prose ol { padding-left:24px; margin:0 0 20px; }
.completed-guide .guide-prose li { margin-bottom:8px; }
.completed-guide .article-related { padding-top:12px; }
@media(max-width:719px) {
  .completed-guide .guide-article-layout { padding-top:20px; }
  .completed-guide .guide-prose { font-size:16px; line-height:1.75; }
  .completed-guide .guide-prose h2 { font-size:28px; margin-top:32px; }
  .completed-guide .guide-prose h3 { font-size:22px; }
}

/* Editorial figures supplement the source text without replacing it. */
.completed-guide .guide-visual { margin:30px 0 36px; border:1px solid var(--ink); background:var(--paper); color:var(--ink); }
.completed-guide .guide-visual figcaption { padding:11px 18px; border-bottom:1px solid var(--ink); font:700 12px/1.5 var(--sans); letter-spacing:1px; text-transform:uppercase; }
.completed-guide .guide-visual p { margin:0; font:15px/1.65 var(--sans); color:var(--ink); }
.completed-guide .guide-visual .gv-footnote { padding:14px 20px; border-top:1px solid var(--ink); }
.completed-guide .gv-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:22px; background:var(--field-lavender); }
.completed-guide .gv-heading>strong,.completed-guide .gv-file-cover>strong,.completed-guide .gv-split strong,.completed-guide .gv-pause strong { display:block; font:34px/1.1 var(--serif); letter-spacing:-.5px; }
.completed-guide .gv-heading>span { font:80px/1 var(--serif); }
.completed-guide .gv-roles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; border-top:1px solid var(--ink); }
.completed-guide .gv-roles>div { padding:18px; }
.completed-guide .gv-roles>div+div { border-left:1px solid var(--ink); }
.completed-guide .gv-roles dt { font:700 14px/1.4 var(--sans); margin-bottom:8px; }
.completed-guide .gv-roles dd { margin:0; font:15px/1.6 var(--sans); }
.completed-guide .gv-file { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); }
.completed-guide .gv-file-cover { padding:22px; display:flex; flex-direction:column; gap:18px; background:var(--field-lavender); border-right:1px solid var(--ink); }
.completed-guide .gv-file-cover>span,.completed-guide .gv-label { font:700 11px/1.5 var(--sans); letter-spacing:1px; }
.completed-guide .gv-file-cover>b { font:48px/1 var(--sans); align-self:flex-end; margin-top:auto; }
.completed-guide .guide-visual .gv-checks { padding:6px 20px; margin:0; list-style:none; counter-reset:guide-check; }
.completed-guide .guide-visual .gv-checks li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:4px 10px; margin:0; padding:14px 0; counter-increment:guide-check; }
.completed-guide .gv-checks li+li { border-top:1px solid var(--line); }
.completed-guide .gv-checks li::before { content:counter(guide-check,decimal-leading-zero); grid-row:1/3; font:700 13px/1.5 var(--sans); color:var(--red-ink); }
.completed-guide .gv-checks strong { font:700 15px/1.5 var(--sans); }
.completed-guide .gv-checks span { grid-column:2; font:14px/1.6 var(--sans); }
.completed-guide .gv-panel-contrast { background:var(--field-vermilion); }
.completed-guide .gv-equation { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; padding:26px 22px; }
.completed-guide .gv-equation strong { font:34px/1.12 var(--serif); }
.completed-guide .gv-equation>span { font:60px/1 var(--serif); }
.completed-guide .gv-panel-contrast>p { border-top:1px solid var(--ink); padding:16px 22px; }
.completed-guide .gv-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.completed-guide .gv-split>div { padding:22px; background:var(--field-lavender-light); }
.completed-guide .gv-split>div+div { background:#fce3d8; border-left:1px solid var(--ink); }
.completed-guide .gv-split strong { margin:12px 0 16px; }
.completed-guide .gv-pause { display:grid; grid-template-columns:100px minmax(0,1fr); gap:24px; padding:26px; background:var(--field-lavender-light); align-items:start; }
.completed-guide .gv-stamp { display:grid; place-content:center; width:88px; height:88px; margin:5px; background:var(--field-vermilion); border:1px solid var(--ink); border-radius:50%; box-shadow:3px 3px 0 var(--ink); transform:rotate(-9deg); text-align:center; font:700 15px/1.3 var(--sans); }
.completed-guide .gv-pause p { margin-top:14px; }
@media(max-width:719px) {
 .completed-guide .guide-visual { margin:24px 0 30px; }
 .completed-guide .guide-visual figcaption { padding:10px 14px; font-size:11px; }
 .completed-guide .gv-heading { padding:18px; }
 .completed-guide .gv-heading>strong,.completed-guide .gv-file-cover>strong,.completed-guide .gv-split strong,.completed-guide .gv-pause strong,.completed-guide .gv-equation strong { font-size:28px; }
 .completed-guide .gv-heading>span { font-size:52px; }
 .completed-guide .gv-roles,.completed-guide .gv-file,.completed-guide .gv-split { grid-template-columns:1fr; }
 .completed-guide .gv-roles>div { padding:14px 18px; }
 .completed-guide .gv-roles>div+div,.completed-guide .gv-split>div+div { border-left:0; border-top:1px solid var(--ink); }
 .completed-guide .gv-file-cover { padding:18px; border-right:0; border-bottom:1px solid var(--ink); gap:12px; }
 .completed-guide .gv-file-cover>b { display:none; }
 .completed-guide .gv-split>div { padding:18px; }
 .completed-guide .gv-equation { grid-template-columns:1fr; gap:10px; padding:20px; }
 .completed-guide .gv-equation>span { font-size:40px; }
 .completed-guide .gv-pause { grid-template-columns:1fr; gap:20px; padding:20px; }
 .completed-guide .gv-stamp { width:66px; height:66px; font-size:12px; }
}
