/* Shared 7 Directions presentation. Version 2026-10-21. */
body { font-family: Arial, Helvetica, sans-serif; }
body.ns-0.action-view .mw-parser-output,
body.ns-4.action-view .mw-parser-output,
body.ns-14.action-view .mw-parser-output { font-size: 17px; line-height: 1.75; color: #263c38; }
.mw-parser-output .sd-page { max-width: 1040px; margin: 0 auto; }
.sd-page h2, .sd-page h3 { color: #214f47; line-height: 1.3; }
.sd-page p { margin: .8em 0 1em; }
.sd-kicker { color: #526a62; text-transform: uppercase; font-size: .76em; letter-spacing: .13em; font-weight: bold; }
.sd-hero { background: #f5f6ef; border-left: 5px solid #658a68; padding: 26px 30px; margin: 0 0 24px; border-radius: 0 12px 12px 0; }
.sd-hero h2 { margin-top: .2em; padding-top: 0; font-family: Georgia, serif; font-size: 1.9em; border: 0; }
.sd-lead { font-size: 1.12em; max-width: 48em; }
.sd-nav { display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 13px 0; margin: 0 0 22px; border-bottom: 1px solid #d9e0d8; }
.sd-nav a, .sd-card a { color: #175d52; }
.sd-nav a { font-weight: bold; text-decoration: underline; text-underline-offset: .2em; }
.sd-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 18px; margin: 22px 0; }
.sd-card { border: 1px solid #d9e0d8; border-radius: 12px; padding: 19px 22px; background: #fff; }
.sd-card h3 { margin: 0 0 .5em; padding: 0; font-family: Georgia, serif; font-size: 1.3em; }
.sd-card p { margin-bottom: 0; }
.sd-note { border-left: 4px solid #bd9d58; padding: 12px 18px; background: #fcfaf3; margin: 22px 0; }
.sd-cta { border-radius: 12px; padding: 20px 24px; background: #edf4ee; margin: 28px 0; }
.sd-cta a { font-weight: bold; }
.sd-figure { margin: 24px 0; text-align: center; }
.sd-figure img, .sd-page img { max-width: 100%; height: auto; }
.sd-figure .thumb, .sd-figure figure { float: none !important; margin: 0 auto; }
.sd-page table.wikitable { width: 100%; font-size: .94em; line-height: 1.6; }
.sd-page table.wikitable th { background: #edf2ec; text-align: left; }
.sd-page table.wikitable th, .sd-page table.wikitable td { padding: 12px 16px; vertical-align: top; }
.sd-page a:focus-visible, .sd-footer a:focus-visible { outline: 3px solid #9c742b; outline-offset: 4px; }
.sd-footer { clear: both; margin: 32px 0 12px; padding: 22px 0 8px; border-top: 1px solid #d4ded5; color: #46554f; font-size: 13px; line-height: 1.65; font-family: Arial, Helvetica, sans-serif; }
.sd-footer-identity { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; }
.sd-footer-identity img { width: 64px; height: 64px; flex: 0 0 64px; }
.sd-footer-notes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.sd-footer-notes p { margin: 0; }
.sd-footer a { color: #175d52; text-decoration: underline; }
.sd-footer-links { display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 6px 0; }
.sd-footer-directions { margin: 10px 0 16px; }
.sd-footer-directions summary { cursor: pointer; color: #214f47; font-weight: bold; padding: 5px 0; }
.sd-direction-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 24px; padding: 12px 0; }
.sd-route { border-top: 1px solid #d9e0d8; border-bottom: 1px solid #d9e0d8; padding: 10px 0; margin: 14px 0 24px; font-size: .88em; line-height: 1.8; }
@media (max-width: 680px) {
 body.skin-vector { display: flex; flex-direction: column; height: auto; min-height: 100vh; }
 body.skin-vector > * { flex-shrink: 0; }
 body.skin-vector #mw-navigation { order: -1; }
 body.skin-vector #mw-head { position: static; }
 body.skin-vector #mw-panel, body.skin-vector #mw-page-base, body.skin-vector #mw-head-base { display: none; }
 body.skin-vector #left-navigation, body.skin-vector #p-views, body.skin-vector #p-cactions { display: none; }
 body.skin-vector #right-navigation { float: none; margin: 0; padding: 0; }
 body.skin-vector #p-personal { position: static; padding: 8px 16px; }
 body.skin-vector #p-personal ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px 12px; }
 body.skin-vector #p-personal li { float: none; margin: 0; }
 body.skin-vector #p-search { float: none; width: auto; margin: 8px 16px; }
 body.skin-vector #searchform, body.skin-vector #simpleSearch { width: 100%; box-sizing: border-box; }
 body.skin-vector .mw-body { margin: 0 !important; min-width: 0; border-left: 0; padding: 16px; }
 body.skin-vector #firstHeading { font-size: 1.6em; line-height: 1.3; overflow-wrap: anywhere; }
 body.skin-vector #mw-data-after-content { margin: 0; padding: 0 16px; }
 body.skin-vector #footer { margin-left: 0; padding: 16px; }
 body.skin-vector .sd-page { width: auto; }
 .sd-hero { padding: 20px; }
 .sd-hero h2 { font-size: 1.6em; }
 .sd-card { padding: 18px; }
 .sd-footer-notes { grid-template-columns: 1fr; gap: 12px; }
 .sd-direction-links { grid-template-columns: 1fr; }
 .sd-nav { gap: 10px 18px; }
 .sd-page table.wikitable th, .sd-page table.wikitable td { padding: 8px; overflow-wrap: anywhere; }
}
@media print { .sd-footer { break-inside: avoid; font-size: 10pt; } .sd-footer-notes { display: block; } }

.sd-original-figure { margin: 26px auto; max-width: 100%; text-align: center; }
.sd-original-figure img { display: block; max-width: 100%; max-height: 650px; width: auto; height: auto; margin: 0 auto; object-fit: contain; background: #fff; }
.sd-original-figure figcaption { font-size: .78em; color: #53655d; line-height: 1.5; padding: 10px 0; }
.sd-original-figure figcaption span { font-weight: bold; }
.sd-art-pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); gap: 22px; align-items: center; }
.sd-art-pair .sd-original-figure { margin: 10px 0; }
.sd-language { padding: 10px 16px; border-radius: 8px; background: #edf4ee; font-size: .92em; margin: 12px 0 22px; }
.sd-language a { font-weight: bold; }
@media(max-width:680px) { .sd-art-pair { grid-template-columns: 1fr; } .sd-original-figure img { max-height: 520px; } }