
/* Vietnamese typography and accessibility refresh */
:root{--muted:#596451;--accent:#955331}
body{font-family:'Noto Sans',Arial,sans-serif;font-size:16px;line-height:1.8}
h1,h2,h3,.brand{font-family:'Noto Serif',Georgia,serif;font-weight:500;line-height:1.35;letter-spacing:-.035em}
h1{font-size:clamp(38px,4.3vw,62px);letter-spacing:-.04em;line-height:1.38}
h1 em{font-style:normal;color:#53684d}
input,textarea,select,button{font-family:'Noto Sans',Arial,sans-serif}
input,textarea,select{line-height:1.6;color:var(--ink);background:#fffdf8;min-height:48px}
input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px}
.button,.end button{font-family:'Noto Sans',Arial,sans-serif;font-size:15px;font-weight:700;min-height:48px;line-height:1.5}
.links{align-items:center}.links a{padding:8px 0;font-size:14px}.links .nav-buy{font-weight:700;background:var(--ink);color:var(--paper);padding:9px 16px}
.links .nav-buy:hover{background:#405b49;color:var(--paper)}
.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.7}
.intro,.sectiontop p,.chapter p,.author-inner p,.giving p{font-size:16px;line-height:1.85}
.byline,.quiet,.back,.info,label{font-size:14px}.back{padding:12px 0;min-height:44px}
figcaption,.real-book figcaption{font-size:13px;line-height:1.65}.tags span{font-size:12px}
.hero{gap:6%;padding-top:65px;padding-bottom:65px}.hero h1{margin:20px 0}
.order-main h1{font-size:38px;letter-spacing:-.035em;line-height:1.4}.order-aside h2{font-size:25px;line-height:1.55}
.price-line strong{font-family:'Noto Sans',Arial,sans-serif;font-size:34px;font-weight:700}
.order-total strong{font-weight:700}.payment p{line-height:1.8}.consent{font-size:14px;line-height:1.7}
:focus-visible{outline:3px solid #a86139;outline-offset:4px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px}
:disabled{opacity:.65}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:var(--ink);color:white;z-index:99}.skip-link:focus{top:12px}
@media(max-width:760px){nav{padding:16px 5%;gap:15px;align-items:center}.brand{font-size:18px}.links{gap:13px}.links a{font-size:12px}.links a:first-child{display:none}.links .nav-buy{padding:9px 13px}.hero{padding:38px 5% 45px;gap:35px}.hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.45;letter-spacing:-.035em}.eyebrow{font-size:11px;letter-spacing:1.5px}.quiet{margin-left:14px}.order-layout{padding:28px 5%;gap:24px}.order-main h1{font-size:31px}.order-aside h2{font-size:19px;line-height:1.6}.order-aside{grid-template-columns:105px 1fr;align-items:start}.order-aside .eyebrow{font-size:10px}.order-aside .info{margin-top:0}.panel{padding:20px 17px}.payment{padding:16px}.field input[type=file]{font-size:12px}section,.author-inner{padding-left:5%;padding-right:5%}.author-photo{max-width:290px}.gallery img{height:185px}.end h2{font-size:29px}footer{font-size:12px}}
@media(max-width:380px){.brand{font-size:16px}.links{gap:9px}.links a{font-size:11px}.hero .quiet{display:block;margin:18px 0 0}.gallery{grid-template-columns:1fr}}

@media(max-width:760px){.links a:nth-child(2){display:block}.links a:nth-child(3){display:none}}
.real-book img,.order-aside img{height:auto}

.reading-section{border-top:1px solid var(--line)}.reading-heading{max-width:780px}.reading-heading .intro{max-width:650px}.poem-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.poem-card{background:#fffdf7;border:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column}.poem-kicker{font-size:10px;letter-spacing:1.3px;color:var(--accent);margin:0}.poem-card h3{font-size:27px;margin:18px 0}.poem-card blockquote{font-family:'Noto Serif',Georgia,serif;font-size:16px;line-height:2;margin:0 0 22px}.poem-card blockquote p{margin:0}.poem-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:12px}.reading-open{width:auto;text-align:left;font-family:'Noto Sans',Arial,sans-serif;font-size:13px;font-weight:600;color:var(--ink);padding:8px 0;min-height:44px}.reading-more{margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:20px}.reading-more summary{font-size:15px;font-weight:600;cursor:pointer;padding:16px 0;min-height:48px}.reading-more summary span{display:block;font-size:12px;font-weight:400;color:var(--muted)}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.page-grid figure{margin:0}.page-grid img{width:100%;height:250px;object-fit:contain;background:#e8e7dc;display:block}.original-page{font-size:12px;display:inline-block;padding:8px 0}.reading-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.reading-cta p{font-size:14px;color:var(--muted)}
@media(max-width:760px){.poem-grid{grid-template-columns:1fr;gap:20px}.poem-card{padding:25px 20px}.poem-card h3{font-size:25px}.poem-card blockquote{font-size:15px;line-height:2.1}.page-grid{grid-template-columns:1fr 1fr;gap:18px}.page-grid img{height:225px}.reading-cta{flex-direction:column;align-items:flex-start}.links a:nth-child(2){display:none}.links a:nth-child(3){display:block}.links a:nth-child(4){display:none}}
@media(max-width:760px){.links a:nth-child(2){display:block}.links a:nth-child(3){display:none}}

.poem-card{padding:34px 28px}.poem-text{font-family:'Noto Serif',Georgia,serif;font-size:16px;line-height:2.05}.poem-text p{margin:0 0 25px}.poem-text p:last-child{margin-bottom:0}.poem-card h3{line-height:1.5;margin-bottom:26px}@media(max-width:760px){.poem-card{padding:28px 19px}.poem-text{font-size:15px;line-height:2}.poem-text p{margin-bottom:24px}}

h2,h3{text-wrap:balance;word-break:normal;overflow-wrap:normal}.sectiontop{grid-template-columns:1.15fr 1fr;gap:36px}.book-intro-title{font-size:clamp(27px,2.8vw,38px);line-height:1.55;letter-spacing:-.04em}.book-intro-title span{display:block;white-space:nowrap}.giving-mark{font-family:'Noto Serif',Georgia,serif}.giving .giving-recipient{font-family:'Noto Serif',Georgia,serif;font-size:clamp(20px,2vw,25px);font-weight:400;line-height:1.8;letter-spacing:normal;color:var(--ink)}.giving-recipient span{display:block}.giving-recipient span:first-child{white-space:nowrap}.giving-mark small{font-family:'Noto Sans',Arial,sans-serif;line-height:1.8}@media(max-width:760px){.sectiontop{grid-template-columns:1fr;gap:12px}.book-intro-title{font-size:clamp(25px,6.8vw,36px);line-height:1.6}.giving .giving-recipient{font-size:21px}}
