/*
Theme Name: Doc Paul Professional
Theme URI: https://pychua.com
Author: Paul Y. Chua
Description: Custom professional theme for Dr. Paul Y. Chua.
Version: 2.1.5
Text Domain: doc-paul
*/

.writing-pagination { margin-top: 2.5rem; }
.writing-pagination ul { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin: 0; padding: 0; list-style: none; }
.writing-pagination a,
.writing-pagination span { display: inline-flex; min-width: 2.5rem; min-height: 2.5rem; padding: .55rem .8rem; align-items: center; justify-content: center; border: 1px solid rgba(13, 37, 51, .25); color: inherit; text-decoration: none; }
.writing-pagination .current { background: #0d2533; border-color: #0d2533; color: #fff; }
.writing-pagination a:hover,
.writing-pagination a:focus { border-color: #c98a23; color: #c98a23; }
.writing-filters { display: grid; grid-template-columns: minmax(15rem, 1fr) minmax(12rem, .65fr) auto auto; gap: .75rem; align-items: center; margin: 2rem 0 1.25rem; }
.publication-tabs { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 .5rem; padding: 0; border: 0; }
.publication-tabs label { cursor: pointer; }
.publication-tabs input { position: absolute; opacity: 0; pointer-events: none; }
.publication-tabs span { display: inline-flex; min-height: 2.8rem; padding: .7rem 1rem; align-items: center; border: 1px solid rgba(13,37,51,.28); border-right: 0; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.publication-tabs label:last-child span { border-right: 1px solid rgba(13,37,51,.28); }
.publication-tabs input:checked + span { background: var(--navy); border-color: var(--navy); color: #fff; }
.publication-tabs input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
.article-list small b { color: var(--gold); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.writing-filters input,
.writing-filters select { width: 100%; min-height: 3rem; padding: .65rem .8rem; border: 1px solid rgba(13, 37, 51, .3); background: transparent; color: inherit; font: inherit; }
.writing-filters button { min-height: 3rem; padding: .65rem 1.2rem; border: 1px solid #0d2533; background: #0d2533; color: #fff; font: inherit; cursor: pointer; }
.writing-reset { color: inherit; text-underline-offset: .2em; }
.contact-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }
@media (max-width: 760px) { .writing-filters { grid-template-columns: 1fr; } .writing-filters button { width: 100%; } .publication-tabs { display: grid; grid-template-columns: 1fr; } .publication-tabs span,.publication-tabs label:last-child span { width: 100%; border-right: 1px solid rgba(13,37,51,.28); border-bottom: 0; } .publication-tabs label:last-child span { border-bottom: 1px solid rgba(13,37,51,.28); } }
.fact-link { display: inline-block; margin-top: 12px; color: var(--gold); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.academic-degrees { background: var(--paper); }
.speaking { background: #e8e1d4; }
.speaking h2 { max-width: 920px; }
.speaking-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 52px; border-top: 1px solid rgba(21,35,44,.22); }
.speaking-grid article { padding: 30px 36px 32px 0; border-bottom: 1px solid rgba(21,35,44,.22); }
.speaking-grid article:nth-child(even) { padding-left: 36px; border-left: 1px solid rgba(21,35,44,.18); }
.speaking-meta { margin-bottom: 14px; color: var(--gold); font-size: 11px; font-weight: 700; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.speaking-grid h3 { margin: 0 0 12px; font-family: Georgia, serif; font-size: 25px; font-weight: 400; line-height: 1.25; }
.speaking-grid article > p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
@media (max-width: 760px) { .speaking-grid { grid-template-columns: 1fr; } .speaking-grid article,.speaking-grid article:nth-child(even) { padding: 27px 0; border-left: 0; } }
.professional-experience { background: var(--deep); color: #fff; }
.professional-experience h2 { max-width: 920px; }
.experience-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 50px; border-top: 1px solid rgba(255,255,255,.2); }
.experience-list p { min-height: 112px; margin: 0; padding: 28px 34px 28px 0; border-bottom: 1px solid rgba(255,255,255,.2); color: #d5dee3; font-family: Georgia, serif; font-size: 21px; line-height: 1.38; }
.experience-list p:nth-child(even) { padding-left: 34px; border-left: 1px solid rgba(255,255,255,.16); }
@media (max-width: 760px) { .experience-list { grid-template-columns: 1fr; } .experience-list p,.experience-list p:nth-child(even) { min-height: 0; padding: 24px 0; border-left: 0; } }
.degree-intro { max-width: 850px; margin: 34px 0 52px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.degree-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #c9cfcd; }
.degree-grid article { padding: 32px 38px 34px 0; border-bottom: 1px solid #c9cfcd; }
.degree-grid article:nth-child(even) { padding-left: 38px; border-left: 1px solid #c9cfcd; }
.degree-type { margin-bottom: 13px; color: var(--gold); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.degree-grid h3 { margin: 0 0 12px; font-family: Georgia, serif; font-size: 27px; font-weight: 400; line-height: 1.2; }
.degree-grid article > p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
@media (max-width: 760px) { .degree-grid { grid-template-columns: 1fr; } .degree-grid article,.degree-grid article:nth-child(even) { padding: 28px 0; border-left: 0; } }
.international-study { background: var(--cream); }
.study-intro { max-width: 850px; margin: 34px 0 52px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.study-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #c9cfcd; }
.study-group { padding: 34px 38px 38px 0; border-bottom: 1px solid #c9cfcd; }
.study-group:nth-child(even) { padding-left: 38px; border-left: 1px solid #c9cfcd; }
.study-group:last-child { grid-column: 1 / -1; }
.study-number { color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.study-group h3 { max-width: 520px; margin: 14px 0 28px; font-family: Georgia, serif; font-size: 30px; font-weight: 400; line-height: 1.12; }
.study-group ul { margin: 0; padding: 0; list-style: none; }
.study-group li { padding: 17px 0; border-top: 1px solid rgba(21,35,44,.14); }
.study-group li strong,.study-group li span { display: block; }
.study-group li strong { font-family: Georgia, serif; font-size: 18px; font-weight: 400; line-height: 1.32; }
.study-group li span { margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.45; }
@media (max-width: 760px) { .study-groups { grid-template-columns: 1fr; } .study-group,.study-group:nth-child(even) { padding: 30px 0; border-left: 0; } .study-group:last-child { grid-column: auto; } }
:root{--navy:#10283a;--deep:#071923;--cream:#f2eee5;--paper:#faf8f3;--gold:#c9953e;--ink:#15232c;--muted:#61717b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,86vw);margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.16);position:absolute;inset:0 0 auto;z-index:5;color:#fff}.wordmark{font-size:20px;font-weight:800;letter-spacing:.16em}.wordmark span,.eyebrow,.kicker{color:var(--gold)}nav{display:flex;gap:30px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.hero{min-height:760px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;padding:150px 7vw 70px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-170px;top:80px;box-shadow:0 0 0 90px rgba(255,255,255,.025)}.hero-copy{max-width:760px;align-self:center;position:relative;z-index:1}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(52px,6.3vw,94px);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:26px 0 30px}.hero-intro{max-width:650px;color:#d5dee3;font-size:18px;line-height:1.72}.hero-actions{display:flex;gap:12px;margin:34px 0 35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid transparent;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.primary{background:var(--gold);color:#0c1e28}.secondary{border-color:rgba(255,255,255,.45)}.credential{padding-top:24px;border-top:1px solid rgba(255,255,255,.16);color:#9fb0b9;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.portrait-wrap{align-self:end;justify-self:center;width:min(420px,34vw);z-index:1}.portrait-frame{aspect-ratio:.77;overflow:hidden;background:#d6d9d8}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-caption{display:flex;justify-content:space-between;padding:15px 4px 0;font-size:11px;letter-spacing:.12em;color:#c9d2d7}.statement{padding:84px 10vw;background:var(--cream);display:grid;grid-template-columns:.45fr 1.55fr;gap:8vw}.statement p{color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.statement h2,.section h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,68px);line-height:1.08;font-weight:400;letter-spacing:-.03em;margin:0}.section{padding:110px 7vw}.split{display:grid;grid-template-columns:150px 1fr;gap:4vw}.label{color:#87939a;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.columns{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:48px 0;color:var(--muted);font-size:17px;line-height:1.75}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced3d2}.facts div{padding:28px 26px 12px 0}.facts strong,.facts span{display:block}.facts strong{font-family:Georgia,serif;font-size:23px;margin-bottom:8px}.facts span{color:var(--muted);font-size:13px}.expertise{background:var(--deep);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;margin-top:48px}.grid article{padding:36px 40px 40px 0;border-top:1px solid rgba(255,255,255,.2)}.grid article:nth-child(even){padding-left:40px;border-left:1px solid rgba(255,255,255,.16)}.grid h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:20px 0 14px}.grid p{color:#9fb0b9;line-height:1.7}.author{background:#e8e1d4}.book{display:grid;grid-template-columns:minmax(250px,.65fr) 1.35fr;gap:7vw;align-items:center}.book-cover{aspect-ratio:.69;max-width:380px;background:var(--navy);color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:center;box-shadow:24px 28px 0 #d3c7b3}.book-cover span{font-family:Georgia,serif;font-size:clamp(90px,11vw,150px);line-height:.62;font-style:italic;color:#eee7da}.book-cover span:nth-child(2){color:var(--gold);margin-left:28%}.book-copy h3{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#465761}.book-copy p{color:#55646c;font-size:16px;line-height:1.75}.writing-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.article-list{margin-top:54px;border-top:1px solid #ccd1cf}.article-list article{display:grid;grid-template-columns:1.25fr 1fr 30px;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid #ccd1cf}.article-list h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:8px 0}.article-list p{color:var(--muted)}.contact{background:var(--gold);display:flex;align-items:end;justify-content:space-between;gap:60px}.light{background:var(--cream)}footer{background:var(--deep);color:#9fb0b9;padding:42px 7vw;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;text-transform:uppercase}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.portrait-wrap{width:min(430px,85vw);margin-top:55px;justify-self:start}.split,.statement,.book{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.hero{padding:125px 24px 50px}.section,.statement{padding:76px 24px}.columns,.facts,.grid{grid-template-columns:1fr}.grid article:nth-child(even){padding-left:0;border-left:0}.writing-head{display:block}.article-list article{grid-template-columns:1fr}.contact h2{font-size:42px}footer{flex-direction:column;gap:16px}}