/* Original photographs and comparison tables for the material selection guide. */
body[data-page=journal] .journal-material-hero{max-width:1000px;margin:0 auto 56px}
body[data-page=journal] .material-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
body[data-page=journal] .material-card{margin:0;min-width:0;background:var(--lavender)}
body[data-page=journal] .material-card img{display:block;width:100%;height:auto;aspect-ratio:1616/1080;object-fit:contain}
body[data-page=journal] .material-card figcaption{padding:14px 16px;font-size:.875rem;line-height:1.7}
body[data-page=journal] .material-card strong,body[data-page=journal] .material-card span{display:block}
body[data-page=journal] .material-card strong{color:var(--purple)}
body[data-page=journal] .journal-prose .article-photo{margin:32px 0 48px}
body[data-page=journal] .journal-prose .article-photo img{width:100%;height:auto;display:block}
body[data-page=journal] .journal-prose figcaption{font-size:.875rem;line-height:1.7;margin-top:12px}
body[data-page=journal] .journal-prose .inline-material-compare{margin:32px 0 48px}
body[data-page=journal] .journal-prose h2{margin-top:48px;scroll-margin-top:32px}
body[data-page=journal] .journal-prose blockquote{margin:28px 0;padding:20px 24px;border-left:2px solid var(--purple);background:var(--lavender)}
body[data-page=journal] .journal-prose table{width:100%;table-layout:fixed;border-collapse:collapse;margin:28px 0;font-size:.9375rem;line-height:1.8;overflow-wrap:anywhere}
body[data-page=journal] .journal-prose th,body[data-page=journal] .journal-prose td{padding:14px 12px;vertical-align:top;border-bottom:1px solid var(--line);text-align:left}
body[data-page=journal] .journal-prose th{background:var(--lavender);font-weight:500}
@media(max-width:600px){body[data-page=journal] .material-compare{gap:12px}body[data-page=journal] .material-card figcaption{padding:10px;font-size:.8125rem}body[data-page=journal] .journal-material-hero{margin-bottom:32px}body[data-page=journal] .journal-prose .inline-material-compare{grid-template-columns:1fr}body[data-page=journal] .journal-prose th,body[data-page=journal] .journal-prose td{padding:10px 8px;font-size:.8125rem}}

/* Visual reading aids for the hotel and wedding guides. */
body[data-page=journal] .journal-visual-map{margin:36px 0 52px;padding:28px;background:#f0e8ef;border:1px solid #e5d8e6}
body[data-page=journal] .journal-visual-map .visual-map-title{margin:0 0 22px;color:#713d7c;font-family:Georgia,'Songti SC',serif;font-size:1.3rem;line-height:1.45}
body[data-page=journal] .journal-visual-map .visual-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
body[data-page=journal] .journal-visual-map li{margin:0;padding:17px;background:#faf8f6;border-left:2px solid #a879ad;min-width:0}
body[data-page=journal] .journal-visual-map strong,body[data-page=journal] .journal-visual-map span{display:block}
body[data-page=journal] .journal-visual-map strong{font-size:.95rem;color:#63396d;line-height:1.5}
body[data-page=journal] .journal-visual-map span{margin-top:6px;font-size:.875rem;line-height:1.7}
@media(max-width:480px){body[data-page=journal] .journal-visual-map{padding:20px 16px}body[data-page=journal] .journal-visual-map .visual-map-grid{grid-template-columns:1fr}body[data-page=journal] .journal-visual-map li{padding:13px 15px}}

/* Branching and sequential diagrams in Journal articles. */
body[data-page=journal] .journal-diagram{margin:24px 0 40px;padding:26px;background:#f3edf2;border:1px solid #e3d7e2}
body[data-page=journal] .journal-diagram__title{margin:0 0 20px;color:#673873;font-size:1.18rem;line-height:1.5;font-family:Georgia,'Songti SC',serif}
body[data-page=journal] .journal-diagram__root{display:table;margin:0 auto;padding:9px 20px;background:#6d3e76;color:#fff;text-align:center;line-height:1.5}
body[data-page=journal] .journal-diagram__list{margin:0;padding:0;list-style:none}
body[data-page=journal] .journal-diagram--tree .journal-diagram__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;padding-top:24px}
body[data-page=journal] .journal-diagram--tree .journal-diagram__list:before{content:'';position:absolute;top:0;left:50%;width:1px;height:14px;background:#9a76a0}
body[data-page=journal] .journal-diagram--tree li{position:relative;padding:14px;background:#faf8f5;border-top:1px solid #a989af}
body[data-page=journal] .journal-diagram--tree li:before{content:'';position:absolute;top:-11px;left:50%;height:10px;border-left:1px solid #a989af}
body[data-page=journal] .journal-diagram--flow .journal-diagram__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;counter-reset:steps}
body[data-page=journal] .journal-diagram--flow li{counter-increment:steps;position:relative;padding:12px 0 16px 38px;border-bottom:1px solid #dfd2df}
body[data-page=journal] .journal-diagram--flow li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:12px;color:#84548c;font-size:.8rem;font-variant-numeric:tabular-nums}
body[data-page=journal] .journal-diagram strong,body[data-page=journal] .journal-diagram li span{display:block;line-height:1.6}
body[data-page=journal] .journal-diagram strong{color:#503056;font-size:.95rem}
body[data-page=journal] .journal-diagram li span{margin-top:5px;font-size:.875rem;color:#4a414a}
@media(max-width:600px){body[data-page=journal] .journal-diagram{padding:20px}body[data-page=journal] .journal-diagram--tree .journal-diagram__list{grid-template-columns:1fr;gap:8px;margin-left:18px;padding:15px 0 0 15px;border-left:1px solid #a989af}body[data-page=journal] .journal-diagram--tree .journal-diagram__list:before{display:none}body[data-page=journal] .journal-diagram--tree li:before{top:23px;left:-16px;width:15px;height:0;border:0;border-top:1px solid #a989af}body[data-page=journal] .journal-diagram--flow .journal-diagram__list{grid-template-columns:1fr}}