:root{--brand-main:#6c9cc8;--brand-accent:#ddecf7;--bg-base:#f4f9fc;--bg-elevated:#fbfeff;--bg-soft:#f7fbfe;--text-primary:#25323c;--text-secondary:#738795;--text-tertiary:#aab8c2;--border-default:#d8e4ec;--border-soft:#d8e4ec8c;--link-color:#5f8fbc;--link-hover:#4f7da8;--shadow-soft:0 4px 10px #00000005;--shadow-lift:0 8px 20px #25323c0d;--font-hero:clamp(2rem, 4vw, 3rem);--font-page-title:clamp(1.75rem, 3vw, 2.4rem);--font-section-title:1.25rem;--font-body-lg:1.0625rem;--font-body:1rem;--font-support:.9375rem;--font-caption:.8125rem;--font-micro:.75rem;--line-hero:1.15;--line-title:1.25;--line-body:1.75;--line-support:1.65;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--container:min(1120px, calc(100% - 32px));--container-reading:min(760px, calc(100% - 32px));--transition-fast:.16s ease;--transition-base:.22s ease}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at top, #ddecf77a, transparent 35%), linear-gradient(180deg, #f8fcff 0%, var(--bg-base) 100%);color:var(--text-primary);font-size:var(--font-body);line-height:var(--line-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,svg,video,canvas{max-width:100%;display:block}a{color:var(--link-color);transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}a:hover{color:var(--link-hover)}main{min-height:100vh}.container{width:var(--container);margin-inline:auto}.container-reading{width:var(--container-reading);margin-inline:auto}.page-pad{padding-block:var(--space-2xl)}.section{padding-block:64px}.section-soft{background:linear-gradient(#fbfeffeb 0%,#f7fbfeeb 100%)}.eyebrow{margin:0 0 var(--space-sm);font-size:var(--font-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:700;line-height:1.4}.hero-title{font-size:var(--font-hero);line-height:var(--line-hero);margin:0;font-weight:700}.page-title{font-size:var(--font-page-title);line-height:var(--line-title);margin:0;font-weight:700}.section-title{font-size:var(--font-section-title);margin:0;font-weight:600;line-height:1.35}.body-lg{font-size:var(--font-body-lg);line-height:var(--line-body);margin:0}.support-text{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);margin:0}.caption{font-size:var(--font-caption);color:var(--text-tertiary);line-height:1.5}.tag{border-radius:var(--radius-pill);background:var(--brand-accent);min-height:30px;color:var(--text-secondary);border:1px solid var(--border-soft);align-items:center;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.button-primary,.button-secondary{border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex}.button-primary{background:var(--brand-main);color:#fff;border:1px solid #0000;box-shadow:0 6px 14px #6c9cc82e}.button-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-block:72px;display:grid}.hero-copy{gap:var(--space-lg);display:grid}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.article-shell,.unit-shell{width:var(--container-reading);margin-inline:auto;padding-block:56px 80px}.article-header{gap:var(--space-md);margin-bottom:var(--space-2xl);display:grid}.article-body{font-size:var(--font-body);line-height:var(--line-body)}.article-body h2{margin:56px 0 16px;font-size:1.4rem;line-height:1.35}.article-body h3{margin:36px 0 12px;font-size:1.08rem;line-height:1.4}.article-body p{margin:0 0 16px}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);background:#f8fcffcc;position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.site-nav-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.site-logo{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.footer{border-top:1px solid var(--border-soft);margin-top:64px;padding:48px 0 64px}.footer-grid{grid-template-columns:1.2fr .8fr;gap:32px;display:grid}.card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;box-shadow:0 3px 8px #25323c08}.example-block{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:18px 20px}.section-intro{gap:12px;max-width:760px;display:grid}.section-intro.center{text-align:center;margin-inline:auto}.section-display-title{color:var(--text-primary);margin:0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700;line-height:1.2}.section-lead{font-size:var(--font-body-lg);line-height:var(--line-body);color:var(--text-secondary);max-width:64ch;margin:0}.section-intro.center .section-lead{margin-inline:auto}.step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.step-item{border-top:1px solid var(--border-default);gap:14px;padding-top:12px;display:grid}.step-number{letter-spacing:.08em;color:var(--text-tertiary);font-size:.82rem;font-weight:700;line-height:1}.step-title{color:var(--text-primary);margin:0 0 8px;font-size:1.05rem;font-weight:600;line-height:1.35}.step-body{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);margin:0}.info-columns{gap:24px;padding-top:8px;display:grid}.info-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.info-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.info-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.info-column{align-content:start;gap:8px;display:grid}.info-label{font-size:var(--font-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-weight:700}.info-title{color:var(--text-primary);margin:0;font-size:1.02rem;font-weight:600;line-height:1.35}.info-body{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);margin:0}.list-rows{border-top:1px solid var(--border-default)}.list-row{border-bottom:1px solid var(--border-default);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 0;display:grid}.list-row:hover{color:inherit}.list-row-title{color:var(--text-primary);margin:0 0 6px;font-size:1rem;font-weight:600;line-height:1.35}.list-row-description{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);margin:0}.list-row-side{color:var(--text-tertiary);align-items:center;gap:12px;display:inline-flex}.list-row-meta{font-size:var(--font-caption)}.selection-card{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-default);color:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);gap:10px;padding:22px;display:grid;box-shadow:0 3px 8px #25323c08}.selection-card:hover{box-shadow:var(--shadow-lift);color:inherit;transform:translateY(-1px)}.selection-card-eyebrow{font-size:var(--font-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-weight:700}.selection-card-title{color:var(--text-primary);margin:0;font-size:1.06rem;font-weight:600;line-height:1.35}.selection-card-description{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);margin:0}.selection-card-footer{flex-wrap:wrap;gap:8px;display:flex}.topic-chips{flex-wrap:wrap;gap:10px;display:flex}.topic-chip{border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-default);min-height:34px;color:var(--text-secondary);font-size:var(--font-caption);align-items:center;padding:0 12px;display:inline-flex}.unit-hero{gap:10px;margin-bottom:40px;display:grid}.unit-section{margin-top:56px}.unit-section-intro{gap:10px;margin-bottom:22px;display:grid}.unit-section-lead{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);max-width:64ch;margin:0}.unit-learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;display:grid}.unit-learn-item{border-top:1px solid var(--border-default);gap:8px;padding-top:12px;display:grid}.unit-learn-title,.pattern-row-title,.unit-meaning-title{margin:0;font-size:1rem;font-weight:600;line-height:1.35}.unit-learn-body,.pattern-row-body,.unit-meaning-body,.unit-expression-note{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);margin:0}.pattern-rows{border-top:1px solid var(--border-default)}.pattern-row{border-bottom:1px solid var(--border-default);grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px 0;display:grid}.unit-expression-list{gap:16px;display:grid}.unit-expression-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.unit-expression-jp{font-size:1.12rem;font-weight:700;line-height:1.35}.unit-meaning-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.unit-cta-panel,.soft-panel{border-radius:var(--radius-lg);background:var(--bg-soft);border:1px solid var(--border-soft);padding:24px}.takeaway-box{border-radius:var(--radius-md);border:1px solid var(--border-default);box-shadow:var(--shadow-soft);background:#fbfeffe6;margin:0 0 36px;padding:18px 20px}.expression-grid,.article-subgrid{gap:16px;display:grid}.units-category-button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:0;display:grid}.units-category-copy{gap:6px;display:grid}.units-category-chevron{color:var(--text-tertiary);font-size:1.25rem}.units-category-panel{margin-top:18px}@media (max-width:900px){.hero,.grid-2,.step-list,.info-columns-2,.info-columns-3,.info-columns-4,.unit-learn-grid,.unit-meaning-columns,.footer-grid{grid-template-columns:1fr}}@media (max-width:640px){.list-row,.pattern-row{grid-template-columns:1fr;gap:10px}}.app-page-minimal .section{padding-block:56px}.app-hero-minimal{align-items:center;gap:40px}.app-hero-badge.tight-badge-gap{margin-top:-4px}.app-store-badge-link{align-items:center;display:inline-flex}.app-hero-visual-minimal{justify-content:center}.app-shot{width:100%;height:auto;display:block}.app-shot-plain{box-shadow:none;background:0 0;border:0;border-radius:0}.app-shot-small{width:280px;max-width:100%}.app-feature-section{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:48px;display:grid}.app-feature-section-reverse{grid-template-columns:260px minmax(0,1fr)}.app-feature-section-reverse .app-feature-copy{order:2}.app-feature-section-reverse .app-feature-visual{order:1}.app-feature-visual{justify-content:center;align-items:center;display:flex}.app-feature-shot{width:260px;max-width:100%}.app-final-cta{border-top:1px solid var(--border-soft);padding:40px 0 8px}.app-final-copy{margin-inline:auto;margin-top:16px}.app-final-actions{justify-content:center;margin-top:20px}.app-sub-links{margin-top:18px}@media (max-width:900px){.app-feature-section,.app-feature-section-reverse{grid-template-columns:1fr;gap:28px}.app-feature-section-reverse .app-feature-copy,.app-feature-section-reverse .app-feature-visual{order:initial}.app-feature-visual{justify-content:flex-start}.app-shot-small,.app-feature-shot{width:220px}}.site-support-links{flex-wrap:wrap;gap:16px;padding-top:4px;display:flex}.units-page .section{padding-block:56px}.units-accordion{border-top:1px solid var(--border-soft)}.units-accordion:last-of-type{border-bottom:1px solid var(--border-soft)}.units-accordion-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;list-style:none;display:grid}.units-accordion-summary::-webkit-details-marker{display:none}.units-accordion-copy>*+*{margin-top:6px}.units-accordion-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.units-accordion[open] .units-accordion-chevron{transform:rotate(0)}.units-accordion:not([open]) .units-accordion-chevron{transform:rotate(-90deg)}.units-accordion-panel{padding-bottom:8px}.units-compact-row{border-top:1px solid var(--border-soft);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:14px 0;display:grid}.units-compact-row:hover .units-row-title{color:var(--link-hover)}.units-row-main{min-width:0}.units-row-topline{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.units-row-number{font-size:var(--font-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:2.2em;line-height:1.4}.units-row-title{color:var(--text-primary);transition:color var(--transition-fast);font-size:1rem;font-weight:600;line-height:1.45}.units-row-description{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-secondary);max-width:58ch;margin:0}.units-row-arrow{color:var(--text-tertiary);padding-top:2px;font-size:.95rem}.units-coming-soon-block{border-top:1px solid var(--border-soft);padding-top:20px}.units-coming-soon-list{border-top:1px solid var(--border-soft);margin-top:16px}.units-coming-soon-row{border-bottom:1px solid var(--border-soft);color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.units-coming-soon-badge{font-size:var(--font-caption);color:var(--text-tertiary);line-height:1.4}.units-small-cta{border-top:1px solid var(--border-soft);padding-top:24px}@media (max-width:640px){.units-accordion-summary,.units-compact-row,.units-coming-soon-row{grid-template-columns:1fr}.units-row-topline{gap:8px}}.units-cta-actions{margin-top:12px}.units-compact-row-disabled{cursor:default}.units-compact-row-disabled .units-row-title{color:var(--text-primary)}.unit-detail-page .section{padding-block:56px}.unit-detail-breadcrumb{font-size:var(--font-caption);color:var(--text-tertiary);flex-wrap:wrap;gap:6px;line-height:1.5;display:flex}.unit-detail-breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.unit-detail-breadcrumb-link{color:var(--text-secondary)}.unit-detail-breadcrumb-link:hover{color:var(--link-hover)}.unit-detail-breadcrumb-separator{color:var(--text-tertiary)}.unit-detail-concept-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-soft);overflow:hidden}.unit-detail-concept-card-top{background:var(--brand-accent);align-items:center;min-height:92px;padding:20px 18px 18px;display:flex}.unit-detail-card-title{color:var(--text-primary);margin:0;font-size:1rem;font-style:italic;font-weight:500;line-height:1.4}.unit-detail-concept-card-body{background:#fff;padding:16px 18px 18px}.unit-detail-concept-card-body .support-text{color:var(--text-primary);margin:0}.unit-detail-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.unit-detail-vocab-card{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:16px 16px 14px}.unit-detail-term{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:400;line-height:1.4}.unit-detail-article-row:hover .unit-detail-card-title{color:var(--link-hover)}@media (max-width:700px){.unit-detail-concept-grid,.unit-detail-vocab-grid,.unit-detail-article-row{grid-template-columns:1fr}}.unit-detail-page .container-reading.stack-xl>section+section{margin-top:24px}.unit-detail-page .section-compact .stack-xl{row-gap:28px}.unit-detail-lead-strong{font-size:var(--font-body-lg);line-height:var(--line-body);color:var(--text-primary);margin:0;font-weight:700}.unit-detail-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.unit-detail-concept-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.unit-detail-card-title{margin:0;padding:12px 14px;font-size:.98rem;font-weight:400;line-height:1.4}.unit-detail-concept-card .support-text{color:var(--text-primary);background:#fff;margin:0;padding:14px}.unit-detail-vocab-matrix{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.unit-detail-vocab-row{grid-template-columns:minmax(140px,220px) minmax(0,1fr);display:grid}.unit-detail-vocab-row+.unit-detail-vocab-row{border-top:1px solid var(--border-soft)}.unit-detail-vocab-row-head{background:var(--bg-soft)}.unit-detail-vocab-cell{padding:14px 16px}.unit-detail-vocab-cell+.unit-detail-vocab-cell{border-left:1px solid var(--border-soft)}.unit-detail-vocab-row-head .unit-detail-vocab-cell{font-size:var(--font-caption);color:var(--text-secondary);font-weight:700;line-height:1.45}.unit-detail-term{color:var(--text-primary);font-size:1rem;font-weight:400;line-height:1.45}.unit-detail-vocab-cell-note{background:#fff}.unit-detail-article-list{border-top:1px solid var(--border-soft)}.unit-detail-article-row{border-bottom:1px solid var(--border-soft);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px 0;display:grid}.unit-detail-article-main{min-width:0}.unit-detail-article-main>*+*{margin-top:8px}.unit-detail-article-row:hover .unit-detail-card-title-plain{color:var(--link-hover)}.unit-detail-article-arrow{color:var(--text-tertiary);padding-top:2px;font-size:.95rem}.unit-detail-article-main .unit-detail-card-title{color:var(--text-primary);background:0 0;padding:0}@media (max-width:700px){.unit-detail-concept-grid,.unit-detail-vocab-row{grid-template-columns:1fr}.unit-detail-vocab-cell+.unit-detail-vocab-cell{border-left:0;border-top:1px solid var(--border-soft)}.unit-detail-article-row{grid-template-columns:1fr}}.unit-detail-section-head{margin-bottom:10px}.unit-detail-expression{gap:4px;display:grid}.unit-detail-expression-ja{color:var(--text-primary);font-size:1rem;font-weight:400;line-height:1.4}.unit-detail-expression-romaji{font-size:var(--font-caption);color:var(--text-secondary);font-style:italic;line-height:1.4}.article-takeaway-title{color:var(--text-primary);margin:0 0 10px;font-size:1rem;font-weight:600;line-height:1.4}.article-section-block+.article-section-block{margin-top:44px}.article-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.soft-panel{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:18px}.article-phrase-matrix{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-elevated);margin-top:18px;overflow:hidden}.article-phrase-row{grid-template-columns:minmax(180px,260px) minmax(0,1fr);display:grid}.article-phrase-row+.article-phrase-row{border-top:1px solid var(--border-soft)}.article-phrase-row-head{background:var(--bg-soft)}.article-phrase-cell{padding:14px 16px}.article-phrase-cell+.article-phrase-cell{border-left:1px solid var(--border-soft)}.article-phrase-row-head .article-phrase-cell{font-size:var(--font-caption);color:var(--text-secondary);font-weight:700;line-height:1.45}.article-expression{gap:4px;display:grid}.article-expression-ja{color:var(--text-primary);font-size:1rem;font-weight:400;line-height:1.4}.article-expression-romaji{font-size:var(--font-caption);color:var(--text-secondary);font-style:italic;line-height:1.4}.article-phrase-cell-note{color:var(--text-primary);background:#fff}.article-related-list{border-top:1px solid var(--border-soft);margin-top:18px}.article-related-row{border-bottom:1px solid var(--border-soft);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.article-related-title{color:var(--text-primary);transition:color var(--transition-fast)}.article-related-row:hover .article-related-title{color:var(--link-hover)}.article-related-arrow{color:var(--text-tertiary)}@media (max-width:700px){.article-subgrid,.article-phrase-row{grid-template-columns:1fr}.article-phrase-cell+.article-phrase-cell{border-left:0;border-top:1px solid var(--border-soft)}}.unit-detail-article-links{border-top:1px solid var(--border-soft)}.unit-detail-article-link{border-bottom:1px solid var(--border-soft);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.unit-detail-article-link-title{color:var(--text-primary);transition:color var(--transition-fast);font-size:1rem;font-weight:500;line-height:1.45}.unit-detail-article-link:hover .unit-detail-article-link-title{color:var(--link-hover)}.unit-detail-article-link-arrow{color:var(--text-tertiary);font-size:.95rem}@media (max-width:700px){.unit-detail-article-link{grid-template-columns:1fr}}.about-page .section-compact{padding-top:40px;padding-bottom:40px}.about-page .about-block+.about-block{margin-top:40px}.about-page .about-hero{margin-bottom:20px}.about-page .about-hero .body-lg{margin:0}.about-page .about-block .section-title{margin-bottom:12px}.about-page .text-shell p{margin:0}.about-page .text-shell>*+*{margin-top:14px}.about-page .grid-2{gap:20px}.about-page .card{padding:24px}.about-page .card .section-title{font-size:1.05rem}.about-page .about-links,.about-page .about-final-actions{margin-top:12px}.about-page .hero-actions{gap:12px}@media (max-width:640px){.about-page .section-compact{padding-top:32px;padding-bottom:32px}.about-page .about-block+.about-block{margin-top:32px}}.hero-emphasis{color:var(--link-color);font-weight:800}.site-nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;line-height:1;display:inline-flex}.site-logo-icon{border-radius:8px;flex-shrink:0}.articles-page .section{padding-block:18px}.articles-page .section-compact{padding-bottom:8px}.articles-page .container{max-width:1320px}.articles-header-row{justify-content:flex-end;display:flex}.articles-header-main{flex-wrap:nowrap;align-items:center;gap:14px;width:fit-content;max-width:100%;display:inline-flex}.articles-heading{margin:0}.articles-filter-caption{margin-top:6px}.articles-filter-icon-button{appearance:none;border:1px solid var(--border-default);background:var(--bg-elevated);width:42px;height:42px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.articles-filter-icon-button:hover{box-shadow:var(--shadow-soft);border-color:var(--text-secondary);transform:translateY(-1px)}.articles-filter-icon{width:18px;height:18px}.articles-filter-panel{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-top:-4px;padding:18px}.articles-filter-search-wrap{width:100%}.articles-filter-search{border:1px solid var(--border-default);width:100%;min-height:46px;color:var(--text-primary);background:#fff;border-radius:14px;outline:none;padding:0 14px;font-size:.95rem;line-height:1.4}.articles-filter-search:focus{border-color:var(--brand-main)}.articles-filter-options{gap:10px;max-height:320px;margin-top:18px;display:grid;overflow:auto}.articles-filter-option{appearance:none;text-align:left;border:1px solid var(--border-soft);background:var(--bg-soft);width:100%;min-height:42px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:14px;padding:0 14px;font-size:.95rem;line-height:1.35}.articles-filter-option:hover{border-color:var(--text-secondary)}.articles-filter-option.is-active{background:var(--brand-accent);color:var(--text-primary);border-color:#6c9cc852}.articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:10px;display:grid}.article-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-elevated);min-height:200px;color:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:14px;padding:22px 20px 18px;display:flex}.article-card:hover{box-shadow:var(--shadow-soft);border-color:var(--text-secondary);transform:translateY(-2px)}.article-card-top>*+*{margin-top:8px}.articles-card-unit{color:var(--text-tertiary)}.article-card-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;line-height:1.35}.article-card-summary{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.65;display:-webkit-box;overflow:hidden}.articles-soft-cta{border-top:1px solid var(--border-soft);padding-top:24px}.articles-soft-cta-actions{margin-top:8px}@media (max-width:1100px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.articles-grid{grid-template-columns:1fr}.articles-filter-panel{padding:16px}}.inline-cta-section{padding-block:18px 30px}.inline-cta{width:var(--container-reading);border-top:1px solid var(--border-soft);gap:14px;margin-inline:auto;padding-top:24px;display:grid}.inline-cta-copy{gap:10px;max-width:56ch;display:grid}.inline-cta-title{font-size:var(--font-section-title);color:var(--text-primary);margin:0;font-weight:600;line-height:1.35}.inline-cta-body{font-size:var(--font-support);line-height:var(--line-support);color:var(--text-primary);margin:0}.inline-cta-actions{flex-wrap:wrap;gap:12px;display:flex}.inline-cta-link{color:var(--link-color);align-items:center;gap:8px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.inline-cta-link:hover{color:var(--link-hover)}.inline-cta-link:after{content:"→";font-size:.95em;line-height:1}@media (max-width:640px){.inline-cta-section{padding-block:16px 24px}.inline-cta{gap:12px;padding-top:20px}}