:root{--ink:#171614;--muted:#66645f;--paper:#fffdf8;--line:#ded9ce;--yellow:#ffe815;--blue:#0094ff;--purple:#a64ce8;--green:#26a64b;--orange:#ff8a00;--red:#f60058}*{box-sizing:border-box}html{background:var(--paper)}body,html{min-height:100%}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--blue);text-decoration-thickness:.08em;text-underline-offset:.18em}img,video{height:auto}audio,img,video{max-width:100%}.theme-blue{--theme:var(--blue)}.theme-purple{--theme:var(--purple)}.theme-green{--theme:var(--green)}.theme-orange{--theme:var(--orange)}.theme-red{--theme:var(--red)}.site-header{width:100%}.topnav{display:flex;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1rem 0}.brand,.topnav{align-items:center}.brand{display:inline-flex;gap:.65rem;color:inherit;font-size:.82rem;font-weight:850;letter-spacing:0;text-decoration:none;text-transform:uppercase}.brand-logo{width:2.5rem;height:2.5rem;object-fit:contain}.external-link,.footer-link{color:inherit;font-size:.88rem;font-weight:700;opacity:.68;text-decoration:none}.nav-actions{display:inline-flex;align-items:center;gap:1rem}.language-switcher{position:relative;color:inherit}.language-switcher summary{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.35rem .7rem;color:inherit;background:transparent;border:2px solid;border-radius:999px;cursor:pointer;font-size:.78rem;font-weight:850;line-height:1;list-style:none;text-transform:uppercase}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:after{content:"";width:.45rem;height:.45rem;border-right:2px solid;border-bottom:2px solid;transform:translateY(-.12rem) rotate(45deg)}.language-switcher[open] summary:after{transform:translateY(.12rem) rotate(225deg)}.language-switcher summary span{opacity:.65}.language-switcher summary strong{font-weight:inherit}.language-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:10;display:grid;min-width:10rem;overflow:hidden;background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:0 6px 0 var(--ink)}.language-menu a{padding:.75rem .85rem;color:inherit;border-bottom:1px solid var(--line);font-size:.86rem;font-weight:850;text-decoration:none;text-transform:uppercase}.language-menu a:last-child{border-bottom:0}.language-menu a:hover,.language-menu a[aria-current=page]{color:var(--ink);background:var(--yellow)}.article-hero .language-menu,.home-hero{color:var(--ink)}.home-hero{min-height:54svh;padding-bottom:6svh;background:var(--yellow);display:flex;flex-direction:column}.home-hero.compact{min-height:48svh}.home-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.85fr);align-items:center;grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);width:min(1120px,calc(100% - 2rem));margin:auto;padding:clamp(2.25rem,7vw,5.5rem) 0 clamp(2rem,5vw,4rem)}.article-kicker,.hero-copy p,.index-heading p,.post-card-date,.post-card-meta{margin:0 0 .7rem;color:var(--muted);font-size:.76rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.hero-copy{container-type:inline-size}.hero-copy h1{margin:0;font-size:clamp(2.5rem,14cqw,6.6rem);font-weight:950;line-height:.88;text-transform:uppercase}.hero-copy h1 span{display:block;white-space:nowrap}.hero-image{width:100%;aspect-ratio:4/3;object-fit:cover;border:3px solid var(--ink);border-radius:8px;box-shadow:12px 12px 0 var(--ink);background:#ffb020}.post-index{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 0}.index-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.index-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.05}.index-heading>span{flex:0 0 auto;color:var(--muted);font-size:.9rem;font-weight:750}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.language-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:clamp(1.4rem,4vw,2.5rem)}.language-tag{display:inline-flex;align-items:center;gap:.5rem;min-height:2.35rem;padding:.35rem .5rem .35rem .8rem;color:var(--ink);background:white;border:2px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink);font-size:.88rem;font-weight:850;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease}.language-tag:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}.language-tag small{display:inline-grid;min-width:1.55rem;height:1.55rem;place-items:center;color:white;background:var(--ink);border-radius:999px;font-size:.74rem;line-height:1}.listing-hero{color:var(--ink);background:var(--yellow)}.listing-hero-inner{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 0}.listing-hero-inner p{margin:0 0 .7rem;color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.listing-hero-inner h1{max-width:12ch;margin:0;font-size:clamp(3rem,8vw,6rem);font-weight:950;line-height:.9;text-transform:uppercase}.redirect-page{display:grid;min-height:100svh;place-items:center;padding:2rem;background:var(--yellow)}.redirect-page a{color:var(--ink);font-weight:850}.post-card{display:flex;min-height:17rem;flex-direction:column;justify-content:space-between;padding:1rem;color:white;background:var(--theme);border:3px solid var(--ink);border-radius:8px;box-shadow:0 8px 0 var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-6px);box-shadow:0 14px 0 var(--ink)}.post-card h2{margin:.25rem 0 1rem;color:white;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.02;text-transform:uppercase}.post-card-date,.post-card-meta{color:rgba(255,255,255,.74)}.post-card-emoji{display:block;font-size:clamp(3rem,7vw,4.8rem);line-height:1;text-align:center}.article-hero{color:white;background:var(--theme)}.article-hero-inner{width:min(760px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.3rem,7vw,5rem) 0}.article-kicker,.article-meta{color:rgba(255,255,255,.74)}.article-hero h1{margin:0;font-size:clamp(2.25rem,6vw,4.8rem);font-weight:950;line-height:1;text-transform:uppercase}.article-meta{margin:1rem 0 0;font-size:.95rem;font-weight:700}.article-content{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.article-content li,.article-content p{font-size:1.05rem;line-height:1.72}.article-content h2{margin:2.4rem 0 .85rem;color:var(--muted);font-size:1rem;letter-spacing:0;line-height:1.2;text-transform:uppercase}.article-content h3{margin:1.5rem 0 .45rem;color:var(--ink);font-size:1.25rem;line-height:1.25}.article-content h4{margin:.2rem 0;color:var(--muted)}.article-content hr{height:1px;margin:2rem 0;border:0;background:var(--line)}.article-content a.cta,.primary-link{display:inline-flex;align-items:center;min-height:2.6rem;padding:.45rem .85rem;color:white;background:var(--blue);border:2px solid var(--ink);border-radius:8px;box-shadow:0 3px 0 var(--ink);font-weight:850;text-decoration:none;text-transform:uppercase}.article-content table{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;border:1px solid var(--line);border-radius:8px;border-spacing:0;font-size:.95rem}.article-content td,.article-content th{padding:.45rem .5rem;border-right:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}.article-content th,.article-content tr:not(:last-child) td{border-bottom:1px solid var(--line)}.article-content tr:nth-child(2n){background:#f3f9fc}.article-content video{border-radius:8px}.hstack{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.hstack img{width:auto;max-height:400px}.jyutping{color:#008533}.compact-audio audio{width:110px;height:40px}.audio-btn{cursor:pointer}.inline-audio-word{display:inline-flex;align-items:center;gap:.25rem}.inline-audio-btn{display:inline-grid;width:1.45rem;height:1.45rem;place-items:center;padding:0;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);border-radius:999px;box-shadow:0 1px 0 var(--ink);cursor:pointer;font:inherit;font-size:.72rem;line-height:1}.inline-audio-btn:focus-visible,.inline-audio-btn:hover{transform:translateY(-1px);box-shadow:0 2px 0 var(--ink)}.simple-phrase-breakdown .tokens>.w,td.audio-btn,th.audio-btn{cursor:pointer}table.similar-japanese-cantonese-words{font-size:.9rem}table.similar-japanese-cantonese-words th{color:var(--muted);font-size:.72rem;text-transform:uppercase}table.similar-japanese-cantonese-words td.different{color:#8a4a22}table.greek-alphabet td:nth-child(4),table.greek-alphabet td:nth-child(7){color:var(--muted);font-size:.85rem;font-style:italic}.simple-phrase-breakdown{padding:1rem 1rem 0;border:1px solid var(--line);border-radius:8px}.simple-phrase-breakdown .tokens>div{display:inline-block;padding-right:.33rem;padding-left:.33rem;line-height:2.4}.simple-phrase-breakdown .tokens>.w{border-radius:6px}.simple-phrase-breakdown .tokens>.w:hover{background:#eef6ff;cursor:pointer}.simple-phrase-breakdown ruby{ruby-position:under}.simple-phrase-breakdown rt{color:#bd6d00;font-size:.7rem;font-style:italic;line-height:.9}p.emojis{margin:2rem 0 0;font-size:clamp(3rem,9vw,4.5rem);line-height:1;text-align:center}.article-footer{background:#ece8df}.article-footer-inner{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0;text-align:center}.article-footer--stacked .article-footer-inner{display:grid;justify-items:center;grid-gap:.9rem;gap:.9rem}.article-footer--stacked .back-link,.article-footer--stacked .footer-link{display:block}.back-link{color:var(--blue);font-weight:850;text-transform:uppercase}.related-posts{margin:2rem 0;text-align:left}.related-posts h2{margin:0 0 .75rem;color:var(--muted);font-size:.78rem;text-transform:uppercase}.related-list{display:grid;grid-gap:.65rem;gap:.65rem}.related-list a{display:grid;grid-gap:.18rem;gap:.18rem;padding:.85rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;font-weight:800;text-decoration:none}.related-list span{color:var(--muted);font-size:.76rem;text-transform:uppercase}@media (max-width:860px){.home-hero{min-height:auto}.home-hero-inner{grid-template-columns:1fr}.hero-image{aspect-ratio:16/10}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-content table{width:100%}}@media (max-width:560px){.nav-actions,.topnav{align-items:flex-start;flex-direction:column}.nav-actions{width:100%;gap:.75rem}.language-menu{right:auto;left:0}.hero-copy h1{font-size:3.1rem}.index-heading{align-items:flex-start;flex-direction:column}.post-grid{grid-template-columns:1fr}.post-card{min-height:14rem}.article-footer-inner{width:min(100%,calc(100% - 2rem))}.article-footer--stacked .article-footer-inner{gap:.6rem}.article-content li,.article-content p{font-size:1rem}.article-content table{font-size:.88rem}table.similar-japanese-cantonese-words td:first-child,table.similar-japanese-cantonese-words th:first-child{display:none}}