*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:"Work Sans","Helvetica Neue",Arial,sans-serif;color:#222;background:#fff;overflow-x:hidden}img,video,iframe{max-width:100%}img{height:auto}body,h1,h2,h3,h4,h5,h6,p,a,span,li,ul,ol,dl,dd,dt,div,section,article,aside,header,footer,nav,main,button,input,textarea,select,optgroup,label,table,thead,tbody,tr,th,td,caption,blockquote,figcaption,summary,details,strong,em,small{font-family:"Work Sans","Helvetica Neue",Arial,sans-serif!important}:root{--fs-mega:clamp(2.4rem, 1rem + 8.5vw, 6.5rem);--fs-photo-hero:clamp(2.2rem, 1rem + 6.5vw, 6rem);--fs-display:clamp(1.85rem, 0.9rem + 4.2vw, 3.6rem);--fs-article-title:clamp(1.6rem, 0.9rem + 3.4vw, 2.8rem);--fs-section-h2:clamp(1.45rem, 0.95rem + 2.2vw, 2.4rem);--fs-card-title:clamp(1.25rem, 0.9rem + 1.6vw, 1.9rem);--fs-card-title-sm:clamp(1.15rem, 1rem + 1vw, 1.6rem);--fs-content-h2:clamp(1.3rem, 1rem + 1.4vw, 1.7rem);--fs-content-h3:clamp(1.1rem, 1rem + 0.8vw, 1.35rem);--fs-lead:clamp(1rem, 0.95rem + 0.45vw, 1.15rem);--fs-body:clamp(1rem, 0.97rem + 0.2vw, 1.0625rem);--fs-small:clamp(0.875rem, 0.85rem + 0.15vw, 0.95rem);--fs-eyebrow:clamp(0.72rem, 0.7rem + 0.15vw, 0.85rem);--fs-big-number:clamp(2.6rem, 1.5rem + 4vw, 4rem);--gutter:clamp(1rem, 4vw, 2.5rem);--section-y:clamp(2.5rem, 6vw, 4.5rem);--block-y:clamp(1.75rem, 4vw, 3rem);--grid-gap:clamp(0.875rem, 2.5vw, 1.25rem);--card-pad:clamp(1.25rem, 4vw, 1.75rem);--content-max:1200px;--accent:#B23A2E;--accent-dark:#8D2C23;--accent-light:#D64A3A;--ink:#1C1C1C;--ink-soft:#555;--ink-muted:#777;--surface:#fff;--surface-alt:#F8F6F2;--border:#ECE6DA;--radius:24px;--radius-sm:18px}*{hyphens:none!important;-webkit-hyphens:none!important;-ms-hyphens:none!important}h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,figcaption,button,label,summary,a{word-break:normal!important;overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}h1{font-size:var(--fs-article-title)}h2{font-size:var(--fs-section-h2)}h3{font-size:var(--fs-content-h3)}h4{font-size:var(--fs-content-h3)}h1,h2{font-weight:700}h3,h4{font-weight:600}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.01em}p{font-size:var(--fs-body);line-height:1.7}@media (max-width:600px){p,li{line-height:1.55}h1,h2,h3{line-height:1.18}}@media (max-width:921px){.ast-container:has(.twl-static-page),.ast-container:has(.vocab-hero),.ast-container:has(.vocab-trainer),.ast-container:has(.grammar-hero),.ast-container:has(.grammar-picker),.ast-container:has(.sample-section),.ast-container:has(.sample-grid),.ast-container:has(.explore-more){padding-left:0;padding-right:0}}.sample-section,.samples-container,.section-description,.browse-link,.sample-grid,.sample-card,.archive-inner,.question-section,.grammar-card-grid,.grammar-card,.grammar-tip-container,.explore-inner,.explore-card,.latest-inner,.resource-content,.about-inner,.twl-static-container,.twl-resource-card,.vocab-intro,.topik-container,.info-card,.practice-card,.related-card,.sample-container{text-align:left}.date-card,.archive-pagination,.official-link{text-align:center}.twl-hero,.archive-hero,.grammar-hero,.vocab-hero,.topik-hero{position:relative;min-height:clamp(260px, 42vh, 420px);display:flex;align-items:center;padding-block:var(--block-y);overflow:hidden;background-color:#141923}.twl-hero::before,.archive-hero::before,.grammar-hero::before,.vocab-hero::before,.topik-hero::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);transform:scale(1.06)}@media (min-width:900px){.twl-hero::before,.archive-hero::before,.grammar-hero::before,.vocab-hero::before,.topik-hero::before{filter:blur(3px)}}.twl-hero{background-image:var(--hero-image,none)}.twl-hero--placeholder{background-image:linear-gradient(135deg,#2A1F1D 0%,#4A2A24 45%,#8D2C23 100%)}.twl-hero--placeholder::before{filter:none;transform:none}.twl-hero-overlay,.archive-overlay,.grammar-hero-overlay,.vocab-hero-overlay,.topik-overlay{position:absolute;inset:0;background:rgb(20 25 35 / .58)}.twl-hero-content,.archive-hero-content,.grammar-hero-content,.vocab-hero-content,.topik-hero-content{position:relative;z-index:2;width:min(var(--content-max), 100%);max-width:min(var(--content-max), 100%);margin-inline:auto;padding-inline:var(--gutter);text-align:left;color:#fff}.twl-hero-label,.twl-hero-content .section-label,.archive-hero-content .section-label,.topik-label{display:inline-block;padding:8px 18px;border-radius:999px;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .22);color:#fff;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 clamp(0.875rem, 2.5vw, 1.25rem)}.twl-hero-content h1,.archive-hero h1,.grammar-hero-content h1,.vocab-hero-content h1,.topik-hero h1{font-size:var(--fs-photo-hero);line-height:1;font-weight:700;letter-spacing:-.02em;margin:0;color:#fff;text-shadow:0 4px 10px rgb(0 0 0 / .45),0 12px 30px rgb(0 0 0 / .40)}.twl-hero-content h1 span,.archive-hero h1 span,.grammar-hero-content h1 span,.vocab-hero-content h1 span,.topik-hero h1 span{color:var(--accent-light)}.twl-hero-content p,.archive-hero p,.grammar-hero-content p,.vocab-hero-content p,.topik-hero p,.topik-date{max-width:720px;margin:clamp(0.875rem, 3vw, 1.25rem) 0 0;font-size:var(--fs-lead);line-height:1.75;opacity:.95;text-shadow:0 2px 6px rgb(0 0 0 / .5),0 6px 18px rgb(0 0 0 / .35)}.ast-blog-meta,.entry-meta,.ast-blog-single-element.ast-blog-meta-container,.grammar-card .entry-meta,.grammar-tip-page .entry-meta,.post-meta{display:none!important}.section-label{display:inline-block;margin-bottom:20px;color:var(--accent);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.primary-button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:15px clamp(1.5rem,5vw,2.125rem);border-radius:999px;font-weight:600;transition:.25s}.primary-button:hover{background:var(--accent-dark);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.blog #secondary{display:none}body.blog #primary{width:100%;max-width:100%;margin:0;padding:0;float:none}body.blog .site-content .ast-container{display:block;max-width:100%;padding-left:0;padding-right:0}