:root{--background:#f7f9fc;--surface:#ffffff;--surface-alt:#f1f5f9;--surface-soft:#eaf1fb;--text:#0f172a;--muted:#475569;--line:#e2e8f0;--primary:#0f3d91;--primary-2:#2563eb;--accent:#0ea5a4;--good:#0f766e;--primary-soft:rgba(37,99,235,0.08);--shadow:0 10px 30px rgba(15,23,42,0.08);--radius-lg:22px;--radius-md:14px;--container:1200px}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{background:linear-gradient(180deg,#ffffff 0,var(--background) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.lead,.muted{color:var(--muted)}.lead{font-size:1.04rem;max-width:760px}.eyebrow{gap:8px;padding:8px 12px;background:var(--primary-soft);color:var(--primary);letter-spacing:.01em}.badge,.eyebrow{display:inline-flex;align-items:center;border-radius:999px;font-size:13px;font-weight:700}.badge{padding:6px 10px;background:var(--surface-alt);color:#334155}.badge-row{gap:10px}.badge-row,.button-row{display:flex;flex-wrap:wrap}.button-row{gap:12px}.button,.inline-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;white-space:nowrap}.button:hover,.inline-link:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 10px 24px rgba(37,99,235,.2)}.button--secondary{border:1px solid var(--line);background:#fff}.inline-link{min-height:auto;padding:0;border:0;color:var(--primary);font-size:.96rem;font-weight:800}.site-shell{min-height:100vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.82);border-bottom:1px solid rgba(226,232,240,.8)}.page,.site-footer__inner,.site-header__inner{width:min(var(--container),calc(100% - 32px));margin:0 auto}.site-header__inner{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:24px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em;justify-self:start}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 8px 20px rgba(14,165,164,.18);font-size:18px}.nav{display:flex;align-items:center;gap:18px;justify-self:center}.nav a,.nav__item{padding:10px 12px;border-radius:10px;color:#334155;font-weight:600}.nav__item--muted{color:#64748b}.nav a:hover{background:var(--surface-alt);color:var(--text)}.nav a.active{background:rgba(37,99,235,.08);color:var(--primary)}.nav-actions{display:flex;align-items:center;justify-self:end;gap:12px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--text);font:inherit}.page{padding:28px 0 72px}.site-footer{border-top:1px solid rgba(219,227,240,.95);background:rgba(255,255,255,.72)}.site-footer__inner{padding:22px 0 40px;color:var(--muted);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media (max-width:900px){.nav{display:none}.site-header__inner{grid-template-columns:1fr auto}.nav-actions{gap:8px}.nav-actions .button--secondary{display:none}}.content-block,.empty-state,.hero-card,.list-card,.panel,.section-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-card{padding:28px;display:grid;grid-gap:20px;gap:20px}.hero-card--split{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.hero-card h1,.section-title{letter-spacing:-.03em}.hero-card h1{font-size:clamp(2.1rem,3vw,3.1rem);line-height:1.06}.hero-card p{color:var(--muted)}.block-stack,.cards-grid,.faq-list,.meta-list,.stats-grid,.toc-list{display:grid;grid-gap:16px;gap:16px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-block,.empty-state,.list-card,.panel,.section-card{padding:22px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:start}.list-grid{display:grid;grid-gap:18px;gap:18px}.content-block h3,.list-card h2,.section-card h2,.section-card h3{margin-bottom:10px;letter-spacing:-.02em}.list-card__meta,.toc-list{display:flex;flex-wrap:wrap;gap:10px}.section-stack{display:grid;grid-gap:18px;gap:18px}.section-card__body{white-space:pre-wrap}.guide-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--surface-alt);color:#334155;font-size:12px;font-weight:700}@media (max-width:900px){.hero-card--split,.page-grid,.stats-grid{grid-template-columns:1fr}}.block{display:grid;grid-gap:16px;gap:16px}.block__content{display:grid;grid-gap:10px;gap:10px}.block__content p,.block__footer{color:var(--muted)}.block__actions{display:flex;flex-wrap:wrap;gap:12px}.block__list{padding-left:20px}.block__list li+li{margin-top:8px}.block-kicker{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.block--cta,.block--dual-cta,.block--promo{background:linear-gradient(135deg,#f8fbff,#eef5ff);border-color:rgba(191,219,254,.9)}.block--affiliate{background:linear-gradient(135deg,#fffdf7,#fff7ed);border-color:rgba(251,191,36,.35)}.block--note{border-left:4px solid var(--primary)}.block--note-warning{border-left-color:#d97706;background:#fffaf0}.block--note-success{border-left-color:#0f766e;background:#f0fdf4}.block--note-tip{border-left-color:#2563eb;background:#f8fbff}.block--comparison{gap:18px}.block-comparison-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.block-comparison-table__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.block-comparison-table__row+.block-comparison-table__row{border-top:1px solid var(--line)}.block-comparison-table__row>div{padding:14px 16px}.block-comparison-table__row>div+div{border-left:1px solid var(--line)}.block--raw-html{overflow:hidden}@media (max-width:900px){.block-comparison-table__row{grid-template-columns:1fr}.block-comparison-table__row>div+div{border-left:0;border-top:1px solid var(--line)}}.guide-detail-top,.guides-hero{margin-top:0}.guide-content-grid,.guides-cta-grid,.guides-results{margin-top:24px}.guide-detail-hero,.guides-hero__card{background:linear-gradient(135deg,#f8fbff,#eef5ff 55%,#f5fdff);border:1px solid rgba(191,219,254,.88);border-radius:30px;box-shadow:var(--shadow);padding:28px}.guides-hero__card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);grid-gap:24px;gap:24px;align-items:center}.guide-detail-hero__actions,.guides-hero__actions{margin-top:18px}.guides-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.guide-summary-item,.guides-stat-card{background:rgba(255,255,255,.92);border:1px solid rgba(219,227,240,.9);border-radius:22px;padding:20px}.guides-stat-card__value{font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;letter-spacing:-.03em}.guide-card-rich__side-label,.guide-summary-item__label,.guides-side-card__kicker,.guides-stat-card__label{color:var(--muted);font-size:.92rem;font-weight:700}.guides-filter-wrap{position:-webkit-sticky;position:sticky;top:84px;z-index:12;margin-top:18px}.guides-filter-card{background:rgba(255,255,255,.92);border:1px solid rgba(219,227,240,.94);border-radius:24px;box-shadow:var(--shadow);padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-gap:14px;gap:14px}.guides-filter-card__search{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.guides-search{min-height:56px;padding:0 16px;display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid transparent;background:var(--surface-alt)}.guides-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.guides-search__icon{color:var(--muted);font-weight:700}.guides-filter-note{color:var(--muted);font-size:.93rem;font-weight:600}.guide-pill-row,.guides-pill-row,.guides-results__chips,.guides-topics-row{display:flex;flex-wrap:wrap;gap:10px}.guides-topic-chip{gap:8px;padding:10px 14px;font-size:14px;font-weight:700}.guide-pill,.guides-pill,.guides-topic-chip{display:inline-flex;align-items:center;border-radius:999px;background:#fff;border:1px solid var(--line);color:#334155}.guide-pill,.guides-pill{gap:10px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600}.guides-applied-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(14,165,164,.08);color:var(--good);font-size:13px;font-weight:700}.guides-results__bar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.guides-results__bar h2{letter-spacing:-.03em;margin-bottom:6px}.guide-content-grid,.guides-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:28px;gap:28px;align-items:start}.guide-sidebar,.guides-list,.guides-sidebar{display:grid;grid-gap:18px;gap:18px}.guides-sidebar{top:210px}.guide-sidebar,.guides-sidebar{position:-webkit-sticky;position:sticky}.guide-sidebar{top:88px}.article-section,.guide-card-rich,.guide-detail-cta-card,.guide-summary-card,.guides-cta-card,.guides-side-card,.related-guide-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.guide-card-rich{padding:18px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.guide-card-rich:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08);border-color:#cbd5e1}.guide-card-rich__thumb{height:120px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#f8fafc 62%,#ccfbf1);border:1px solid rgba(226,232,240,.8);position:relative}.guide-card-rich__thumb:before{content:"";position:absolute;inset:14px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.6)}.guide-card-rich__thumb:after{content:"";position:absolute;right:-18px;bottom:-18px;width:90px;height:90px;border-radius:999px;background:rgba(37,99,235,.12)}.guide-card-rich__image{position:relative;z-index:1;object-fit:cover}.guide-card-rich__fallback{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#0f172a}.guide-card-rich__fallback span{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.68);font-size:12px;font-weight:700}.guide-card-rich__fallback strong{font-size:clamp(2.2rem,5vw,3.1rem);line-height:1;letter-spacing:-.05em}.article-section,.guide-card-rich__main,.guide-card-rich__side,.guide-detail-cta-card,.guide-summary-card,.guides-cta-card,.guides-side-card{padding:22px}.article-section h2,.guide-card-rich__main h2,.guide-detail-cta-card h3,.guide-summary-card h2,.guides-cta-card h3,.related-guide-card h3{letter-spacing:-.03em}.guide-card-rich__main h2{margin:8px 0 10px}.guide-card-rich__main p{color:var(--muted);font-size:.98rem;margin-bottom:14px;max-width:720px}.guide-card-rich__meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;font-weight:600;margin-top:0}.guide-card-rich__side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;min-width:120px}.guide-card-rich__side-box{display:grid;grid-gap:8px;gap:8px;padding:14px;border-radius:18px;background:var(--surface-alt);text-align:right}.guides-side-card{display:grid;grid-gap:14px;gap:14px}.guides-side-card--accent{background:linear-gradient(135deg,#f8fbff,#eef5ff)}.guides-side-card h3{font-size:1.08rem}.guides-side-card p{color:var(--muted);font-size:.95rem}.guide-toc,.guides-side-links,.guides-side-list{display:grid;grid-gap:10px;gap:10px}.guides-side-list__item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-alt)}.guide-toc a,.guides-side-links a{padding:10px 12px;border-radius:14px;background:var(--surface-alt);color:#334155;font-weight:700;font-size:14px}.guide-toc a:hover,.guides-side-links a:hover{background:rgba(29,78,216,.08);color:var(--primary)}.guide-toc__link--active{background:rgba(37,99,235,.08);color:var(--primary)}.guide-detail-cta-grid,.guides-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.guide-detail-cta-card,.guides-cta-card{display:grid;grid-gap:14px;gap:14px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--muted);font-size:14px}.guide-breadcrumb a:hover{color:var(--primary)}.guide-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-gap:24px;gap:24px;align-items:start}.guide-summary-card{display:grid;grid-gap:16px;gap:16px;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.9);box-shadow:0 8px 20px rgba(15,23,42,.05)}.guide-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.guide-summary-item__value{font-weight:800;line-height:1.3}.guide-summary-card__footer{padding-top:4px;color:var(--muted)}.guide-summary-card__footer strong{color:var(--text)}.guide-meta-bar{margin-top:16px;background:rgba(255,255,255,.92);border:1px solid rgba(219,227,240,.94);border-radius:24px;box-shadow:var(--shadow);padding:14px}.article-section,.guide-article{display:grid;grid-gap:18px;gap:18px}.article-section{padding:28px}.article-section__header{display:grid;grid-gap:12px;gap:12px}.article-section__body{display:grid;grid-gap:14px;gap:14px;color:var(--muted)}.article-section__body strong{color:var(--text)}.article-section__body--html{color:inherit}.article-rich-list{padding-left:20px}.article-rich-list li+li{margin-top:8px}.article-section--checklist,.article-section--steps{border-color:rgba(29,78,216,.25)}.article-section--mistakes{border-color:rgba(245,158,11,.3);background:linear-gradient(180deg,#ffffff,#fffaf0)}.article-section--apps{border-color:rgba(14,165,164,.32)}.article-section--faq{border-color:rgba(37,99,235,.18)}.article-section--raw-html{border-style:dashed}.guide-apps-list,.guide-checklist,.guide-faq-list,.guide-mistakes-list,.guide-phrases-list,.guide-steps-list{display:grid;grid-gap:16px;gap:16px}.guide-steps-list{counter-reset:guide-steps;list-style:none;padding:0}.guide-apps-list__item,.guide-faq-list__item,.guide-mistakes-list__item,.guide-phrases-list__item,.guide-steps-list__item{background:var(--surface-alt);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:18px}.guide-steps-list__item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.guide-steps-list__index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800}.guide-apps-list__item,.guide-faq-list__item,.guide-mistakes-list__item,.guide-phrases-list__item,.guide-steps-list__content{display:grid;grid-gap:12px;gap:12px}.guide-checklist{list-style:none;padding:0}.guide-checklist__item{display:flex;align-items:start;gap:12px;padding:16px 18px;background:var(--surface-alt);border:1px solid rgba(226,232,240,.9);border-radius:18px}.guide-checklist__icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#dbeafe;color:var(--primary);font-size:.85rem;font-weight:800}.guide-checklist__icon.is-checked{background:#dcfce7;color:#166534}.guide-apps-list__header,.guide-phrases-list__row{display:flex;justify-content:space-between;gap:12px;align-items:start}.related-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.related-guide-card{display:grid;grid-gap:12px;gap:12px;padding:20px}@media (max-width:900px){.guide-content-grid,.guide-detail-cta-grid,.guide-detail-hero,.guide-summary-grid,.guides-cta-grid,.guides-hero__card,.guides-layout,.guides-stats,.related-guides-grid{grid-template-columns:1fr}.guides-filter-wrap{position:static}.guides-filter-card__search,.guides-results__bar{grid-template-columns:1fr;display:grid;align-items:start}.guide-card-rich{grid-template-columns:1fr}.guide-apps-list__header,.guide-phrases-list__row,.guide-steps-list__item{grid-template-columns:1fr;display:grid}.guide-card-rich__side{align-items:flex-start;min-width:0;text-align:left}.guide-card-rich__side-box{text-align:left}.guide-sidebar,.guides-sidebar{position:static}}