/*
Theme Name: Philip Engineering
Description: A personal engineering portfolio and writing archive for Philip Mou.
Version: 1.0.0
Author: Philip Mou
Requires PHP: 7.4
Text Domain: philip-engineering
*/
:root{color-scheme:light dark;--bg:#f8f9f7;--surface:#fff;--ink:#1c2928;--muted:#556563;--line:#d5ddda;--accent:#17654f;--soft:#eaf0ec;--focus:#9b481c;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;height:auto;vertical-align:middle}figure{margin:2rem 0}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.035em;font-weight:650;text-wrap:balance}h1{font-size:clamp(2.4rem,4.4vw,4rem);margin:.4em 0}h2{font-size:clamp(1.7rem,2.6vw,2.3rem);margin:0 0 .65em}h3{font-size:1.4rem}p{margin:0 0 1.2em}button,input,textarea,select{font:inherit}.wrap{max-width:1160px;margin:0 auto;padding:0 36px}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:28px}.brand{color:var(--ink);font-size:20px;font-weight:750;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.site-nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:550}.site-nav a{color:var(--muted);text-decoration:none;padding:8px 0}.site-nav a:hover,.site-nav a[aria-current]{color:var(--accent);text-decoration:underline}.menu-toggle{display:none}.skip-link{position:absolute;top:-120px;left:20px;z-index:1000;background:var(--surface);padding:12px 22px}.skip-link:focus{top:15px}.hero{padding:70px 0 62px;max-width:900px}.eyebrow{color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.1;margin:19px 0 24px;letter-spacing:-.055em}.hero h1 span{display:block}.hero .lead{max-width:620px;font-size:20px;color:var(--muted);line-height:1.6}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}.button,.submit,.search-submit{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 21px;border:1px solid var(--accent);border-radius:var(--radius);color:var(--bg);background:var(--accent);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.button:hover,.submit:hover,.search-submit:hover{filter:brightness(.9);text-decoration:none}.text-link{font-size:15px;font-weight:600}.section{padding:50px 0;border-top:1px solid var(--line)}.section-intro{max-width:650px;color:var(--muted);margin-bottom:30px}.feature{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin:32px 0 42px}.feature-media{display:block;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:18px}.feature-media img{display:block;width:100%;aspect-ratio:1024/452;object-fit:contain;border:1px solid var(--line);border-radius:3px;background:#fff}.feature h3{font-size:2rem;margin:10px 0 16px}.feature h3 a,.project-note h3 a,.entry-row h2 a,.entry-row h3 a{color:var(--ink);text-decoration:none}.feature h3 a:hover,.project-note h3 a:hover,.entry-row h2 a:hover,.entry-row h3 a:hover{color:var(--accent);text-decoration:underline}.meta{font-size:13px;color:var(--muted);line-height:1.6}.stack{font-size:13px;color:var(--accent);font-weight:550;margin-top:20px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px}.project-note{padding-top:25px;border-top:1px solid var(--line)}.project-note h3{margin:10px 0 16px}.project-note p,.feature p{color:var(--muted)}.work-strip{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.work-strip p{color:var(--muted)}.entry-row{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.entry-row:first-of-type{border-top:0}.entry-row h2,.entry-row h3{font-size:1.3rem;margin:0 0 8px;letter-spacing:-.025em}.entry-row p{font-size:15px;color:var(--muted);margin:0;max-width:740px}.entry-row .meta{padding-top:3px}.more-link{display:inline-block;margin-top:25px}.site-footer{border-top:1px solid var(--line);margin-top:35px;padding:34px 0 38px;font-size:14px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:var(--muted)}.page-head{padding:52px 0 32px;max-width:820px}.page-head h1{margin:15px 0 20px}.page-head .lead{font-size:20px;color:var(--muted);max-width:720px}.breadcrumb{font-size:14px;margin-bottom:23px}.article-wrap{max-width:820px;margin:0 auto;padding:0 36px}.article-head{padding:48px 0 24px}.article-head h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.16;margin:17px 0 20px}.article-deck{font-size:20px;line-height:1.55;color:var(--muted)}.article-meta{font-size:13px;color:var(--muted);margin:22px 0 0}.article-body{overflow-wrap:anywhere;padding-bottom:28px}.article-body>p:first-child{font-size:19px}.article-body h2{font-size:1.85rem;margin:2em 0 .8em;scroll-margin-top:28px}.article-body h3{font-size:1.4rem;margin:1.8em 0 .7em}.article-body h4{font-size:1.2rem;margin:1.7em 0 .7em}.article-body ul,.article-body ol{padding-left:1.5em;margin:1.4em 0}.article-body li{padding-left:.2em;margin:.5em 0}.article-body figure img{border-radius:var(--radius)}.article-body figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:12px}.article-body iframe,.article-body video,.article-body embed{max-width:100%}.article-body iframe[src*="presentation"],.article-body iframe[src*="youtube"]{width:100%;aspect-ratio:16/9;height:auto}.article-body .wp-block-embed__wrapper{max-width:100%}.article-body table{border-collapse:collapse;width:100%;font-size:15px}.article-body th,.article-body td{border:1px solid var(--line);padding:10px;text-align:left}.article-body .wp-block-table{overflow:auto}.article-body pre{overflow:auto;background:var(--soft);padding:22px;border-radius:var(--radius);font-size:14px;line-height:1.65;white-space:pre}.article-body code{font-size:.9em}.article-body blockquote{margin:28px 0;border-left:3px solid var(--accent);padding:5px 0 5px 25px;color:var(--muted)}.article-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}.article-body .callout{background:var(--soft);border-left:3px solid var(--accent);padding:24px 28px;border-radius:0 var(--radius) var(--radius) 0;margin:28px 0}.callout p:last-child{margin:0}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-block:1px solid var(--line);padding:22px 0;margin:28px 0}.case-facts dt{font-size:12px;color:var(--muted);margin-bottom:5px}.case-facts dd{margin:0;font-size:15px}.process{list-style:decimal;padding-left:1.5em}.process strong{color:var(--ink)}.article-end{border-top:1px solid var(--line);padding:25px 0;font-size:15px}.post-navigation{margin:30px 0}.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.post-navigation .nav-next{text-align:right}.comments-area{border-top:1px solid var(--line);padding:30px 0;margin-top:20px}.comments-title,.comment-reply-title{font-size:1.4rem}.comment-list{list-style:none;padding:0}.comment-body{margin-bottom:28px}.comment-meta{font-size:13px}.comment-content{font-size:16px;margin-top:12px}.comment-metadata{font-size:12px}.comment-form label{display:block;font-size:14px;margin-bottom:6px}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea,.search-field{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:12px}.comment-form textarea{min-height:150px}.comment-form-cookies-consent{display:flex;align-items:start;gap:12px}.comment-form-cookies-consent input{margin-top:7px}.comment-notes,.logged-in-as{font-size:14px;color:var(--muted)}.search-form{display:flex;gap:12px;max-width:620px;margin:25px 0}.search-form label{flex:1}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pagination{margin:35px 0}.page-numbers{display:inline-block;padding:8px 15px;border:1px solid var(--line);border-radius:4px;margin:0 5px 7px 0}.page-numbers.current{background:var(--accent);color:var(--bg)}.archive-filter{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.archive-filter a{padding:7px 13px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;text-decoration:none}.archive-filter a:hover{background:var(--soft)}#ez-toc-container{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;max-width:100%;padding:20px!important;font-size:14px!important}#ez-toc-container a{color:var(--accent)!important}#ez-toc-container .ez-toc-title{font-size:15px!important;font-weight:600!important}.ez-toc-title-toggle{display:none}.wpcf7{max-width:100%}.wpcf7 label{display:block;font-size:14px}.wpcf7 input:not([type=submit]),.wpcf7 textarea{max-width:100%;width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.wpcf7 input[type=submit]{background:var(--accent);color:var(--bg);border:0;border-radius:var(--radius);padding:12px 24px;cursor:pointer}.timeline{padding-left:24px;border-left:1px solid var(--line)}.timeline section{position:relative;padding-bottom:22px}.timeline h2{margin-top:1.4em}.timeline .meta{margin-bottom:12px}.project-archive{margin-top:30px}
@media(prefers-color-scheme:dark){:root{--bg:#15201e;--surface:#1b2a27;--ink:#e7eeea;--muted:#adbeb6;--line:#384b43;--accent:#8fd2b7;--soft:#20332c;--focus:#edaf83}.feature-media img{background:#fff}.article-body img{background:transparent}}
.hero{padding-top:46px;padding-bottom:42px}.hero h1{font-size:clamp(2.5rem,4.8vw,3.8rem)}
@media(min-width:1200px){.hero h1{font-size:60px}}
@media(max-width:760px){body{font-size:16px}.wrap,.article-wrap{padding:0 22px}.header-inner{min-height:70px;flex-wrap:wrap;gap:0}.brand{font-size:19px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:7px 13px;color:var(--ink);font-size:14px;min-height:44px}.site-nav{width:100%;gap:0;display:flex;flex-wrap:wrap;padding:8px 0 16px}.site-nav a{flex:0 0 33.33%;padding:10px 0}.js .site-nav{display:none}.js .site-nav.is-open{display:flex}.hero{padding:44px 0 42px}.hero h1{font-size:clamp(2.15rem,7.6vw,3.4rem);margin:18px 0 21px}.hero .lead{font-size:18px}.section{padding:34px 0}.feature{grid-template-columns:1fr;gap:24px;margin:27px 0 34px}.feature-media{padding:12px}.feature h3{font-size:1.75rem}.project-pair{grid-template-columns:1fr;gap:14px}.work-strip{grid-template-columns:1fr;gap:12px}.entry-row{grid-template-columns:1fr;gap:7px;padding:22px 0}.entry-row .meta{font-size:12px}.entry-row h2,.entry-row h3{font-size:1.22rem}.page-head{padding:35px 0 20px}.article-head{padding:32px 0 21px}.article-deck{font-size:18px}.article-head h1{font-size:2.2rem}.case-facts{grid-template-columns:1fr;gap:15px}.footer-inner{flex-direction:column;gap:12px}.footer-links{gap:20px}.search-form{gap:8px}.search-submit{padding-inline:14px}.article-body .callout{padding:20px}.article-body h2{font-size:1.6rem}.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}