/*
Theme Name: Trần Xuân Cương — Twenty Twenty-Five
Template: twentytwentyfive
Version: 2.0.0
Description: Blog cá nhân về AI, du lịch và góc nhìn xã hội.
Text Domain: tranxuancuong-tt5
*/

:root{--txc-green:#164b37;--txc-orange:#b74416}html{scroll-behavior:smooth}body{margin:0;color:#17231d;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.75}a{color:var(--txc-green);text-underline-offset:5px}a:hover{color:var(--txc-orange)}a:focus-visible{outline:3px solid var(--txc-orange);outline-offset:5px}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(3rem,6.5vw,6.7rem);font-weight:500;margin:24px 0}h2{font-size:clamp(2rem,3.8vw,3.5rem);font-weight:500}h3{font-size:1.55rem;font-weight:600}p{margin:0 0 22px}.site-header,.txc-main,.site-footer{max-width:1240px;margin:auto;padding:0 38px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid #dce5df}.site-header .wp-block-site-title{font-size:22px;font-weight:700;white-space:nowrap;margin:0}.site-header a{text-decoration:none}.site-header .wp-block-navigation{font-size:14px}.hero{padding:88px 0 82px;position:relative;border-bottom:1px solid #dce5df}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--txc-orange)}.hero h1{max-width:1050px;color:var(--txc-green)}.lead{max-width:650px;font-size:22px;line-height:1.6;color:#4e5f54}.hero-actions{display:flex;gap:24px;flex-wrap:wrap;font-size:16px;margin-top:32px}.hero-actions a:first-child{padding:12px 22px;background:var(--txc-green);color:#fff;text-decoration:none;border-radius:4px}.hero-actions a:last-child{align-self:center}.story{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding:76px 0;border-bottom:1px solid #dce5df}.story h2{margin-top:16px}.story-copy{padding-top:8px}.category-section{padding:72px 0}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.topic{border-top:3px solid var(--txc-green);padding-top:22px}.number{color:var(--txc-orange);font-size:14px}.topic h3 a{text-decoration:none}.topic p:last-child{font-size:16px;color:#526158}.latest{padding:54px 0 78px;border-top:1px solid #dce5df}.articles .wp-block-post-template{gap:36px}.articles .wp-block-post-featured-image img{border-radius:4px}.articles .wp-block-post-title{font-size:25px;margin:14px 0}.articles .wp-block-post-title a{text-decoration:none}.articles .wp-block-post-terms,.articles .wp-block-post-date{font-size:13px}.articles .wp-block-post-excerpt{font-size:16px}.site-footer{padding-top:44px;padding-bottom:40px;border-top:1px solid #dce5df;color:#526158}.site-footer h3{color:var(--txc-green)}.site-footer p{font-size:15px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.sample-grid article{border-top:1px solid #dce5df;padding-top:22px}.sample-grid h3{font-size:26px}.sample-grid p{font-size:16px}.sample-label{color:var(--txc-orange);font-size:13px}.preview-notice{background:#164b37;color:white;text-align:center;padding:10px;font-size:14px}.preview-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
@media(max-width:1000px){.site-header{flex-wrap:wrap}.topics{grid-template-columns:repeat(2,1fr)}.story{gap:36px}.preview-nav{gap:14px}}
@media(max-width:650px){.site-header,.txc-main,.site-footer{padding-left:22px;padding-right:22px}.hero{padding:54px 0}.lead{font-size:19px}.story{grid-template-columns:1fr;gap:12px;padding:48px 0}.topics,.sample-grid{grid-template-columns:1fr}.category-section{padding:48px 0}.latest{padding-top:40px}.site-header{padding-top:22px;padding-bottom:22px}.hero-actions{gap:14px}.articles .wp-block-post-template{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center;padding:68px 0 76px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5.8vw,5.7rem);letter-spacing:-.055em}.hero .lead{font-size:20px}.hero-photo{position:relative}.hero-photo figure{margin:0}.hero-photo img{display:block;width:100%;height:580px;object-fit:cover}.hero-photo figcaption{font-size:12px;margin-top:10px;color:#526158}.photo-label{position:absolute;bottom:58px;left:22px;background:#fff;padding:8px 12px;font-size:11px;letter-spacing:.09em;color:#164b37}.intro{padding:65px 0;border-bottom:1px solid #dce5df}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro h2,.impacts h2,.statement h2{font-family:Georgia,"Times New Roman",serif}.intro h2{font-size:42px}.impacts{padding:70px 0}.impact-row{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;margin-top:65px}.impact-row.reverse{grid-template-columns:1fr 1.15fr}.impact-row.reverse>figure,.impact-row.reverse>.camp-panel{order:2}.impact-row figure{margin:0}.impact-row img{width:100%;height:380px;object-fit:cover;display:block}.impact-row figcaption{font-size:12px;color:#526158;margin-top:8px}.impact-copy h2{font-size:38px;margin:12px 0 20px}.impact-copy p{font-size:17px}.source-link a{font-size:14px}.camp-panel{min-height:330px;padding:38px;background:#164b37;color:#fff;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.camp-panel h2{color:#fff;font-size:42px}.camp-panel .eyebrow{color:#ffb887}.statement{background:#164b37;color:white;padding:64px 48px;margin:25px 0 0}.statement h2{font-size:clamp(2.2rem,4.5vw,4.5rem);margin:18px 0 24px}.statement .eyebrow{color:#ffb887}.statement p:last-child{max-width:670px;color:#d5e6dc}.topic{border-top:1px solid #164b37}.topic h3{font-size:22px}.hero-actions{align-items:center}.site-footer{margin-top:20px}@media(max-width:900px){.hero{gap:28px}.hero-photo img{height:470px}.impact-row,.impact-row.reverse{gap:30px}.intro-grid{gap:30px}.impact-copy h2{font-size:30px}}@media(max-width:650px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 0}.hero-photo img{height:400px}.hero h1{font-size:52px}.intro-grid,.impact-row,.impact-row.reverse{display:block}.intro h2{font-size:35px}.impact-row{margin-top:42px}.impact-copy{padding-top:22px}.impact-row img{height:270px}.impacts{padding:45px 0}.statement{padding:38px 24px}.camp-panel{min-height:270px}.photo-label{font-size:10px}.hero-actions{display:flex;gap:18px}}
