@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:800;font-display:swap;src:url('../assets/trinh-bvp-800.woff2') format('woff2')}
@font-face{font-family:'Patrick Hand';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/trinh-ph-400.woff2') format('woff2')}
nav.global-nav{position:sticky;top:0;z-index:1000;background:rgba(224,236,218,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(156,175,136,.2);padding:.8rem 3%;font-size:16px;line-height:1.4;--forest:#0a462c;--sage:#9caf88;--text:#0a462c}
.global-nav .nav-container{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.global-nav .logo{display:flex;flex-shrink:0}.global-nav .logo img{height:56px;width:auto;display:block}
.global-nav ul{list-style:none;margin:0;padding:0}.global-nav .nav-links{display:flex;gap:.5rem;align-items:center}.global-nav a{text-decoration:none;color:#000;font-weight:700;font-size:.78rem;letter-spacing:.3px}.global-nav .nav-links a{display:block;padding:.25rem .35rem;white-space:nowrap}
.global-nav .has-dropdown{position:relative}.global-nav .dropdown-arrow{font-size:.65em;opacity:.5}.global-nav .dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:160px;list-style:none;background:#fdfbf7;border:1px solid #d7dfd0;border-radius:12px;padding:.45rem 0;opacity:0;visibility:hidden;box-shadow:0 8px 32px #4a5d3e1a}.global-nav .has-dropdown:hover .dropdown,.global-nav .has-dropdown:focus-within .dropdown{opacity:1;visibility:visible}.global-nav .dropdown a{padding:.55rem 1.3rem}.global-nav .dropdown a:hover{background:#9caf881a}
.global-nav .hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:1002}.global-nav .hamburger span{display:block;width:100%;height:2.5px;background:#0a462c;border-radius:2px}.global-nav .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.global-nav .hamburger.active span:nth-child(2){opacity:0}.global-nav .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.global-nav .mobile-menu{display:none;position:fixed;inset:0;height:100dvh;background:#fbfaf6;z-index:1001;padding:75px 1.2rem 4rem;opacity:0;visibility:hidden;overflow-y:auto}.global-nav .mobile-menu.active{display:block;opacity:1;visibility:visible}.global-nav .mobile-menu>ul{display:flex;flex-direction:column;gap:0}.global-nav .mobile-menu li{width:100%}.global-nav .mobile-menu a{white-space:normal;line-height:1.4}.global-nav .search-container{position:relative;display:flex;align-items:center}.global-nav .search-input{border:1px solid #9caf88;border-radius:20px;width:110px;padding:.4rem 1rem;background:#ffffffb3;font:inherit;font-size:.85rem}.global-nav .search-icon{position:absolute;right:12px;cursor:pointer}.global-nav .mobile-menu .search-input{width:200px}
@media(min-width:861px) and (max-width:1280px){.global-nav .nav-links{gap:.2rem}.global-nav .nav-links a{font-size:.7rem;letter-spacing:0;padding:.2rem .25rem}.global-nav .search-input{width:80px}}
@media(max-width:860px){.global-nav .nav-links{display:none}.global-nav .hamburger{display:flex}.global-nav .mobile-menu{display:block}.global-nav .logo img{height:48px}}
body.trh-page{margin:0;background:#F4EFE6;color:#1E1B18;font:400 17.5px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--forest:#3F6B4F;--soft:#6b6257}
.trh-page *{box-sizing:border-box}
html{scroll-behavior:smooth}
.trh a{color:#2f5a40;text-underline-offset:4px}
.trh a:hover{color:#8a5d14}
.trh h1,.trh h2,.trh h3{font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:800;line-height:1.16;margin:0}
.trh-hero{position:relative;background:#1E1B18;color:#F4EFE6;padding:34px 22px 56px}
.trh-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14px;background:radial-gradient(circle at 10px 14px,#F4EFE6 7px,transparent 7.6px) 0 0/20px 14px repeat-x}
.trh-hero-in{max-width:700px;margin:auto}
.trh-bc{margin:0 0 20px;font-size:13px;color:#b9ae9c}
.trh-bc a{color:#d8c9ad}
.trh-kicker{display:inline-block;margin:0 0 14px;padding:5px 11px;border:1.5px solid #B8832F;border-radius:4px;color:#E0B15E;font:800 11.5px/1 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.trh-hero h1{font-size:clamp(27px,7.4vw,40px);letter-spacing:-.01em;margin:0 0 16px;text-wrap:balance}
.trh-hero h1 em{font-style:normal;color:#E0B15E}
.trh-deck{margin:0 0 16px;font-size:17px;line-height:1.7;color:#e6dccb}
.trh-by{margin:0;font-size:13px;color:#b9ae9c}
.trh-by a{color:#d8c9ad}
.trh-wrap{max-width:1040px;margin:auto;padding:36px 20px 56px}
.trh-col{max-width:700px;margin-left:auto;margin-right:auto}
.trh-open p{margin:0 0 18px}
.trh-open .trh-lead{font-family:'Patrick Hand','Be Vietnam Pro',cursive;font-size:25px;line-height:1.4;color:#2B3F7A}
.trh-cut{font-size:15px;color:#6b6257;border-left:3px solid #B8832F;padding:2px 0 2px 14px}
.trh-stage{display:grid;grid-template-columns:1fr;gap:26px;margin:34px 0 46px}
.trh-clip{margin:0;text-align:center}
.trh-clip video{display:block;width:min(300px,100%);aspect-ratio:9/16;height:auto;margin:0 auto;border-radius:14px;background:#1E1B18;box-shadow:0 10px 30px rgba(30,27,24,.28)}
.trh-clip figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:#6b6257}
.trh-form{background:#FFFDF8;border:2px solid #1E1B18;border-radius:8px;box-shadow:6px 6px 0 #B8832F;overflow:hidden}
.trh-form__top{background:#1E1B18;color:#F4EFE6;padding:14px 18px}
.trh-form__top h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#E0B15E}
.trh-form__top p{margin:4px 0 0;font-size:13px;color:#cfc4b2}
.trh-fields{display:grid;grid-template-columns:1fr;gap:2px 18px;padding:14px 18px 6px;border-bottom:1px dashed #cdbf9f}
.trh-fields p{margin:0 0 6px;font-size:13px;color:#6b6257;display:flex;gap:8px;align-items:baseline;border-bottom:1px solid #e6dcc8}
.trh-hand{font-family:'Patrick Hand','Be Vietnam Pro',cursive;font-size:22px;line-height:1.3;color:#2B3F7A}
.trh-row{padding:18px 18px 20px;border-bottom:1px dashed #cdbf9f}
.trh-row:last-of-type{border-bottom:0}
.trh-row h3{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:10px}
.trh-row h3 span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#B8832F;color:#fff;font-size:14px}
.trh-q-line{margin:0 0 14px;font-family:'Patrick Hand','Be Vietnam Pro',cursive;font-size:23px;line-height:1.35;color:#2B3F7A}
.trh-stamps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.trh-stamp{appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px 10px 13px;border:2px dashed #B8832F;border-radius:8px;background:#fbf3df;color:#7a5416;font:800 12.5px/1.2 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transform:rotate(-1.4deg);transition:transform .2s,background .2s}
.trh-stamp::before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.trh-stamp:hover{transform:rotate(0) scale(1.03)}
.trh-stamp:focus-visible{outline:3px solid #2B3F7A;outline-offset:3px}
.trh-stamp.is-inked{border-style:solid;border-color:#3F6B4F;background:#e4eee3;color:#2c5039;transform:rotate(1.4deg);box-shadow:inset 0 0 0 2px rgba(63,107,79,.18)}
.trh-stamp.is-inked::before{border:0;width:auto;height:auto;content:"✓";font-size:14px}
.trh-stamp.is-playing{box-shadow:0 0 0 4px rgba(184,131,47,.38)}
.trh-note{margin:0;padding:2px 0 2px 14px;border-left:3px solid #3F6B4F;font-size:16px;line-height:1.7;color:#3b352e}
.trh-note b{display:block;margin-bottom:2px;font:800 11.5px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#3F6B4F}
.trh-count{margin:0;padding:14px 18px;background:#f3ead6;border-top:2px solid #1E1B18;font:800 14px/1.4 'Be Vietnam Pro',Arial,sans-serif;display:flex;justify-content:space-between;gap:10px;align-items:center}
.trh-count span.done{color:#2c5039;opacity:0;transition:opacity .4s}
.trh-count.is-full span.done{opacity:1}
.trh-blank h2,.trh-more h2,.trh-lim h2{font-size:clamp(23px,5.6vw,31px);margin-bottom:12px}
.trh-blank>p{margin:0 0 20px}
.trh-box{margin:0 0 14px;border:2px dashed #B8832F;border-radius:8px;background:rgba(255,253,248,.6)}
.trh-box[open]{background:#FFFDF8;border-style:solid;border-color:#1E1B18;box-shadow:4px 4px 0 #B8832F}
.trh-box summary{list-style:none;cursor:pointer;padding:16px 50px 16px 16px;position:relative;font:800 16.5px/1.35 'Be Vietnam Pro',Arial,sans-serif}
.trh-box summary::-webkit-details-marker{display:none}
.trh-box summary small{display:block;margin-bottom:5px;font:400 17px/1 'Patrick Hand',cursive;color:#a07a2c;letter-spacing:.02em}
.trh-box summary::after{content:"+";position:absolute;right:14px;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;background:#B8832F;color:#fff;font:800 20px/32px Arial,sans-serif;text-align:center}
.trh-box[open] summary::after{content:"–"}
.trh-box summary:focus-visible{outline:3px solid #2B3F7A;outline-offset:2px}
.trh-ans{padding:0 16px 16px}
.trh-ans p{margin:0 0 12px;font-size:16.5px;line-height:1.75}
.trh-ans .trh-hand{display:block;margin-bottom:4px;color:#3F6B4F}
.trh-end{margin:44px 0 30px;padding:26px 22px;background:#1E1B18;color:#F4EFE6;border-radius:8px;position:relative}
.trh-end p{margin:0 0 16px;font-family:'Patrick Hand','Be Vietnam Pro',cursive;font-size:26px;line-height:1.35}
.trh-end p b{color:#E0B15E;font-weight:400}
.trh-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.trh-btns a{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px;border:2px solid #E0B15E;border-radius:6px;color:#F4EFE6;font:800 13.5px/1.2 'Be Vietnam Pro',Arial,sans-serif;text-decoration:none}
.trh-btns a:first-child{background:#E0B15E;color:#1E1B18}
.trh-btns a:hover{color:#1E1B18;background:#fff}
.trh-lim details{border-top:1px solid #d8cdb8;padding:14px 0}
.trh-lim summary{cursor:pointer;font:800 15px/1.4 'Be Vietnam Pro',Arial,sans-serif}
.trh-lim p{margin:10px 0 0;font-size:15px;line-height:1.7;color:#4a433c}
.trh-more{margin:34px auto}
.trh-more a{display:block;margin:0 0 10px;padding:14px 16px;background:#FFFDF8;border:1.5px solid #d8cdb8;border-radius:8px;color:#1E1B18;text-decoration:none;font-weight:600;line-height:1.5}
.trh-more a span{display:block;font:800 11px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a5d14}
.trh-more a:hover{border-color:#B8832F;color:#1E1B18}
.trh-author{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding:16px;background:#FFFDF8;border:1.5px solid #d8cdb8;border-radius:8px}
.trh-author img{border-radius:50%;flex:none}
.trh-author p{margin:0 0 6px;font-size:14px;line-height:1.55;color:var(--soft)}
.trh-author p:first-child{font-weight:700;font-size:16px;color:var(--forest)}
@media(min-width:620px){.trh-fields{grid-template-columns:1fr 1fr}.trh-wrap{padding:44px 28px 72px}.trh-hero{padding:48px 28px 64px}}
@media(min-width:900px){.trh-stage{grid-template-columns:300px 1fr;gap:40px}.trh-clip{position:sticky;top:96px;align-self:start}.trh-q-line{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trh-stamp{transition:none}}