/* Shared presentation for content emitted by assets/includes/guide_markup.php. */
.guide-content--markup-preview .scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 30px}.guide-content--markup-preview .scenario-card{padding:20px;background:#eee8da;border:1px solid rgba(62,53,42,.16)}.guide-content--markup-preview .scenario-card>span{display:block;margin-bottom:10px;color:#9b3d2f;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.guide-content--markup-preview .scenario-card p{margin:0}.guide-content--markup-preview .guide-divider{position:relative;margin:54px 0 34px;text-align:center}.guide-content--markup-preview .guide-divider::before{position:absolute;top:50%;right:0;left:0;height:2px;background:#344338;content:""}.guide-content--markup-preview .guide-divider span{position:relative;display:inline-block;padding:8px 16px;background:#f6f0e3;color:#344338;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.guide-content--markup-preview .guide-witticism{width:min(680px,88%);margin:34px auto;padding:24px 28px;background:#e7e7d8;border:1px solid rgba(52,67,56,.22);box-shadow:0 8px 22px rgba(37,43,38,.08);text-align:center}.guide-content--markup-preview .guide-witticism__tag{display:block;margin-bottom:9px;color:#9b3d2f;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.guide-content--markup-preview .guide-witticism p{margin:0;color:#344338;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;font-style:italic;line-height:1.65}
.guide-content--markup-preview .guide-table-wrap{width:100%;max-width:100%;margin:24px 0;overflow-x:auto}.guide-content--markup-preview .guide-table{width:100%;min-width:620px;border-collapse:collapse;table-layout:auto;background:#eee8da}.guide-content--markup-preview .guide-table th,.guide-content--markup-preview .guide-table td{padding:13px 18px;border:1px solid rgba(62,53,42,.16);text-align:left;vertical-align:top}.guide-content--markup-preview .guide-table th{background:#344338;color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.guide-content--markup-preview .guide-image{width:100%;margin:24px 0}.guide-content--markup-preview .guide-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:rgba(52,67,56,.06)}.guide-content--markup-preview .guide-image figcaption{padding:9px 4px 0;color:#676458;font-size:.8rem;line-height:1.5}.guide-content--markup-preview .guide-image--small{max-width:320px}.guide-content--markup-preview .guide-image--medium{max-width:560px}.guide-content--markup-preview .guide-image--large{max-width:820px}.guide-content--markup-preview .guide-image--full{max-width:none}.guide-content--markup-preview .guide-image--left{margin-right:auto}.guide-content--markup-preview .guide-image--center{margin-right:auto;margin-left:auto}.guide-content--markup-preview .guide-image--right{margin-left:auto}.guide-content--markup-preview .guide-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.guide-content--markup-preview .guide-images .guide-image{width:auto;max-width:none;margin:0}.guide-content--markup-preview .guide-images .guide-image img{width:100%;max-height:360px}
.guide-content--markup-preview .guide-steps{counter-reset:guide-step;list-style:none;padding:0}.guide-content--markup-preview .guide-steps li{position:relative;min-height:42px;margin:14px 0;padding:8px 0 8px 52px;counter-increment:guide-step}.guide-content--markup-preview .guide-steps li::before{position:absolute;top:2px;left:0;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#344338;color:#fff;font-weight:900;content:counter(guide-step)}
.guide-content--markup-preview .guide-source--markup{display:block;width:100%;grid-template-columns:none;margin:42px 0 0;padding:20px 0 0;border-top:2px solid #344338}.guide-content--markup-preview .guide-source--markup>div{display:block;width:100%;max-width:none}.guide-content--markup-preview .guide-source--markup strong{display:block;margin-bottom:8px;font-family:Georgia,'Times New Roman',serif;font-size:1.15rem}.guide-content--markup-preview .guide-source--markup p{margin:6px 0}.guide-content--markup-preview .guide-source--markup p:last-child{margin-bottom:0}
@media(max-width:950px){.guide-content--markup-preview .guide-images{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.guide-content--markup-preview .scenario-grid,.guide-content--markup-preview .guide-images{grid-template-columns:1fr}.guide-content--markup-preview .guide-image--small,.guide-content--markup-preview .guide-image--medium,.guide-content--markup-preview .guide-image--large{max-width:100%}.guide-content--markup-preview .guide-table th,.guide-content--markup-preview .guide-table td{padding:11px 14px}}

/* Guide CMS 1.2: caution is intentionally distinct from note and warning. */
.guide-content--markup-preview .guide-callout--caution{background:#f3e7b7;border-left-color:#b88919}.guide-content--markup-preview .guide-callout--caution .guide-callout__tag{color:#7a5b0d}

/* Guide CMS 1.6: automatic heading anchors and author-selected table of contents. */
.guide-content--markup-preview h1[id],.guide-content--markup-preview h2[id],.guide-content--markup-preview h3[id]{scroll-margin-top:100px}
.guide-toc{margin:0 0 34px}.guide-toc__sheet{padding:22px 24px;background:#eee7d8;border:1px solid rgba(65,55,41,.2);box-shadow:0 8px 22px rgba(42,36,29,.1)}.guide-toc__label{margin:0 0 12px;color:#9b3d2f;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.guide-toc__list{display:grid;gap:0;margin:0;padding:0;list-style:none}.guide-toc__item{margin:0;padding:0;border-bottom:1px solid rgba(55,48,39,.13)}.guide-toc__item:last-child{border-bottom:0}.guide-toc__item a{display:block;padding:9px 4px;color:#2b302b;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-weight:700}.guide-toc__item a:hover{color:#8d382c}.guide-toc__item--sub a{padding-left:24px;font-size:.92em;font-weight:600}.guide-toc__item--sub a::before{margin-right:8px;color:#9b3d2f;content:"↳"}
.guide-markup-layout--side{display:grid;grid-template-columns:245px minmax(0,1fr);gap:38px;align-items:start}.guide-markup-layout--side>.guide-toc--side{position:sticky;top:94px;margin:0}.guide-markup-layout--side>.guide-toc--side .guide-toc__sheet{transform:rotate(-.35deg)}.guide-markup-body{min-width:0}
@media(max-width:900px){.guide-markup-layout--side{grid-template-columns:1fr;gap:28px}.guide-markup-layout--side>.guide-toc--side{position:static;margin:0}.guide-markup-layout--side>.guide-toc--side .guide-toc__sheet{transform:none}}

/* Guide CMS 1.6.1: preserve semantic TOC hierarchy and simplify admin side-TOC preview. */
.guide-toc__list{counter-reset:guide-toc-section}.guide-toc__item{counter-increment:guide-toc-section}.guide-toc__item>a::before{margin-right:.45em;content:counter(guide-toc-section) "."}.guide-toc__sublist{margin:0;padding:0 0 8px 28px;list-style:none}.guide-toc__subitem{margin:0;padding:0}.guide-toc__subitem a{display:block;padding:5px 4px;color:#2b302b;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:.92em;font-weight:600}.guide-toc__subitem a:hover{color:#8d382c}
.guide-editor-preview .guide-markup-layout--side{display:block}.guide-editor-preview .guide-markup-layout--side>.guide-toc--side{position:static;margin:0 0 34px}.guide-editor-preview .guide-markup-layout--side>.guide-toc--side .guide-toc__sheet{transform:none}.guide-editor-preview .guide-toc--side .guide-toc__label{font-size:0}.guide-editor-preview .guide-toc--side .guide-toc__label::after{font-size:.72rem;content:"Side Field Index"}


/* Guide CMS 1.6.2: make @toc side unmistakable in the constrained admin preview. */
.guide-editor-preview .guide-content--markup-preview .guide-markup-layout--side{display:block!important}
.guide-editor-preview .guide-content--markup-preview .guide-markup-layout--side>.guide-toc--side{position:static!important;margin:0 0 34px!important}
.guide-editor-preview .guide-content--markup-preview .guide-markup-layout--side>.guide-toc--side .guide-toc__sheet{position:relative;transform:none!important;border:2px solid rgba(155,61,47,.55);padding-top:52px}
.guide-editor-preview .guide-content--markup-preview .guide-toc--side .guide-toc__label{display:none}
.guide-editor-preview .guide-content--markup-preview .guide-toc--side .guide-toc__sheet::before{position:absolute;top:18px;left:24px;color:#9b3d2f;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;content:"Side Field Index"}

/* Guide CMS 1.7: grouped settings cards. */
.guide-content--markup-preview .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 30px}.guide-content--markup-preview .setting-card{padding:20px;background:#eee8da;border:1px solid rgba(62,53,42,.16)}.guide-content--markup-preview .setting-card h3{margin:0 0 12px;color:#8d382c;font-size:1.18rem}.guide-content--markup-preview .setting-card dl{margin:0}.guide-content--markup-preview .setting-card dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;padding:8px 0;border-top:1px solid rgba(62,53,42,.11)}.guide-content--markup-preview .setting-card dt{font-weight:800}.guide-content--markup-preview .setting-card dd{margin:0;text-align:right;color:#5d5d52}@media(max-width:650px){.guide-content--markup-preview .settings-grid{grid-template-columns:1fr}.guide-content--markup-preview .setting-card dl div{grid-template-columns:1fr}.guide-content--markup-preview .setting-card dd{text-align:left}}

/* Guide CMS 1.8: @callout preview parity. */
.guide-content--markup-preview .guide-callout--custom{border-radius:12px;transform:none}.guide-content--markup-preview .guide-callout--custom .guide-callout__heading{margin:0 0 10px;color:inherit;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem}.guide-content--markup-preview .guide-callout--red{background:#f6dddd;border-color:#9b3434;color:#351111}.guide-content--markup-preview .guide-callout--orange{background:#f7e3cf;border-color:#9a4f12;color:#321807}.guide-content--markup-preview .guide-callout--yellow{background:#f5edc9;border-color:#806515;color:#292006}.guide-content--markup-preview .guide-callout--green{background:#dfead9;border-color:#426238;color:#14200f}.guide-content--markup-preview .guide-callout--blue{background:#dce9f2;border-color:#35627e;color:#10202a}.guide-content--markup-preview .guide-callout--purple{background:#e8dff0;border-color:#68477d;color:#211628}.guide-content--markup-preview .guide-callout--brown{background:#eadfd6;border-color:#76513a;color:#241812}.guide-content--markup-preview .guide-callout--black{background:#303331;border-color:#111312;color:#fff}.guide-content--markup-preview .guide-callout--black a,.guide-content--markup-preview .guide-callout--black .guide-callout__heading{color:#fff}
