/* CityTimeDate Journal: homepage magazine, article catalogue and reading pages. */
.journal-section{min-width:0;color:#10294f}
.journal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.journal-eyebrow{display:block;color:#52759a;font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:6px}
.journal-heading h2{font-size:27px;font-weight:750;line-height:1.35;margin:0}
.journal-heading p{font-size:14px;color:#657ca3;line-height:1.6;margin:6px 0 0}
.journal-all{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#1262d9;font-size:14px;font-weight:600;text-decoration:none;padding:8px 0}
.journal-all:hover{text-decoration:underline;text-underline-offset:4px}
.journal-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.journal-categories a{display:inline-flex;align-items:center;min-height:35px;padding:6px 14px;border:1px solid #dbe7f5;border-radius:999px;color:#496080;background:#ffffffa6;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.journal-categories a:hover,.journal-categories a.is-active{background:#e7f1ff;border-color:#9ec4fb;color:#155bb8}
.journal-feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:stretch}
.journal-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dbe7f5;border-radius:17px;background:#fff;color:#10294f;text-decoration:none;box-shadow:0 3px 12px #15345b05;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.journal-card:hover,.journal-card:focus-visible{transform:translateY(-4px);border-color:#9abfee;box-shadow:0 14px 32px #183c7217;color:#10294f}
.journal-card:focus-visible,.journal-categories a:focus-visible,.journal-all:focus-visible{outline:3px solid #5b9ef5;outline-offset:4px}
.journal-cover{overflow:hidden;aspect-ratio:2.55;background:#dce8f3}
.journal-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.journal-card:hover .journal-cover img,.journal-card:focus-visible .journal-cover img{transform:scale(1.035)}
.journal-card-body{display:flex;flex:1;flex-direction:column;padding:15px 18px 12px}
.journal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;color:#687d98;font-size:11px;line-height:1.5;margin-bottom:7px}
.journal-category{color:#2365b5;font-size:11px;font-weight:700;text-decoration:none}
.journal-card h3{font-size:16px;font-weight:700;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journal-excerpt{font-size:13px;line-height:1.8;color:#617590;margin:10px 0 0}
.journal-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#6c7f98;margin-top:auto;padding-top:13px}
.journal-card-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eff5fd;color:#2262ae;font-size:19px;transition:background .2s,transform .2s}
.journal-card:hover .journal-card-arrow{background:#deecff;transform:translate(2px,-2px)}
.journal-card-featured{grid-row:span 2}
.journal-card-featured .journal-cover{aspect-ratio:1.55}
.journal-card-featured .journal-card-body{padding:23px 25px 19px}
.journal-card-featured h3{font-size:25px;line-height:1.5;-webkit-line-clamp:3}
.journal-card-featured .journal-excerpt{font-size:14px;margin-top:14px}
.journal-card-featured .journal-meta{font-size:12px;margin-bottom:12px}
.journal-card-featured .journal-category{font-size:12px}
.journal-home .journal-card:not(.journal-card-featured) .journal-excerpt{display:none}
.journal-page{margin:0;background:linear-gradient(145deg,#f8fbff,#fff 55%);color:#10294f;font-family:'DM Sans','Noto Sans TC',system-ui,sans-serif;line-height:1.6}
.journal-page .site-header{margin-bottom:0}
.journal-page-wrap{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:26px 0 64px}
.journal-breadcrumb{display:flex;flex-wrap:wrap;gap:11px;color:#73849b;font-size:12px;margin:0 0 35px}
.journal-breadcrumb a{color:#57759b;text-decoration:none}
.journal-breadcrumb a:hover{text-decoration:underline}
.journal-index-header{max-width:760px;margin-bottom:28px}
.journal-index-header h1{font-size:44px;line-height:1.3;letter-spacing:-.02em;font-weight:750;margin:8px 0 14px}
.journal-index-header p{color:#647b98;font-size:17px;line-height:1.8;margin:0}
.journal-search{max-width:560px;margin:0 0 23px}
.journal-search label{display:block;font-size:12px;font-weight:650;color:#607591;margin-bottom:7px}
.journal-search>div{display:flex;gap:8px}
.journal-search input[type=search]{width:100%;min-width:0;border:1px solid #ccdcee;border-radius:10px;background:#fff;color:#10294f;padding:11px 14px;font:inherit;font-size:14px}
.journal-search input:focus{outline:2px solid #71a6f1;outline-offset:2px}
.journal-search button{flex-shrink:0;border:0;border-radius:10px;background:#1666d9;color:#fff;font:inherit;font-size:14px;font-weight:650;padding:10px 20px;cursor:pointer}
.journal-search button:hover{background:#0f55be}
.journal-result-count{font-size:12px;color:#70819a;margin:0 0 18px}
.journal-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.journal-list-grid .journal-cover{aspect-ratio:1.85}
.journal-list-grid .journal-card-body{padding:19px 21px 16px}
.journal-list-grid .journal-card h3{font-size:19px}
.journal-list-grid .journal-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journal-empty{padding:65px 24px;text-align:center;background:#f1f6fd;border:1px solid #dbe6f4;border-radius:16px}
.journal-empty h2{font-size:22px;font-weight:700;margin:0 0 8px}
.journal-empty p{color:#647b98;margin:0 0 18px}
.journal-empty a{color:#1262d9}
.journal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1200px,calc(100% - 48px));margin:0 auto;padding:24px 0 32px;border-top:1px solid #dde7f2;font-size:13px;color:#718298}
.journal-footer a{color:#2c639f;text-decoration:none}
.journal-article-header{max-width:920px;margin:0 0 30px}
.journal-article-header>.journal-category{display:inline-flex;background:#eaf2ff;border-radius:99px;padding:5px 12px;font-size:12px}
.journal-article-header h1{font-size:clamp(30px,3.4vw,44px);font-weight:750;line-height:1.45;letter-spacing:-.02em;margin:14px 0}
.journal-article-header>p{max-width:780px;font-size:18px;line-height:1.85;color:#647993;margin:0}
.journal-article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:#72839a;margin-top:18px}
.journal-article-cover{display:block;width:100%;height:clamp(240px,34vw,440px);object-fit:cover;border-radius:20px;background:#dbe7f2;margin-bottom:42px}
.journal-detail-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(180px,1fr);gap:70px;align-items:start}
.journal-longform{min-width:0;font-size:17px;line-height:2;color:#304762}
.journal-longform p{margin:0 0 18px}
.journal-longform .journal-intro{font-size:19px;font-weight:500;color:#183b60;margin-bottom:36px;line-height:1.95}
.journal-longform section{margin-bottom:38px;scroll-margin-top:90px}
.journal-longform h2{color:#102e53;font-size:24px;font-weight:700;line-height:1.55;margin:0 0 17px}
.journal-longform a{color:#236abb;text-underline-offset:4px}
.journal-longform .journal-inline-sources{font-size:12px;line-height:1.8;color:#71839b;margin-top:5px}
.journal-inline-sources a{display:inline;margin-inline-end:14px}
.journal-source-box{padding:24px 27px;background:#f0f5fc;border:1px solid #dce7f5;border-radius:15px}
.journal-source-box h2{font-size:18px;margin-bottom:10px}
.journal-source-box p,.journal-source-box li{font-size:13px;line-height:1.8}
.journal-source-box ul{padding-inline-start:19px;margin:0}
.journal-source-box li+li{margin-top:7px}
.journal-tool-box{padding:25px 27px;background:linear-gradient(120deg,#e7f3ff,#eef0ff);border-radius:15px}
.journal-tool-box h2{font-size:19px}
.journal-tool-box>div{display:flex;flex-wrap:wrap;gap:10px}
.journal-tool-box a{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #d7e4f5;border-radius:9px;padding:8px 14px;font-size:13px;text-decoration:none}
.journal-toc{position:sticky;top:90px;border-inline-start:1px solid #dce6f2;padding-inline-start:22px}
.journal-toc a{display:block;color:#617895;font-size:13px;line-height:1.7;text-decoration:none;padding:9px 0}
.journal-toc a:hover{color:#1e63b5}
.journal-related{margin-top:65px;padding-top:35px;border-top:1px solid #e0e9f4}
[data-theme=dark] .journal-page{background:#0c1b30;color:#e3edf9}
[data-theme=dark] .journal-section,[data-theme=dark] .journal-card,[data-theme=dark] .journal-longform h2{color:#e3edf9}
[data-theme=dark] .journal-card{background:#142840;border-color:#2e4561}
[data-theme=dark] .journal-card:hover{border-color:#719bce}
[data-theme=dark] .journal-excerpt,[data-theme=dark] .journal-heading p,[data-theme=dark] .journal-longform,[data-theme=dark] .journal-index-header p,[data-theme=dark] .journal-article-header>p{color:#b1c4dc}
[data-theme=dark] .journal-longform .journal-intro{color:#d1e1f4}
[data-theme=dark] .journal-category,[data-theme=dark] .journal-all,[data-theme=dark] .journal-longform a{color:#94c3ff}
[data-theme=dark] .journal-categories a,[data-theme=dark] .journal-search input[type=search],[data-theme=dark] .journal-tool-box a{background:#172d46;border-color:#36506e;color:#d5e6fb}
[data-theme=dark] .journal-categories a.is-active,[data-theme=dark] .journal-categories a:hover{background:#204c7d;border-color:#678ebc;color:#fff}
[data-theme=dark] .journal-source-box,[data-theme=dark] .journal-empty{background:#13283f;border-color:#304963}
[data-theme=dark] .journal-tool-box{background:linear-gradient(120deg,#133653,#232d51)}
[data-theme=dark] .journal-article-header>.journal-category{background:#1b385c}
@media(max-width:1100px){.journal-feature-grid{grid-template-columns:1.1fr 1fr;gap:16px}.journal-card-featured{grid-row:span 2}.journal-feature-grid>.journal-card:nth-child(n+4){grid-row:3}.journal-home .journal-card:not(.journal-card-featured) .journal-cover{aspect-ratio:2.8}.journal-detail-layout{gap:36px;grid-template-columns:minmax(0,1fr) 190px}.journal-list-grid{gap:17px}.journal-card-featured h3{font-size:23px}}
@media(max-width:760px){.journal-heading{align-items:flex-start;gap:12px}.journal-heading h2{font-size:24px}.journal-heading p{font-size:12px}.journal-all{font-size:12px;white-space:nowrap}.journal-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.journal-card-featured{grid-column:1/-1;grid-row:auto}.journal-feature-grid>.journal-card:nth-child(n+4){grid-row:auto}.journal-card-featured .journal-cover{aspect-ratio:2.2}.journal-card-featured .journal-card-body{padding:20px}.journal-card-featured h3{font-size:23px}.journal-home .journal-card:not(.journal-card-featured) .journal-cover{aspect-ratio:1.7}.journal-card-body{padding:12px}.journal-card h3{font-size:14px}.journal-meta{font-size:10px;gap:4px 8px}.journal-card-foot{font-size:10px}.journal-categories{gap:6px}.journal-categories a{padding:5px 11px;font-size:11px}.journal-page-wrap{width:calc(100% - 32px);padding-top:20px}.journal-index-header h1{font-size:34px}.journal-index-header p{font-size:15px}.journal-breadcrumb{font-size:11px;margin-bottom:25px}.journal-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.journal-list-grid .journal-card-body{padding:14px}.journal-list-grid .journal-card h3{font-size:16px}.journal-list-grid .journal-excerpt{font-size:12px}.journal-detail-layout{display:block}.journal-toc{display:none}.journal-article-header>p{font-size:16px}.journal-article-cover{border-radius:13px;margin-bottom:28px}.journal-longform{font-size:16px;line-height:1.95}.journal-longform .journal-intro{font-size:17px}.journal-longform h2{font-size:21px}.journal-source-box,.journal-tool-box{padding:21px}.journal-footer{width:calc(100% - 32px)}.journal-related .journal-list-grid{grid-template-columns:1fr}.journal-related{margin-top:42px}}
@media(max-width:440px){.journal-list-grid{grid-template-columns:1fr}.journal-card-featured .journal-cover{aspect-ratio:1.8}.journal-card-featured h3{font-size:21px}.journal-home .journal-meta>span:not(.journal-category){display:none}.journal-home .journal-card:not(.journal-card-featured) .journal-card-foot{padding-top:10px}.journal-card-arrow{width:24px;height:24px}.journal-article-header h1{font-size:29px}.journal-search button{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.journal-card,.journal-cover img,.journal-card-arrow{transition:none}.journal-card:hover,.journal-card:focus-visible,.journal-card:hover .journal-card-arrow,.journal-card:hover .journal-cover img{transform:none}}

/* The city base stylesheet gives every header a fixed height; editorial headers flow naturally. */
.journal-quick-answer{padding:22px;border:1px solid #cbdff3;border-radius:14px;background:#f2f7fc;margin:28px 0}
.journal-table-scroll{overflow-x:auto;max-width:100%}
.journal-time-table{width:100%;border-collapse:collapse;font-size:14px;text-align:start}
.journal-time-table caption{font-weight:600;text-align:start;padding:0 0 12px}
.journal-time-table th,.journal-time-table td{padding:12px 10px;border-bottom:1px solid #cbdff3;vertical-align:top;text-align:start}
.journal-time-table small{display:block;font-size:11px;font-weight:400;overflow-wrap:anywhere}
.journal-time-table time{white-space:nowrap;font-variant-numeric:tabular-nums}
.journal-calculation-source{font-size:12px;line-height:1.7}
[data-theme=dark] .journal-quick-answer{background:#13283f;border-color:#304963}
[data-theme=dark] .journal-time-table th,[data-theme=dark] .journal-time-table td{border-color:#304963}
@media(max-width:440px){.journal-quick-answer{padding:15px}.journal-time-table{font-size:12px}.journal-time-table th,.journal-time-table td{padding:10px 5px}}
.journal-index-header,.journal-article-header{height:auto;border:0;background:transparent;position:static;z-index:auto}