/* Editorial pages share the portfolio palette and local fonts. */
#gerald-site .blog-shell{padding-block:58px 100px}
#gerald-site .blog-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-orange);margin-bottom:22px}
#gerald-site .blog-masthead{border-bottom:1px solid var(--ga-line);padding-bottom:45px;margin-bottom:42px;display:flex;justify-content:space-between;align-items:end;gap:35px}
#gerald-site .blog-masthead h1{font-size:clamp(3rem,7.5vw,7rem);line-height:1.02}
#gerald-site .blog-masthead em{font-style:normal;color:var(--ga-orange)}
#gerald-site .blog-masthead>p{max-width:350px;font-size:16px}
#gerald-site .blog-feature{display:grid;grid-template-columns:1fr 1.12fr;border:1px solid var(--ga-line);background:var(--ga-card)}
#gerald-site .blog-feature-copy{padding:44px}
#gerald-site .blog-feature h2{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.14;margin:18px 0}
#gerald-site .blog-feature-copy>p{margin-bottom:26px}
#gerald-site .blog-feature h2 a:hover{color:var(--ga-orange)}
#gerald-site .blog-visual{position:relative;min-width:0;background:#062747;display:flex;align-items:center;overflow:hidden;padding:0}
#gerald-site .blog-visual img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
#gerald-site .blog-visual:focus-visible{outline:3px solid var(--ga-accent);outline-offset:-4px}
#gerald-site .blog-hero{margin:32px 0 0;border:1px solid var(--ga-line);background:#062747;overflow:hidden}
#gerald-site .blog-hero img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
#gerald-site .blog-meta{display:flex;flex-wrap:wrap;gap:10px 19px;font-size:12px;color:var(--ga-muted)}
#gerald-site .blog-meta .blog-tag{color:var(--ga-orange);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#gerald-site .blog-about{display:grid;grid-template-columns:.5fr 1fr;gap:50px;border-top:1px solid var(--ga-line);padding-top:35px;margin-top:56px}
#gerald-site .blog-about h2{font-size:24px}
#gerald-site .blog-about p{max-width:720px}
#gerald-site .blog-crumbs{font-size:13px;color:var(--ga-muted);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
#gerald-site .blog-crumbs a{text-decoration:underline;text-underline-offset:4px}
#gerald-site .blog-article-head{max-width:1010px;padding-bottom:36px;border-bottom:1px solid var(--ga-line)}
#gerald-site .blog-article-head h1{font-size:clamp(2.4rem,5.5vw,4.8rem);line-height:1.08;max-width:980px;margin:22px 0;letter-spacing:-.05em}
#gerald-site .blog-deck{font-size:clamp(17px,2vw,21px);max-width:850px;line-height:1.65}
#gerald-site .blog-byline{display:flex;align-items:center;gap:12px;margin-top:27px;font-size:13px}
#gerald-site .blog-byline img{width:46px;height:46px;border-radius:50%;object-fit:cover}
#gerald-site .blog-byline strong{display:block;color:var(--ga-ink)}
#gerald-site .blog-byline span{color:var(--ga-muted)}
#gerald-site .blog-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,260px);gap:72px;align-items:start;margin-top:40px;justify-content:space-between}
#gerald-site .blog-body{min-width:0;font-size:17px;line-height:1.95;overflow-wrap:break-word}
#gerald-site .blog-body>p:first-child{font-size:20px;line-height:1.85;color:var(--ga-ink)}
#gerald-site .blog-body p{margin:0 0 24px}
#gerald-site .blog-body h2{font-size:clamp(26px,3vw,35px);line-height:1.22;margin:52px 0 24px;letter-spacing:-.035em;scroll-margin-top:30px}
#gerald-site .blog-body h3{font-size:23px;line-height:1.35;margin:32px 0 18px;scroll-margin-top:30px}
#gerald-site .blog-body strong{color:var(--ga-ink);font-weight:800}
#gerald-site .blog-body a{color:var(--ga-orange);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#gerald-site .blog-body a:hover{text-decoration-thickness:2px}
#gerald-site .blog-body hr{border:0;border-top:1px solid var(--ga-line);margin:42px 0}
#gerald-site .blog-table-wrap{overflow-x:auto;border:1px solid var(--ga-line);margin:25px 0 30px}
#gerald-site .blog-body table{width:100%;border-collapse:collapse;min-width:450px;font-size:15px;line-height:1.7}
#gerald-site .blog-body th,#gerald-site .blog-body td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ga-line)}
#gerald-site .blog-body th{background:var(--ga-soft);color:var(--ga-ink)}
#gerald-site .blog-body td:first-child{font-weight:800;min-width:130px}
#gerald-site .blog-body tr:last-child td{border-bottom:0}
#gerald-site .blog-sidebar{position:sticky;top:28px;font-size:13px}
#gerald-site .blog-sidebar details{border:1px solid var(--ga-line);padding:20px;background:var(--ga-card)}
#gerald-site .blog-sidebar summary{cursor:pointer;font-weight:800;color:var(--ga-ink)}
#gerald-site .blog-toc{display:flex;flex-direction:column;gap:13px;padding:18px 0 0;line-height:1.6}
#gerald-site .blog-toc a{color:var(--ga-muted)}
#gerald-site .blog-toc a:hover{color:var(--ga-orange)}
#gerald-site .blog-stance{border-left:3px solid var(--ga-accent);padding:3px 0 3px 17px;margin-top:28px}
#gerald-site .blog-stance strong{display:block;font-size:13px;margin-bottom:8px}
#gerald-site .blog-source-note{font-size:12px;line-height:1.7;margin-top:22px}
#gerald-site .blog-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px}
#gerald-site .blog-share button,#gerald-site .blog-share a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--ga-line);background:var(--ga-card);color:var(--ga-ink);font-size:12px;font-weight:700}
#gerald-site .blog-share-status{font-size:12px;display:block;min-height:24px;margin-top:5px}
#gerald-site .blog-copy-fallback{width:100%;background:var(--ga-soft);color:var(--ga-ink);border:1px solid var(--ga-line);padding:10px}
#gerald-site .blog-end{margin-top:48px;padding:28px;border:1px solid var(--ga-line);background:var(--ga-soft)}
#gerald-site .blog-end h2{font-size:26px;margin-bottom:14px}
#gerald-site .blog-end p{margin-bottom:22px}
#gerald-site .blog-end-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
#gerald-site .blog-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--ga-accent);z-index:40;pointer-events:none}
#gerald-site .blog-top{margin-top:25px;display:inline-block;color:var(--ga-orange);font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){#gerald-site .blog-layout{gap:36px;grid-template-columns:minmax(0,1fr) 230px}#gerald-site .blog-feature-copy{padding:32px}}
@media(max-width:850px){#gerald-site .blog-masthead{display:block}#gerald-site .blog-masthead>p{margin-top:25px;max-width:520px}#gerald-site .blog-layout{display:flex;flex-direction:column;gap:22px}#gerald-site .blog-sidebar{position:static;width:100%;order:-1}#gerald-site .blog-stance{display:none}#gerald-site .blog-toc{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}#gerald-site .blog-source-note{margin-top:12px}#gerald-site .blog-feature{grid-template-columns:1fr 1fr}#gerald-site .blog-feature-copy{padding:25px}}
@media(max-width:640px){#gerald-site .blog-shell{padding-block:30px 65px}#gerald-site .blog-masthead{padding-bottom:30px;margin-bottom:28px}#gerald-site .blog-feature{grid-template-columns:1fr}#gerald-site .blog-feature-copy{padding:26px 22px}#gerald-site .blog-about{grid-template-columns:1fr;gap:16px;margin-top:36px;padding-top:26px}#gerald-site .blog-toc{grid-template-columns:1fr}#gerald-site .blog-article-head h1{font-size:39px}#gerald-site .blog-deck{font-size:17px}#gerald-site .blog-body{font-size:16px;line-height:1.9}#gerald-site .blog-body>p:first-child{font-size:18px}#gerald-site .blog-body h2{margin-top:40px}#gerald-site .blog-end{padding:22px}#gerald-site .blog-crumbs{font-size:12px}}
@media print{#gerald-site .blog-sidebar,#gerald-site .blog-share,#gerald-site .blog-share-status,#gerald-site .blog-progress,#gerald-site .blog-end,#gerald-site .blog-top{display:none}#gerald-site{--ga-ink:#111;--ga-muted:#333;--ga-surface:#fff;--ga-line:#ccc;--ga-card:#fff;--ga-soft:#fff;--ga-orange:#873512;color:#111;background:#fff}#gerald-site .blog-layout{display:block}#gerald-site .blog-body{font-size:11pt}#gerald-site .blog-body h2{break-after:avoid}#gerald-site .blog-table-wrap{overflow:visible}#gerald-site .blog-body table{min-width:0}}

/* Privacy disclosures use the same readable article column. */
#gerald-site .ga-privacy-body{max-width:820px}

/* Taiwan travel story and the two-story index. Images are bundled local JPEGs. */
#gerald-site .blog-list-meta{margin-bottom:18px}
#gerald-site .blog-story-list{display:grid;gap:30px}
#gerald-site .blog-visual-travel img{height:100%;min-height:360px;aspect-ratio:4/3;object-fit:cover;object-position:50% 62%}
#gerald-site .blog-travel-hero{background:var(--ga-card)}
#gerald-site .blog-travel-hero img{height:clamp(320px,44vw,580px);aspect-ratio:auto;object-fit:cover;object-position:50% 61%}
#gerald-site .blog-travel-hero figcaption,#gerald-site .blog-photo-pair figcaption{padding:14px 18px;font-size:13px;line-height:1.7;color:var(--ga-muted);background:var(--ga-card)}
#gerald-site .blog-trip-strip{display:flex;flex-wrap:wrap;gap:18px 38px;padding:24px 0;border-bottom:1px solid var(--ga-line);font-size:13px;color:var(--ga-muted)}
#gerald-site .blog-trip-strip strong{display:block;font-size:10px;letter-spacing:.12em;color:var(--ga-orange);margin-bottom:4px}
#gerald-site .blog-pullquote{margin:32px 0;padding:24px 28px;border-left:3px solid var(--ga-accent);background:var(--ga-soft);font-size:clamp(21px,2.4vw,27px);line-height:1.55;color:var(--ga-ink)}
#gerald-site .blog-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}
#gerald-site .blog-photo-pair figure{margin:0;border:1px solid var(--ga-line);background:var(--ga-card);min-width:0}
#gerald-site .blog-photo-pair img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
#gerald-site .blog-photo-pair a:focus-visible,#gerald-site .blog-travel-hero a:focus-visible{display:block;outline:3px solid var(--ga-accent);outline-offset:3px}
#gerald-site .blog-body caption{text-align:left;padding:14px 18px;font-weight:800;color:var(--ga-ink);background:var(--ga-soft)}
#gerald-site .blog-body tbody th{font-size:14px}
@media(max-width:640px){#gerald-site .blog-visual-travel img{height:280px;min-height:0;aspect-ratio:4/3;object-position:50% 59%}#gerald-site .blog-photo-pair{grid-template-columns:1fr;gap:24px}#gerald-site .blog-travel-hero img{height:400px;object-position:50% 59%}#gerald-site .blog-pullquote{padding:20px}#gerald-site .blog-trip-strip{gap:16px 28px}}
@media print{#gerald-site .blog-photo-pair{grid-template-columns:1fr 1fr}#gerald-site .blog-photo-pair figure{break-inside:avoid}#gerald-site .blog-trip-strip{display:none}}

/* Working-student essay: show the original photos with useful, bounded crops. */
#gerald-site .blog-visual-student img{height:100%;min-height:380px;aspect-ratio:4/3;object-fit:cover;object-position:50% 46%}
#gerald-site .blog-student-hero{background:var(--ga-card)}
#gerald-site .blog-student-hero img{height:clamp(340px,46vw,600px);aspect-ratio:auto;object-fit:cover;object-position:50% 44%}
#gerald-site .blog-hero figcaption,#gerald-site .blog-inline-photo figcaption{padding:14px 18px;font-size:13px;line-height:1.7;color:var(--ga-muted);background:var(--ga-card)}
#gerald-site .blog-inline-photo{margin:34px 0;border:1px solid var(--ga-line);background:var(--ga-card)}
#gerald-site .blog-inline-photo img{display:block;width:100%;height:auto;object-fit:contain}
#gerald-site .blog-inline-photo a:focus-visible,#gerald-site .blog-student-hero a:focus-visible{display:block;outline:3px solid var(--ga-accent);outline-offset:3px}
#gerald-site .blog-dialogue{margin:28px 0;padding:24px 28px;border-left:3px solid var(--ga-accent);background:var(--ga-soft);color:var(--ga-ink);font-size:19px}
#gerald-site .blog-dialogue p:last-child{margin-bottom:0}
#gerald-site .blog-editorial-note{margin-top:36px;padding-top:22px;border-top:1px solid var(--ga-line);font-size:13px;line-height:1.75;color:var(--ga-muted)}
#gerald-site .blog-byline strong a:hover{color:var(--ga-orange)}
@media(max-width:640px){#gerald-site .blog-visual-student img{height:290px;min-height:0;object-position:50% 45%}#gerald-site .blog-student-hero img{height:430px;object-position:50% 48%}#gerald-site .blog-dialogue{padding:20px;font-size:17px}}
@media print{#gerald-site .blog-inline-photo{max-width:460px;break-inside:avoid}#gerald-site .blog-dialogue{break-inside:avoid}}