:root{--ink:#192837;--muted:#596570;--navy:#102b42;--gold:#c5964c;--paper:#fbfaf7;--line:#d9dedf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 Verdana,Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.5rem;z-index:20}.topbar{background:var(--navy);color:white}.wrap{max-width:1220px;margin:auto;padding:0 1.5rem}.top-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{text-decoration:none;display:flex;align-items:center;gap:.8rem;font:700 1.65rem/1 'Liberation Serif',Verdana,serif;letter-spacing:-.04em}.brand-mark{width:35px;height:35px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:italic 1.3rem Georgia,serif}.nav{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:.87rem;font-weight:600;white-space:nowrap}.nav a:hover,.textlink:hover{color:var(--gold)}.hero{background:#16354d;color:white;padding:5rem 0 5.5rem;position:relative;overflow:hidden}.hero:after{content:'“';position:absolute;right:3%;top:-7rem;font:32rem 'Liberation Serif',Verdana,serif;color:#ffffff0b;pointer-events:none}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}h1,h2,h3{font-family:'Liberation Serif',Verdana,serif;line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.5vw,5rem);max-width:850px;margin:1.3rem 0}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.24rem}.hero p{font:1.15rem/1.8 'Liberation Serif',Verdana,serif;max-width:680px;color:#e0e8e9}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-block;padding:.8rem 1.25rem;background:var(--gold);color:#17283a;text-decoration:none;font-weight:700;border-radius:3px}.button.secondary{background:transparent;border:1px solid #8fa8b6;color:white}.section{padding:4rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.8rem}.section-head h2{margin:.25rem 0}.textlink{font-weight:700;text-decoration:none;color:#9b6c2c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.card{background:white;border:1px solid var(--line);padding:1.7rem;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #102b4215}.card-image{width:100%;height:155px;object-fit:cover;margin:-1.7rem -1.7rem 1.2rem;width:calc(100% + 3.4rem);max-width:none}.card small{color:#87734f;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.card h3{margin:.8rem 0}.card p{color:var(--muted);margin:0}.collections{background:#edf1f0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.collection{padding:1.6rem 1.8rem;border-left:3px solid var(--gold);background:white;text-decoration:none}.collection strong{font:1.3rem 'Liberation Serif',Verdana,serif;display:block}.collection span{color:var(--muted)}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.quote{font:italic 1.4rem/1.7 'Liberation Serif',Verdana,serif;color:#2e4a5c;border-left:3px solid var(--gold);padding-left:1.8rem}.listing-head{background:#edf1f0;padding:3.5rem 0}.listing-head h1{font-size:clamp(2.4rem,4vw,3.8rem);margin:.5rem 0}.listing-head p{max-width:680px}.tools{display:flex;gap:1rem;align-items:center;margin:2rem 0;flex-wrap:wrap}input[type=search]{font:inherit;padding:.75rem 1rem;border:1px solid #aab6bb;background:white;min-width:min(100%,340px)}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters a{padding:.55rem .85rem;border:1px solid #bac6c7;text-decoration:none;font-size:.86rem}.filters a[aria-current=page]{background:var(--navy);color:white}.article{max-width:780px;margin:3.5rem auto 5rem;padding:0 1.5rem}.article h1{font-size:clamp(2.3rem,5vw,4rem)}.meta{color:var(--muted);font-size:.9rem}.prose{font:1.12rem/1.9 'Liberation Serif',Verdana,serif;overflow-wrap:anywhere}.prose p{margin:1.3em 0;white-space:pre-wrap}.prose h2,.prose h3{margin-top:2.5rem}.prose img{max-width:100%;height:auto}.prose iframe{max-width:100%;aspect-ratio:16/9}.prose a{color:#8b5d22}.prose blockquote{border-left:3px solid var(--gold);margin:2rem 0;padding-left:1.2rem}.back{display:inline-block;margin-bottom:1rem;color:#8b5d22}.footer{background:var(--navy);color:white;padding:3rem 0}.footer-inner{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer a{color:white}.footer p{color:#c8d3d7}.hidden{display:none!important}@media(max-width:850px){.top-inner{align-items:flex-start;flex-direction:column;padding-top:1.2rem;padding-bottom:1.2rem;gap:1rem}.nav{gap:.6rem 1.1rem}.grid{grid-template-columns:repeat(2,1fr)}.intro{grid-template-columns:1fr;gap:1rem}}@media(max-width:600px){.wrap{padding:0 1.1rem}.nav{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.3rem}.hero{padding:3.5rem 0}.section{padding:3rem 0}.grid,.collection-grid{grid-template-columns:1fr}.card{min-height:unset}.article{margin-top:2rem}.footer-inner{display:block}}/* VietWrite navigation and open-book mark */
.top-inner{flex-direction:column;align-items:stretch;justify-content:center;gap:.65rem;padding-top:.8rem;padding-bottom:1rem}
.brand-logo{width:58px;height:58px;object-fit:contain;flex:none}
.nav{justify-content:space-between;gap:.65rem 1.1rem}
.nav a,.nav summary{font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.nav summary{list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav summary:after{content:'⌄';margin-left:.4rem;color:var(--gold)}
.nav summary:hover,.nav summary:focus-visible,.nav-group[open]>summary{color:var(--gold)}
.nav-group{position:relative}
.submenu{position:absolute;top:100%;left:0;z-index:10;min-width:230px;padding:.5rem;background:#102b42;border:1px solid #bb955e;box-shadow:0 10px 25px #07172755;display:flex;flex-direction:column;gap:0}
.submenu a{display:block;padding:.55rem .7rem;white-space:normal}
.submenu a:hover,.submenu a:focus-visible{background:#ffffff19}
@media(max-width:850px){.nav{justify-content:flex-start;gap:.8rem 1.3rem}}
@media(max-width:600px){.nav{overflow:visible;flex-wrap:wrap;padding-bottom:0}.submenu{min-width:min(260px,80vw)}.nav-group:last-of-type .submenu{left:auto;right:0}}
.fallback-image{background:#fbfaf7;object-fit:contain;padding:1rem}
.poem-featured-image{display:block;max-width:min(100%,440px);width:100%;height:auto;object-fit:contain;margin:1.5rem auto 2rem}
.poem-pagination{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem}
.poem-pagination a{display:block;max-width:48%;text-decoration:none;color:var(--ink);padding:.7rem 0}
.poem-pagination a:last-child{margin-left:auto;text-align:right}
.poem-pagination a span{display:block;color:#8b5d22;font:700 .85rem Verdana,Arial,sans-serif;margin-bottom:.25rem}
.poem-pagination a strong{font:700 1.15rem/1.4 'Liberation Serif',Verdana,serif}
.poem-pagination a:hover strong{text-decoration:underline}
@media(max-width:600px){.poem-pagination{flex-direction:column}.poem-pagination a{max-width:100%}.poem-pagination a:last-child{margin-left:0;text-align:left}}

/* Shared VietPhilly brand header */
.topbar{background:#cba35c;color:#172d3f;border-bottom:1px solid #d5b76f}.topbar .nav a:hover,.topbar .nav summary:hover,.topbar .nav summary:focus-visible{color:#83551f}.topbar .nav summary:after{color:#83551f}