/* Explorer 2.12 — City Journal: accessible editorial discovery, consistent with Explorer design. */
.x212-journal-hero{background:linear-gradient(115deg,#072a40,#144759);padding:105px 0 92px;color:#fff}
.x212-journal-hero .eyebrow{color:#e8bd63}
.x212-journal-hero h1{font-size:clamp(48px,6vw,84px);max-width:1000px;margin:23px 0}
.x212-journal-hero h1 em{color:var(--yellow)}
.x212-journal-hero p{max-width:720px;line-height:1.85;color:#e2e9e8;font-size:16px}
.x212-journal-meta{margin-top:35px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:13px;color:#c7d7da}
.x212-journal-meta strong{padding:12px 16px;background:#ffffff17;border:1px solid #ffffff38;border-radius:100px;color:#fff}
.x212-journal-main{background:#faf8f2;min-height:650px;padding:60px 0 90px}
.x212-journal-toolbar{display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:12px;align-items:end;padding:16px;background:white;border-radius:16px;box-shadow:0 9px 24px #0d27320c;border:1px solid #e6ebe6;margin-bottom:21px}
.x212-journal-toolbar>div{min-width:0}
.x212-journal-toolbar label{display:block;font-size:11px;font-weight:800;color:#57707b;text-transform:uppercase;letter-spacing:1px;margin:0 0 9px}
.x212-journal-toolbar input,.x212-journal-toolbar select{min-width:0;width:100%;padding:13px 12px;border-radius:9px;border:1px solid #dbe2e2;color:#14394b;background:#fff;min-height:47px;font-size:13px}
.x212-journal-toolbar button{min-height:47px;white-space:nowrap;padding:11px 15px;background:#e8eee9;color:#194356;border:0;border-radius:9px;font-weight:750;font-size:12px}
.x212-journal-toolbar button:hover{background:#d5e3df}
.x212-results{display:flex;justify-content:space-between;gap:12px;color:#54707c;font-size:12px;margin-bottom:20px}
.x212-results span:first-child{font-weight:800;color:#154357}
.x212-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.x212-story{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid #e4e7e1;background:white;box-shadow:0 10px 24px #0c33400a;text-decoration:none;color:#14394a;transition:transform .2s,box-shadow .2s}
.x212-story:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0b33401a}
.x212-story-image{display:block;height:160px;overflow:hidden;background:#dce6e2}
.x212-story-image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}
.x212-story:hover .x212-story-image img{transform:scale(1.045)}
.x212-story-body{min-height:188px;display:flex;flex-direction:column;gap:12px;padding:19px 19px 17px}
.x212-story-body small{color:#987329;font-size:10px;letter-spacing:1px;font-weight:800;text-transform:uppercase}
.x212-story-body strong{font:22px/1.24 Georgia,serif;overflow-wrap:anywhere}
.x212-readmore{font-size:12px;font-weight:800;color:#0c7184;margin-top:auto}
.x212-empty{padding:35px;border-radius:15px;background:#f0ebe1;text-align:center;font-weight:700;color:#355465}
.x212-showmore{text-align:center;margin:25px 0}
.x212-review{margin:30px 0 0;color:#78878b;font-size:12px;line-height:1.7}
.x212-city-journal{background:#f7f4eb}
.x212-city-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.x212-city-journal>.container>p{max-width:760px;line-height:1.7;color:#566f7b}
.x212-city-actions{display:flex;gap:30px;flex-wrap:wrap;margin:28px 0 0}
.x212-home-journal{background:#fff}
.x212-context{background:#f5f1e7;color:#173b4d;padding:65px 0}
.x212-context-top{display:flex;align-items:start;justify-content:space-between;gap:48px;margin-bottom:32px}
.x212-context-top>div:first-child{max-width:650px}
.x212-context h2{font:clamp(33px,4vw,56px)/1.12 Georgia,serif;margin:14px 0 20px}
.x212-context p{line-height:1.75;color:#546c74}
.x212-context-top a{font-size:14px;font-weight:850;color:#0c6a84;text-decoration:underline;text-underline-offset:5px}
.x212-context-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.x212-context-links>a{border:1px solid #e1e7e2;background:#fff;border-radius:13px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.x212-context-links>a small{color:#a17b38;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800}
.x212-context-links>a strong{font:21px/1.24 Georgia,serif;overflow-wrap:anywhere}
.x212-context-links>a span{font-size:12px;color:#136f81;font-weight:750;margin-top:auto}
.x212-specialist{max-width:400px;min-width:270px;padding:26px;background:#103b50;color:white;border-radius:16px;border-top:5px solid #f4c650}
.x212-specialist span{color:#efca73;font-size:11px;letter-spacing:1.6px;font-weight:800}
.x212-specialist strong{display:block;font:28px/1.18 Georgia,serif;margin:12px 0}
.x212-specialist p{color:#dee8e6;font-size:13px}
.x212-specialist a{color:#f7d778;text-decoration:underline}
@media(max-width:1050px){.x212-story-grid,.x212-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.x212-journal-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.x212-journal-toolbar>button{justify-self:start}}
@media(max-width:780px){.x212-story-grid,.x212-city-grid,.x212-context-links{grid-template-columns:repeat(2,minmax(0,1fr))}.x212-context-top{flex-direction:column;gap:20px}.x212-specialist{max-width:100%}.x212-story-body strong{font-size:20px}}
@media(max-width:540px){.x212-journal-hero{padding:67px 0}.x212-journal-toolbar{grid-template-columns:1fr;padding:14px}.x212-results{flex-direction:column}.x212-story-grid,.x212-city-grid,.x212-context-links{grid-template-columns:1fr}.x212-story-image{height:190px}.x212-story-body{min-height:130px}.x212-context{padding:45px 0}.x212-city-actions{gap:18px}}