.articles-main{max-width:1180px;margin:0 auto;padding:5.5rem 5% 3rem}:where(.articles-main) section{max-width:none;margin:0;padding:0}.articles-main .fade-in-up{opacity:1;transform:none;transition:none}.articles-hero{max-width:760px;margin:0 auto 2.5rem;text-align:center}.articles-kicker{display:inline-block;margin-bottom:.75rem;color:#8b5c24;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.articles-hero h1,.article-detail-header h1{color:#2e261f;font-family:var(--lu-font-serif);font-size:clamp(2.35rem,7vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:0}.articles-hero h1{font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.12}.articles-hero p,.article-detail-header p{margin-top:1rem;color:#6f6254;font-size:1.08rem;line-height:1.75}.articles-hero p{margin-top:.65rem;font-size:1rem}.articles-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start}.articles-layout--detail{grid-template-columns:minmax(0,760px) 280px;justify-content:center}.articles-list,.article-detail,.articles-sidebar,.articles-empty{min-width:0}.article-card{padding:1.65rem 0;border-bottom:1px solid rgba(107,91,76,.18)}.article-card:first-child{padding-top:0}.article-card-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:#8b6f4c;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.article-card h2,.articles-sidebar h2,.articles-empty h2,.article-body h2,.article-faq h2,.article-cta h2{text-align:left}.article-faq h2,.article-cta h2,.articles-empty h2{margin-bottom:.35rem;font-size:1.6rem;line-height:1.25}.article-card h2{margin-top:.55rem;color:#2f281f;font-family:var(--lu-font-serif);font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.18;letter-spacing:0}.article-card h2 a{color:inherit;text-decoration:none}.article-card h2 a:hover,.article-back-link:hover,.articles-latest-list a:hover span{color:#8b5c24}.article-card p{margin-top:.75rem;color:#62584e;font-size:1rem;line-height:1.75}.article-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.article-tags a{display:inline-flex;align-items:center;min-height:2rem;padding:.25rem .7rem;border:1px solid rgba(139,92,36,.25);border-radius:999px;color:#6f4a21;background:#ffffff61;text-decoration:none;font-size:.82rem;font-weight:650}.article-tags a:hover,.article-tags a.is-active,.articles-filter-list a:hover,.articles-filter-list a.is-active{color:#2f281f;border-color:#8b5c248c;background:#ebcb9a6b}.articles-sidebar{position:sticky;top:7rem;padding-left:1.5rem;border-left:1px solid rgba(107,91,76,.18)}.articles-sidebar-section+.articles-sidebar-section{margin-top:1.8rem}.articles-sidebar h2{margin-bottom:.8rem;color:#3b3026;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.articles-filter-list,.articles-latest-list{display:grid;gap:.55rem}.articles-filter-list a,.articles-latest-list a{color:#5f5348;text-decoration:none}.articles-filter-list a{width:-moz-fit-content;width:fit-content;padding:.25rem 0;font-size:.94rem;font-weight:650}.articles-latest-list a{display:grid;gap:.15rem;padding-bottom:.55rem;border-bottom:1px solid rgba(107,91,76,.12)}.articles-latest-list span{color:#3d3329;font-size:.94rem;font-weight:650;line-height:1.4}.articles-latest-list time{color:#8a7a68;font-size:.78rem}.article-back-link{display:inline-flex;margin-bottom:1rem;color:#7c633f;text-decoration:none;font-size:.92rem;font-weight:700}.article-detail-header{padding-bottom:1.35rem;border-bottom:1px solid rgba(107,91,76,.18)}.article-detail-header h1{margin-top:.55rem;font-size:clamp(2.1rem,5vw,3.35rem);line-height:1.08}.article-detail-header p{margin-top:.85rem}.article-body{padding-top:1.35rem;color:#3d3630;font-size:1.05rem;line-height:1.78}.article-body>*+*{margin-top:1.15rem}.article-body h2,.article-body h3,.article-faq h2,.article-cta h2{color:#2f281f;font-family:var(--lu-font-serif);letter-spacing:0}.article-body h2{margin-top:2.1rem;font-size:1.75rem;line-height:1.25}.article-body h3{margin-top:1.7rem;font-size:1.35rem}.article-body a{color:#7a4c16;text-decoration-thickness:.08em;text-underline-offset:.18em}.article-body ul,.article-body ol{padding-left:1.3rem}.article-body blockquote{padding-left:1rem;border-left:3px solid rgba(139,92,36,.42);color:#665647}.article-word-status-badge{position:relative;display:inline;border-radius:4px;padding:0;color:inherit;font-weight:inherit;line-height:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}.article-word-status-badge--learning{background:#dcb42859;box-shadow:inset 0 0 0 1px #dcb42873}.article-word-status-badge--learned{background:#5ac86e4d;box-shadow:inset 0 0 0 1px #5ac86e66}.article-word-status-badge[data-article-word-translation]{cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}.article-word-status-badge--learning[data-article-word-translation][aria-expanded=true]{background:#dcb42870;box-shadow:inset 0 0 0 1px #dcb4289e}.article-word-status-badge--learned[data-article-word-translation][aria-expanded=true]{background:#5ac86e61;box-shadow:inset 0 0 0 1px #5ac86e8f}@media(hover:hover){.article-word-status-badge--learning[data-article-word-translation]:hover{background:#dcb42870;box-shadow:inset 0 0 0 1px #dcb4289e}.article-word-status-badge--learned[data-article-word-translation]:hover{background:#5ac86e61;box-shadow:inset 0 0 0 1px #5ac86e8f}}.article-word-status-badge[data-article-word-translation]:focus-visible{outline:2px solid rgba(215,167,102,.9);outline-offset:2px}.article-word-translation-tooltip{position:fixed;z-index:3000;max-width:min(240px,calc(100vw - 24px));padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#26231ef5;color:#f7f4ee;font-size:12px;line-height:1.35;box-shadow:0 10px 24px #0003;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.article-word-translation-tooltip.is-visible{opacity:1;transform:translateY(0)}.article-faq,.article-cta,.articles-empty{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(107,91,76,.18)}.article-faq details{padding:.9rem 0;border-bottom:1px solid rgba(107,91,76,.14)}.article-faq summary{cursor:pointer;color:#352c24;font-weight:750}.article-faq p,.article-cta p,.articles-empty p{margin-top:.65rem;color:#62584e}.article-cta .btn{margin-top:1rem}.articles-pagination{margin-top:2rem}[data-theme=dark] .articles-kicker,[data-theme=dark] .article-back-link{color:#d7a766}[data-theme=dark] .articles-hero h1,[data-theme=dark] .article-detail-header h1,[data-theme=dark] .article-card h2,[data-theme=dark] .article-body h2,[data-theme=dark] .article-body h3,[data-theme=dark] .article-faq h2,[data-theme=dark] .article-cta h2,[data-theme=dark] .articles-sidebar h2{color:#fff8ee}[data-theme=dark] .article-faq summary{color:#fff8ee}[data-theme=dark] .articles-hero p,[data-theme=dark] .article-detail-header p,[data-theme=dark] .article-card p,[data-theme=dark] .article-body,[data-theme=dark] .article-faq p,[data-theme=dark] .article-cta p,[data-theme=dark] .articles-empty p{color:#e7dfd4}[data-theme=dark] .article-body blockquote{border-left-color:#d7a7669e;color:#d8c7ad}[data-theme=dark] .article-word-translation-tooltip{border-color:#d7a76642;background:#0a0a0afa;color:#fff8ee;box-shadow:0 12px 28px #00000059}[data-theme=dark] .article-card,[data-theme=dark] .article-detail-header,[data-theme=dark] .article-faq,[data-theme=dark] .article-cta,[data-theme=dark] .articles-empty,[data-theme=dark] .articles-latest-list a{border-color:#c9c1b429}[data-theme=dark] .articles-sidebar{border-left-color:#c9c1b429}[data-theme=dark] .article-card-meta,[data-theme=dark] .articles-latest-list time{color:#b99a6a}[data-theme=dark] .article-tags a{color:#edd6b7;border-color:#d7a76657;background:#ffffff0f}[data-theme=dark] .article-tags a:hover,[data-theme=dark] .article-tags a.is-active,[data-theme=dark] .articles-filter-list a:hover,[data-theme=dark] .articles-filter-list a.is-active{color:#fff7ed;border-color:#d7a7669e;background:#d7a76629}[data-theme=dark] .articles-filter-list a,[data-theme=dark] .articles-latest-list a,[data-theme=dark] .articles-latest-list span{color:#d8d0c3}@media(prefers-reduced-motion:reduce){.article-word-translation-tooltip{transition:none}}@media(max-width:860px){.articles-main{padding-top:4rem}.articles-layout,.articles-layout--detail{display:flex;flex-direction:column;gap:2.4rem}.articles-sidebar{position:static;width:100%;padding-left:0;border-left:0;border-top:1px solid rgba(107,91,76,.18);padding-top:1.5rem}}
