:root{--color-common-0: #FFFFFF;--color-common-100: #000000;--color-cn-99: #F7F7F8;--color-cn-98: #F4F4F5;--color-cn-96: #EAEBEC;--color-cn-94: #E1E2E4;--color-cn-92: #DBDCDF;--color-cn-85: #C2C4C8;--color-cn-76: #AEB0B6;--color-cn-67: #989BA2;--color-cn-58: #878A93;--color-cn-50: #70737C;--color-cn-40: #5A5C63;--color-cn-30: #46474C;--color-cn-25: #37383C;--color-cn-22: #333438;--color-cn-20: #2E2F33;--color-cn-18: #292A2D;--color-cn-15: #212225;--color-cn-13: #1B1C1E;--color-cn-12: #171719;--color-cn-10: #141415;--color-cn-07: #0F0F10;--color-blue-99: #F7FBFF;--color-blue-96: #EAF2FE;--color-blue-90: #C9DEFE;--color-blue-80: #9EC5FF;--color-blue-70: #69A5FF;--color-blue-60: #4F95FF;--color-blue-55: #3385FF;--color-blue-50: #1A75FF;--color-blue-45: #0066FF;--color-blue-40: #005EEB;--color-blue-35: #0054D1;--color-blue-25: #003E9C;--color-blue-15: #002966;--color-blue-08: #001536;--color-red-95: #FEECEC;--color-red-85: #FED5D5;--color-red-75: #FFB5B5;--color-red-65: #FF8C8C;--color-red-55: #FF6363;--color-red-50: #FF4242;--color-red-40: #E52222;--color-red-30: #B20C0C;--color-green-95: #D9FFE6;--color-green-50: #00BF40;--color-green-40: #009632;--color-verify-navy-95: #EAF2FE;--color-verify-navy-85: #AECBFF;--color-verify-navy-60: #3385FF;--color-verify-navy-45: #0066FF;--color-verify-navy-35: #0054D1;--color-verify-navy-20: #003E9C;--color-verify-teal-95: #E6F0F0;--color-verify-teal-45: #155F66;--color-verify-teal-35: #0D4A50;--color-paper-warm: #F7F7F8;--color-paper-warm-2: #F4F4F5;--color-paper-edge: #EAEBEC;--color-surface-clean: #F7F7F8;--color-surface-pure: #FFFFFF;--alpha-05: .05;--alpha-08: .08;--alpha-12: .12;--alpha-16: .16;--alpha-22: .22;--alpha-28: .28;--alpha-35: .35;--alpha-43: .43;--alpha-52: .52;--alpha-61: .61;--alpha-74: .74;--alpha-88: .88;--alpha-97: .97;--bg-page: var(--color-paper-warm);--bg-page-alt: var(--color-paper-warm-2);--bg-surface: var(--color-common-0);--bg-surface-sunken: var(--color-cn-99);--bg-elevated: var(--color-common-0);--bg-inverse: var(--color-cn-12);--bg-overlay: rgba(15, 15, 16, .52);--bg-disabled: var(--color-cn-96);--fg-title: rgba(46, 47, 51, 1);--fg-strong: rgba(46, 47, 51, .88);--fg-regular: rgba(55, 56, 60, .74);--fg-assistive: rgba(55, 56, 60, .61);--fg-disabled: rgba(55, 56, 60, .28);--fg-on-inverse: rgba(255, 255, 255, .95);--fg-on-brand: #FFFFFF;--line-subtle: rgba(112, 115, 124, .16);--line-normal: rgba(112, 115, 124, .22);--line-strong: rgba(112, 115, 124, .43);--line-emphasis: var(--color-cn-15);--brand-primary: var(--color-blue-45);--brand-primary-hover: var(--color-blue-40);--brand-primary-press: var(--color-blue-35);--brand-primary-tint: var(--color-blue-96);--brand-on-primary: var(--color-common-0);--verify-primary: var(--color-verify-navy-45);--verify-primary-hover: var(--color-verify-navy-35);--verify-primary-press: var(--color-verify-navy-20);--verify-tint: var(--color-verify-navy-95);--verify-border: var(--color-verify-navy-85);--verify-on-primary: var(--color-common-0);--status-positive: var(--color-green-40);--status-positive-bg: var(--color-green-95);--status-warning: #D17600;--status-warning-bg:#FEE6C6;--status-negative: var(--color-red-40);--status-negative-bg:var(--color-red-95);--status-info: var(--color-blue-45);--status-info-bg: var(--color-blue-96);--radius-xs: 4px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-2xl: 22px;--radius-pill: 999px;--radius-badge-frame: 6px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--shadow-1: 0 4px 6px -1px rgba(23,23,23,.06), 0 2px 4px -2px rgba(23,23,23,.06);--shadow-2: 0 10px 15px -3px rgba(23,23,23,.07), 0 4px 6px -2px rgba(0,0,0,.07);--shadow-3: 0 16px 24px -6px rgba(23,23,23,.08), 0 6px 10px -4px rgba(23,23,23,.08);--shadow-4: 0 24px 38px -10px rgba(23,23,23,.12), 0 10px 15px -5px rgba(23,23,23,.1);--font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--type-display-1-size: 48px;--type-display-1-lh: 1.25;--type-display-1-ls: -.024em;--type-display-2-size: 40px;--type-display-2-lh: 1.3;--type-display-2-ls: -.0282em;--type-display-3-size: 36px;--type-display-3-lh: 1.334;--type-display-3-ls: -.027em;--type-title-1-size: 32px;--type-title-1-lh: 1.375;--type-title-1-ls: -.0253em;--type-title-2-size: 28px;--type-title-2-lh: 1.358;--type-title-2-ls: -.0236em;--type-title-3-size: 24px;--type-title-3-lh: 1.334;--type-title-3-ls: -.023em;--type-heading-1-size: 22px;--type-heading-1-lh: 1.364;--type-heading-1-ls: -.0194em;--type-heading-2-size: 20px;--type-heading-2-lh: 1.4;--type-heading-2-ls: -.012em;--type-headline-1-size:18px;--type-headline-1-lh: 1.445;--type-headline-1-ls: -.002em;--type-headline-2-size:17px;--type-headline-2-lh: 1.412;--type-headline-2-ls: 0em;--type-body-1-size: 16px;--type-body-1-lh: 1.5;--type-body-1-ls: .0057em;--type-body-1-read-lh: 1.625;--type-body-2-size: 15px;--type-body-2-lh: 1.467;--type-body-2-ls: .0096em;--type-body-2-read-lh: 1.6;--type-label-1-size: 14px;--type-label-1-lh: 1.429;--type-label-1-ls: .0145em;--type-label-1-read-lh:1.571;--type-label-2-size: 13px;--type-label-2-lh: 1.385;--type-label-2-ls: .0194em;--type-caption-1-size: 12px;--type-caption-1-lh: 1.334;--type-caption-1-ls: .0252em;--type-caption-2-size: 11px;--type-caption-2-lh: 1.273;--type-caption-2-ls: .0311em}html,body{font-family:var(--font-sans);color:var(--fg-strong);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.t-display-1{font-size:var(--type-display-1-size);line-height:var(--type-display-1-lh);letter-spacing:var(--type-display-1-ls);font-weight:700;color:var(--fg-title)}.t-display-2{font-size:var(--type-display-2-size);line-height:var(--type-display-2-lh);letter-spacing:var(--type-display-2-ls);font-weight:700;color:var(--fg-title)}.t-display-3{font-size:var(--type-display-3-size);line-height:var(--type-display-3-lh);letter-spacing:var(--type-display-3-ls);font-weight:700;color:var(--fg-title)}.t-title-1{font-size:var(--type-title-1-size);line-height:var(--type-title-1-lh);letter-spacing:var(--type-title-1-ls);font-weight:700;color:var(--fg-title)}.t-title-2{font-size:var(--type-title-2-size);line-height:var(--type-title-2-lh);letter-spacing:var(--type-title-2-ls);font-weight:700;color:var(--fg-title)}.t-title-3{font-size:var(--type-title-3-size);line-height:var(--type-title-3-lh);letter-spacing:var(--type-title-3-ls);font-weight:700;color:var(--fg-title)}.t-heading-1{font-size:var(--type-heading-1-size);line-height:var(--type-heading-1-lh);letter-spacing:var(--type-heading-1-ls);font-weight:600;color:var(--fg-title)}.t-heading-2{font-size:var(--type-heading-2-size);line-height:var(--type-heading-2-lh);letter-spacing:var(--type-heading-2-ls);font-weight:600;color:var(--fg-title)}.t-headline-1{font-size:var(--type-headline-1-size);line-height:var(--type-headline-1-lh);letter-spacing:var(--type-headline-1-ls);font-weight:600;color:var(--fg-title)}.t-headline-2{font-size:var(--type-headline-2-size);line-height:var(--type-headline-2-lh);letter-spacing:var(--type-headline-2-ls);font-weight:600;color:var(--fg-title)}.t-body-1{font-size:var(--type-body-1-size);line-height:var(--type-body-1-lh);letter-spacing:var(--type-body-1-ls);font-weight:500;color:var(--fg-strong)}.t-body-1-r{font-size:var(--type-body-1-size);line-height:var(--type-body-1-read-lh);letter-spacing:var(--type-body-1-ls);font-weight:400;color:var(--fg-strong)}.t-body-2{font-size:var(--type-body-2-size);line-height:var(--type-body-2-lh);letter-spacing:var(--type-body-2-ls);font-weight:500;color:var(--fg-regular)}.t-label-1{font-size:var(--type-label-1-size);line-height:var(--type-label-1-lh);letter-spacing:var(--type-label-1-ls);font-weight:500;color:var(--fg-regular)}.t-label-2{font-size:var(--type-label-2-size);line-height:var(--type-label-2-lh);letter-spacing:var(--type-label-2-ls);font-weight:500;color:var(--fg-assistive)}.t-caption-1{font-size:var(--type-caption-1-size);line-height:var(--type-caption-1-lh);letter-spacing:var(--type-caption-1-ls);font-weight:500;color:var(--fg-assistive)}.t-caption-2{font-size:var(--type-caption-2-size);line-height:var(--type-caption-2-lh);letter-spacing:var(--type-caption-2-ls);font-weight:600;color:var(--fg-assistive);text-transform:uppercase}.t-mono{font-family:var(--font-mono);font-feature-settings:"tnum"}p{font-size:var(--type-body-1-size);line-height:var(--type-body-1-lh);letter-spacing:var(--type-body-1-ls);font-weight:400;color:var(--fg-strong);margin:0}small{font-size:var(--type-caption-1-size);color:var(--fg-assistive)}:root{--tds-text-strong: #191F28;--tds-text-default: #333D4B;--tds-text-neutral: #4E5968;--tds-text-assistive:#6B7683;--tds-text-disabled: #B0B8C1;--tds-line-1: #F2F4F6;--tds-line-2: #E5E8EB;--tds-line-3: #D1D6DB;--tds-fill-1: #F9FAFB;--tds-fill-2: #F2F4F6;--tds-fill-3: #E5E8EB;--verify-2-ink: #0066FF;--verify-2-press: #0054D1;--verify-2-ring: #E5E8EB;--verify-2-text: #0066FF;--verify-2-bg-soft: #F2F4F6;--verify-2-bg-tint: #EAF2FE;--tds-status-negative: #EF4452;--tds-status-negative-bg:#FEECEE;--tds-status-warning: #FF9000;--tds-status-warning-bg: #FFF4E0;--tds-status-info: #3182F6;--tds-status-info-bg: #E8F2FE;--p2-share-ink: #0066FF;--p2-share-ink-hover:#0054D1;--p2-share-ink-press:#003E9C;--p2-share-soft: #E8F2FE;--p2-share-on-soft: #003E9C;--btn-xl-h: 56px;--btn-xl-r: 8px;--btn-xl-px: 24px;--btn-xl-fs: 17px;--btn-l-h: 48px;--btn-l-r: 7px;--btn-l-px: 20px;--btn-l-fs: 16px;--btn-m-h: 38px;--btn-m-r: 6px;--btn-m-px: 16px;--btn-m-fs: 15px;--btn-s-h: 32px;--btn-s-r: 5px;--btn-s-px: 12px;--btn-s-fs: 13px;--p2-bg-page: #FFFFFF;--p2-bg-page-alt: #F9FAFB;--p2-bg-surface: #FFFFFF;--p2-bg-sunken: #F2F4F6;--p2-bg-inverse: #0B1220;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}:root{--color-paper-warm: var(--p2-bg-page);--color-paper-warm-2: var(--p2-bg-page-alt);--color-paper-edge: #EAEBEC;--color-surface-clean:var(--p2-bg-page);--color-surface-pure: #FFFFFF}.t-p2-result-title{font-size:22px;line-height:1.36;letter-spacing:-.022em;font-weight:700;color:var(--tds-text-strong)}.t-p2-result-body{font-size:15px;line-height:1.55;letter-spacing:-.003em;font-weight:500;color:var(--tds-text-neutral)}.t-p2-meta-label{font-size:13px;line-height:1.4;letter-spacing:0;font-weight:500;color:var(--tds-text-assistive)}.t-p2-meta-value{font-size:15px;line-height:1.5;letter-spacing:-.003em;font-weight:600;color:var(--tds-text-default)}.t-p2-cta-label{font-size:17px;line-height:1.25;letter-spacing:-.005em;font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg-page);color:var(--fg-strong);overflow-x:clip;max-width:100%}#root{overflow-x:clip;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans)}img{display:block;max-width:100%}:root{--page-max: 1200px;--content-max: 760px;--header-h: 64px}.wrap{max-width:var(--page-max);margin:0 auto;padding:0 24px}.section{padding:64px 0}.section-sm{padding-top:40px;padding-bottom:40px}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--fg-assistive)}.blog-hero{border-bottom:1px solid var(--line-subtle);overflow:hidden;background:linear-gradient(180deg,#EFF5FF 0%,#F6F9FF 42%,var(--bg-page) 100%)}.blog-hero-inner{display:flex;align-items:center;gap:56px;padding-top:76px;padding-bottom:84px}.blog-hero-copy{flex:1 1 520px;min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:var(--radius-pill);background:var(--brand-primary-tint);color:var(--brand-primary);font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:20px}.hero-eyebrow-dot{width:7px;height:7px;border-radius:999px;background:var(--brand-primary)}.hero-title{font-size:52px;line-height:1.13;letter-spacing:-.025em;word-break:keep-all}.hero-sub{font-size:19px;line-height:1.6;color:var(--fg-regular);margin-top:18px;max-width:540px;word-break:keep-all}.hero-actions{margin-top:30px;display:flex;flex-direction:column;gap:18px}.hero-search{max-width:460px;width:100%}.hero-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-chips-label{font-size:13px;font-weight:500;color:var(--fg-assistive);margin-right:4px}.blog-hero-art{flex:0 0 auto;width:420px;max-width:42%;display:flex;align-items:center;justify-content:center;position:relative}.blog-hero-art:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:480px;border-radius:999px;background:radial-gradient(circle,var(--brand-primary-tint) 0%,rgba(234,242,254,0) 68%);z-index:0}.blog-hero-art img{position:relative;z-index:1;width:100%;height:auto}@media(max-width:900px){.blog-hero-inner{flex-direction:column;align-items:flex-start;gap:32px;padding-top:52px;padding-bottom:0}.blog-hero-art{display:none}.hero-title{font-size:38px}.hero-sub{font-size:17px}}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:3px}.search-pop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:6px;z-index:40;max-height:360px;overflow-y:auto}.search-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--radius-md);cursor:pointer}.search-item:hover{background:var(--p2-bg-sunken)}.search-item-t{flex:1;font-size:14px;font-weight:500;color:var(--fg-title);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-cat{font-size:12px;font-weight:600;color:var(--fg-assistive);flex-shrink:0}.search-hl{background:var(--status-info-bg);color:var(--brand-primary);border-radius:3px;padding:0 1px}.search-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px;margin-top:4px;border-top:1px solid var(--line-subtle);font-size:13px;font-weight:600;color:var(--brand-primary);cursor:pointer}.search-all:hover{background:var(--p2-bg-sunken);border-radius:var(--radius-md)}.search-empty{padding:20px 12px;text-align:center;font-size:14px;color:var(--fg-assistive)}.band{background:var(--color-cn-12);color:var(--fg-on-inverse);font-size:14px;font-weight:500;letter-spacing:.01em}.band-inner{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 24px;max-width:var(--page-max);margin:0 auto}.band-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:var(--radius-sm);background:#ffffff24;color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.band-link{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;cursor:pointer}.band-link svg{transition:transform var(--motion-base) var(--ease-out)}.band-link:hover svg{transform:translate(3px)}.band-close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:none;color:#ffffffb3;cursor:pointer;flex-shrink:0}.band-close:hover{background:#ffffff1f;color:#fff}.hdr{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(1.1);border-bottom:1px solid var(--line-subtle)}.hdr-inner{display:flex;align-items:center;gap:28px;min-height:var(--header-h);max-width:var(--page-max);margin:0 auto;padding:0 24px}.hdr-logo{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.hdr-logo img{height:22px;width:auto}.nav{display:flex;align-items:center;gap:2px}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 13px;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--fg-regular);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast),color var(--motion-fast)}.nav-link:hover{background:#0000000a;color:var(--fg-title)}.nav-link.active{color:var(--brand-primary);font-weight:600}.nav-link .chev{transition:transform var(--motion-fast)}.nav-item:hover .chev{transform:rotate(180deg)}.nav-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:184px;background:var(--bg-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--motion-base) var(--ease-out)}.nav-item:hover .nav-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--fg-strong);cursor:pointer}.nav-menu a:hover{background:var(--p2-bg-sunken)}.nav-menu .dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}.hdr-right{display:flex;align-items:center;gap:12px;margin-left:auto}.hdr-sub{font-size:14px;font-weight:500;color:var(--fg-regular);cursor:pointer;white-space:nowrap}.hdr-sub:hover{color:var(--fg-title)}.hdr-lang{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--fg-regular);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast)}.hdr-lang:hover{background:#0000000a;color:var(--fg-title)}.lang-item .nav-menu a{font-size:14px}.hdr-burger{display:none;width:40px;height:40px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;color:var(--fg-title);margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-weight:600;white-space:nowrap;transition:background var(--motion-fast);font-family:var(--font-sans)}.btn-xl{height:56px;padding:0 26px;border-radius:var(--btn-l-r);font-size:17px}.btn-lg{height:48px;padding:0 20px;border-radius:var(--btn-l-r);font-size:16px}.btn-md{height:40px;padding:0 16px;border-radius:var(--btn-m-r);font-size:15px}.btn-sm{height:32px;padding:0 12px;border-radius:var(--btn-s-r);font-size:13px}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-primary:active{background:var(--brand-primary-press)}.btn-outline{background:#fff;color:var(--fg-title);border:1px solid var(--line-strong)}.btn-outline:hover{background:#0000000a}.btn-ghost{background:transparent;color:var(--fg-title)}.btn-ghost:hover{background:#0000000a}.btn-soft{background:var(--p2-share-soft);color:var(--p2-share-on-soft)}.btn-soft:hover{background:#d8e8fd}.btn-block{width:100%}.btn[disabled]{background:var(--bg-disabled);color:var(--fg-disabled);cursor:not-allowed}.cat-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;letter-spacing:.01em}.cat-chip .dot{width:6px;height:6px;border-radius:999px}.tag-chip{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:var(--radius-pill);background:var(--p2-bg-sunken);color:var(--fg-regular);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast);border:1px solid transparent}.tag-chip:hover{background:var(--color-cn-94);color:var(--fg-title)}.tag-chip.active{background:var(--color-cn-15);color:#fff}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{height:38px;padding:0 15px;border-radius:var(--radius-md);background:transparent;border:none;font-size:14px;font-weight:600;color:var(--fg-regular);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.tab:hover{background:#0000000a;color:var(--fg-title)}.tab.active{background:var(--color-cn-15);color:#fff}.card{background:var(--bg-surface);border:1px solid var(--line-normal);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color var(--motion-base),box-shadow var(--motion-base),transform var(--motion-base)}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-1)}.card-thumb{position:relative;aspect-ratio:1200 / 630;width:100%;background:var(--p2-bg-sunken);overflow:hidden}.card-thumb image-slot{width:100%;height:100%}.card-cat{position:absolute;top:12px;left:12px;z-index:2}.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.card-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--radius-pill);background:var(--p2-bg-sunken);border:1px solid var(--line-subtle);font-size:12px;font-weight:500;color:var(--fg-regular)}.card-title{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--fg-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:keep-all}.card-sum{font-size:14px;line-height:1.55;color:var(--fg-regular);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-assistive);padding-top:4px}.card-meta .sep{width:2px;height:2px;border-radius:999px;background:var(--fg-disabled)}.feat{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--bg-surface);border:1px solid var(--line-normal);border-radius:12px;overflow:hidden;cursor:pointer;max-width:1200px;margin-left:auto;margin-right:auto;transition:border-color var(--motion-base),box-shadow var(--motion-base)}.feat:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.feat-thumb{position:relative;aspect-ratio:1200 / 630;background:var(--p2-bg-sunken)}.feat-thumb image-slot{width:100%;height:100%;position:absolute;inset:0}.feat-body{padding:40px;display:flex;flex-direction:column;gap:16px;justify-content:center}.feat-title{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.022em;color:var(--fg-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feat-sum{font-size:16px;line-height:1.6;color:var(--fg-regular);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-row{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line-subtle);cursor:pointer;align-items:center}.list-row:hover .card-title{color:var(--brand-primary)}.list-row-thumb{position:relative;aspect-ratio:1200 / 630;border-radius:var(--radius-md);overflow:hidden;background:var(--p2-bg-sunken)}.list-row-thumb image-slot{width:100%;height:100%}.list-row-body{display:flex;flex-direction:column;gap:8px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cta-block{border-radius:var(--radius-2xl);padding:48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.cta-ink{background:var(--p2-bg-inverse);color:#fff}.cta-ink .cta-head{color:#fff}.cta-ink .cta-desc{color:#ffffffb8}.cta-tint{background:var(--brand-primary-tint);border:1px solid var(--verify-border)}.cta-line{background:var(--bg-surface);border:1px solid var(--line-normal)}.cta-head{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.022em;color:var(--fg-title);max-width:22ch}.cta-desc{font-size:16px;line-height:1.6;color:var(--fg-regular);max-width:44ch}.cta-trust{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-assistive);margin-top:4px}.cta-ink .cta-trust{color:#fff9}.cta-logos{display:flex;align-items:center;gap:18px;opacity:.7;margin-top:6px;flex-wrap:wrap;justify-content:center}.cta-logo-ph{height:22px;padding:0 14px;display:flex;align-items:center;border-radius:var(--radius-sm);background:#0000000d;font-size:12px;font-weight:700;color:var(--fg-assistive);letter-spacing:.02em}.cta-ink .cta-logo-ph{background:#ffffff1a;color:#ffffffbf}.cta-inline{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:var(--radius-xl);background:var(--p2-bg-inverse);color:#fff;flex-wrap:wrap}.cta-inline .ci-text{flex:1;min-width:220px}.cta-inline .ci-head{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.01em}.cta-inline .ci-sub{font-size:14px;color:#ffffffa8;margin-top:4px}.lead{display:grid;grid-template-columns:168px 1fr;gap:28px;padding:28px;border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--line-normal);align-items:center}.lead-cover{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;background:var(--p2-bg-sunken);box-shadow:var(--shadow-2)}.lead-cover image-slot{width:100%;height:100%}.lead-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);background:var(--status-info-bg);color:var(--brand-primary);font-size:12px;font-weight:700}.lead-title{font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:var(--fg-title);margin:12px 0 14px}.lead-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.lead-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--fg-regular);line-height:1.5}.lead-list svg{flex-shrink:0;margin-top:2px;color:var(--brand-primary)}.xb{margin:28px 0;border-radius:var(--radius-lg)}.xb-def{display:flex;gap:16px;padding:22px 24px;background:var(--status-info-bg);border:1px solid var(--verify-border);border-radius:var(--radius-lg)}.xb-def-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand-primary)}.xb-def-term{font-size:16px;font-weight:700;color:var(--color-blue-25);margin-bottom:4px}.xb-def-body{font-size:15px;line-height:1.65;color:var(--fg-strong)}.xb-cmp{border:1px solid var(--line-normal);border-radius:var(--radius-lg);overflow:hidden}.xb-cmp table{width:100%;border-collapse:collapse}.xb-cmp th{text-align:left;font-size:14px;font-weight:700;padding:14px 18px;background:var(--p2-bg-sunken);color:var(--fg-title);border-bottom:1px solid var(--line-normal)}.xb-cmp th:first-child{color:var(--fg-assistive);font-weight:600}.xb-cmp td{font-size:14px;padding:14px 18px;border-bottom:1px solid var(--line-subtle);color:var(--fg-strong);line-height:1.55;vertical-align:top}.xb-cmp td:first-child{font-weight:600;color:var(--fg-assistive);background:#fcfcfd}.xb-cmp tr:last-child td{border-bottom:none}.xb-cmp .good{color:var(--color-blue-35);font-weight:600}.xb-steps{padding:24px 26px;background:var(--bg-surface);border:1px solid var(--line-normal);border-radius:var(--radius-lg)}.xb-steps-head{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-assistive);margin-bottom:18px}.xb-step{display:flex;gap:16px;padding-bottom:18px}.xb-step:last-child{padding-bottom:0}.xb-step-num{flex-shrink:0;width:30px;height:30px;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.xb-step-title{font-size:15px;font-weight:700;color:var(--fg-title);margin-bottom:3px}.xb-step-desc{font-size:14px;line-height:1.6;color:var(--fg-regular)}.xb-step-line{position:relative}.xb-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-normal);border-radius:var(--radius-lg);overflow:hidden}.xb-stat-cell{padding:26px 22px;border-right:1px solid var(--line-subtle)}.xb-stat-cell:last-child{border-right:none}.xb-stat-num{font-size:36px;font-weight:700;letter-spacing:-.02em;color:var(--brand-primary);line-height:1.1}.xb-stat-label{font-size:14px;font-weight:600;color:var(--fg-strong);margin-top:6px}.xb-stat-src{font-size:12px;color:var(--fg-assistive);margin-top:8px}.xb-rec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.xb-rec-card{padding:20px;border:1px solid var(--line-normal);border-radius:var(--radius-lg);background:var(--bg-surface);display:flex;flex-direction:column;gap:10px}.xb-rec-for{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--brand-primary)}.xb-rec-sol{font-size:16px;font-weight:700;color:var(--fg-title)}.xb-rec-why{font-size:13px;line-height:1.55;color:var(--fg-regular)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-assistive);flex-wrap:wrap}.breadcrumb a{cursor:pointer}.breadcrumb a:hover{color:var(--fg-title)}.breadcrumb .cur{color:var(--fg-title);font-weight:600}.breadcrumb svg{color:var(--line-strong)}.art-h1{font-size:40px;font-weight:700;line-height:1.25;letter-spacing:-.028em;color:var(--fg-title);margin:16px 0 20px}.art-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--fg-assistive)}.art-meta .author{display:flex;align-items:center;gap:8px}.art-meta .avatar{width:32px;height:32px;border-radius:999px;background:var(--color-blue-90);color:var(--color-blue-25);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.art-meta .sep{width:3px;height:3px;border-radius:999px;background:var(--fg-disabled)}.art-hero{position:relative;aspect-ratio:1200 / 630;border-radius:var(--radius-xl);overflow:hidden;background:var(--p2-bg-sunken);margin:28px 0}.art-hero image-slot{width:100%;height:100%}.tldr{background:var(--p2-bg-sunken);border:1px solid var(--line-normal);border-left:3px solid var(--brand-primary);border-radius:var(--radius-md);padding:22px 26px;margin:28px 0}.tldr-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--brand-primary);text-transform:uppercase;margin-bottom:10px}.tldr p{font-size:16px;line-height:1.7;color:var(--fg-strong);font-weight:500}.art-layout{display:grid;grid-template-columns:1fr 240px;gap:56px;align-items:start}.toc{position:sticky;top:calc(var(--header-h) + 24px)}.toc-head{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-assistive);margin-bottom:14px}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line-normal)}.toc-list a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:13px;line-height:1.4;color:var(--fg-assistive);cursor:pointer;transition:color var(--motion-fast)}.toc-list a:hover{color:var(--fg-title)}.toc-list a.active{color:var(--brand-primary);border-left-color:var(--brand-primary);font-weight:600}.prose h2{font-size:26px;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--fg-title);margin:48px 0 16px;scroll-margin-top:96px}.prose h3{font-size:19px;font-weight:600;color:var(--fg-title);margin:32px 0 12px}.prose p{font-size:17px;line-height:1.75;color:var(--fg-strong);margin:0 0 18px;font-weight:400}.prose .answer{font-size:17px;line-height:1.75;color:var(--fg-title);font-weight:600;margin-bottom:18px}.prose a.inline{color:var(--brand-primary);font-weight:500;border-bottom:1px solid var(--verify-border);cursor:pointer}.prose a.inline:hover{border-bottom-color:var(--brand-primary)}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{font-size:17px;line-height:1.7;color:var(--fg-strong);margin-bottom:8px}.prose blockquote{margin:24px 0;padding:4px 0 4px 22px;border-left:3px solid var(--line-strong);font-size:18px;line-height:1.7;color:var(--fg-regular);font-style:normal}.faq{border-top:1px solid var(--line-normal)}.faq-item{border-bottom:1px solid var(--line-normal)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;font-size:17px;font-weight:600;color:var(--fg-title)}.faq-q svg{flex-shrink:0;color:var(--fg-assistive);transition:transform var(--motion-base)}.faq-q[aria-expanded=true] svg{transform:rotate(180deg)}.faq-a{overflow:hidden;max-height:0;transition:max-height var(--motion-slow) var(--ease-out)}.faq-a-inner{padding:0 0 22px;font-size:16px;line-height:1.7;color:var(--fg-regular)}.share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--line-normal);background:#fff;font-size:14px;font-weight:600;color:var(--fg-strong);cursor:pointer;transition:background var(--motion-fast)}.share-btn:hover{background:#0000000a}.share-btn.li{background:#0a66c2;color:#fff;border-color:#0a66c2}.share-btn.li:hover{background:#084f96}.author-box{display:flex;gap:16px;align-items:center;padding:24px;border-radius:var(--radius-lg);background:var(--p2-bg-sunken)}.author-box .avatar{width:52px;height:52px;border-radius:999px;background:var(--color-blue-90);color:var(--color-blue-25);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.post-nav-item{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid var(--line-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out);min-width:0;text-decoration:none}.post-nav-item:hover{background:#00000005;border-color:var(--line-normal)}.post-nav-next{text-align:right;align-items:flex-end}.post-nav-empty{border:none;background:none;cursor:default;padding:0}.post-nav-dir{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand-primary)}.post-nav-title{font-size:16px;font-weight:600;line-height:1.45;color:var(--fg-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.hub-head{padding:48px 0 8px}.hub-h1{font-size:40px;font-weight:700;letter-spacing:-.028em;color:var(--fg-title);display:flex;align-items:center;gap:14px}.hub-desc{font-size:18px;line-height:1.6;color:var(--fg-regular);margin-top:14px;max-width:60ch}.hub-count{font-size:14px;color:var(--fg-assistive);margin-top:12px}.hub-controls{margin-top:24px;border-bottom:1px solid var(--line-subtle);padding-bottom:16px}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line-subtle);position:sticky;top:var(--header-h);background:var(--bg-page);z-index:20}.empty{text-align:center;padding:64px 24px}.empty-icon{width:56px;height:56px;border-radius:999px;background:var(--p2-bg-sunken);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-assistive);margin-bottom:16px}.skel{background:linear-gradient(90deg,var(--p2-bg-sunken) 25%,var(--color-cn-96) 50%,var(--p2-bg-sunken) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.res-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--line-normal);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--motion-base),box-shadow var(--motion-base)}.res-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.res-cover{position:relative;aspect-ratio:4/3;background:var(--p2-bg-sunken);border-bottom:1px solid var(--line-subtle)}.res-cover image-slot{position:absolute;inset:0;width:100%;height:100%}.res-type{position:absolute;top:14px;left:14px;padding:4px 10px;border-radius:var(--radius-sm);background:#ffffffeb;font-size:12px;font-weight:700;color:var(--fg-title)}.res-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.news-strip{border-radius:var(--radius-2xl);background:var(--p2-bg-inverse);color:#fff;padding:44px 48px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:space-between}.news-strip h3{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.02em}.news-strip p{color:#ffffffa8;font-size:15px;margin-top:6px}.news-form{display:flex;gap:10px;flex:0 0 auto}.inp{height:48px;padding:0 16px;border-radius:var(--btn-l-r);border:1px solid var(--line-normal);background:#fff;font-size:15px;font-family:var(--font-sans);color:var(--fg-title);min-width:240px}.inp:focus{outline:2px solid var(--brand-primary);outline-offset:1px}.inp.err{border-color:var(--status-negative)}.news-form .inp{background:#ffffff1a;border-color:#fff3;color:#fff}.news-form .inp::placeholder{color:#ffffff80}.ftr{background:var(--bg-surface);border-top:1px solid var(--line-normal);margin-top:0}.section.cta-final{padding-bottom:80px}.ftr-sub{padding:36px 0;border-bottom:1px solid var(--line-subtle);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ftr-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding:48px 0}.ftr-col-end{text-align:right;align-items:flex-end}.ftr-col-end ul{align-items:flex-end}.ftr-col h4{font-size:13px;font-weight:700;color:var(--fg-title);margin:0 0 14px;letter-spacing:.01em}.ftr-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ftr-col a{font-size:14px;color:var(--fg-regular);cursor:pointer}.ftr-col a:hover{color:var(--brand-primary)}.ftr-brand img{height:22px}.ftr-brand p{font-size:13px;color:var(--fg-assistive);margin-top:14px;line-height:1.6;max-width:30ch}.ftr-bottom{border-top:1px solid var(--line-subtle);padding:24px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--fg-assistive)}.ftr-marks{display:flex;gap:12px;align-items:center}.ftr-mark{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-normal);font-size:12px;font-weight:600;color:var(--fg-regular)}.scrim{position:fixed;inset:0;background:var(--bg-overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;animation:scrimIn var(--motion-base) forwards}@keyframes scrimIn{to{opacity:1}}.modal{width:100%;max-width:440px;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-4);overflow:hidden;transform:translateY(8px);animation:modalIn var(--motion-slow) var(--ease-out) forwards;max-height:92vh;overflow-y:auto}@keyframes modalIn{to{transform:translateY(0)}}.modal-head{display:flex;gap:16px;padding:24px 24px 0;align-items:flex-start}.modal-cover{width:72px;height:96px;border-radius:var(--radius-sm);background:var(--p2-bg-sunken);flex-shrink:0;overflow:hidden;box-shadow:var(--shadow-1)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg-regular)}.modal-close:hover{background:#0000001a}.modal-body{padding:20px 24px 24px}.modal-benefits{list-style:none;padding:0;margin:16px 0 20px;display:flex;flex-direction:column;gap:10px}.modal-benefits li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--fg-regular)}.modal-benefits svg{flex-shrink:0;margin-top:1px;color:var(--brand-primary)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--fg-strong);margin-bottom:6px}.field .inp{width:100%}.field .hint{font-size:12px;color:var(--status-negative);margin-top:5px}.consent{display:flex;gap:9px;align-items:flex-start;margin:6px 0 18px;font-size:13px;line-height:1.5;color:var(--fg-regular);cursor:pointer}.consent input{margin-top:2px;width:16px;height:16px;accent-color:var(--brand-primary);flex-shrink:0}.consent a{color:var(--brand-primary);text-decoration:underline}.modal-success{padding:40px 28px;text-align:center}.success-mark{width:64px;height:64px;border-radius:999px;background:var(--status-info-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--brand-primary);margin-bottom:18px}.sub-modal{padding:36px 32px 28px}.sub-logo{display:flex;justify-content:center;margin-bottom:24px}.sub-logo img{height:28px;width:auto}.sub-title{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--fg-title);text-align:center;margin-bottom:8px}.sub-desc{font-size:15px;line-height:1.6;color:var(--fg-regular);text-align:center;margin-bottom:24px}.sub-divider{height:1px;background:var(--line-subtle);margin-bottom:24px}.sub-footnote{margin-top:16px;font-size:13px;color:var(--fg-assistive);text-align:center;line-height:1.6}.sub-policy{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-overlay);border-radius:var(--radius-xl)}.sub-policy-box{background:var(--bg-surface);border:1px solid var(--line-normal);border-radius:var(--radius-md);padding:28px 24px 20px;max-width:360px;width:100%;box-shadow:var(--shadow-2)}.sub-policy-title{font-size:17px;font-weight:700;color:var(--fg-title);margin-bottom:12px}.sub-policy-text{font-size:14px;line-height:1.7;color:var(--fg-regular);margin-bottom:22px;white-space:pre-line}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(8px);background:var(--bg-inverse);color:var(--fg-on-inverse);padding:12px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-3);z-index:200;opacity:0;animation:toastIn var(--motion-base) forwards;display:flex;align-items:center;gap:9px}@keyframes toastIn{to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-menu{position:fixed;top:var(--header-h);left:0;right:0;bottom:auto;max-height:calc(100dvh - var(--header-h));background:#fff;z-index:49;overflow-y:auto;padding:8px 24px 24px;border-bottom:1px solid var(--line-subtle);box-shadow:0 16px 32px -16px #0000002e}.mm-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line-subtle);font-size:17px;font-weight:600;color:var(--fg-title);cursor:pointer}.mm-sub{padding-left:14px}.mm-sub a{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:15px;color:var(--fg-regular);cursor:pointer}@media(max-width:1024px){.art-layout{grid-template-columns:1fr;gap:0}.toc{display:none}.feat{grid-template-columns:1fr}.feat-thumb{aspect-ratio:1200 / 630;min-height:0}}@media(max-width:860px){.nav,.hdr-sub{display:none}.hdr-burger{display:flex}.hdr-inner{gap:8px}.grid-3{grid-template-columns:repeat(2,1fr)}.ftr-cols{grid-template-columns:1fr 1fr;gap:32px}.art-h1,.hub-h1{font-size:30px}.feat-title,.cta-head,.news-strip h3{font-size:22px}.xb-stat,.xb-rec{grid-template-columns:1fr}.xb-stat-cell{border-right:none;border-bottom:1px solid var(--line-subtle)}.news-strip{padding:32px 28px}.news-form{width:100%}.news-form .inp{min-width:0;flex:1}.cta-block{padding:32px 24px}.lead{grid-template-columns:1fr;gap:20px}.lead-cover{width:140px}}@media(max-width:560px){.post-nav,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:44px 0}.wrap{padding:0 18px}.art-h1{font-size:26px}.prose h2{font-size:22px}.prose p,.prose li{font-size:16px}.list-row{grid-template-columns:1fr}.list-row-thumb{width:100%}.feat-body{padding:24px}}.cb-callout{display:flex;gap:14px;padding:18px 20px;border-radius:var(--radius-lg);border:1px solid;margin:24px 0}.cb-callout-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.cb-callout-title{font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:4px}.cb-callout-text{font-size:15px;line-height:1.65;color:var(--fg-strong)}.cb-callout-text p:first-child{margin-top:0}.cb-callout-text p:last-child{margin-bottom:0}.cb-callout-info{background:var(--status-info-bg);border-color:var(--verify-border)}.cb-callout-info .cb-callout-icon,.cb-callout-info .cb-callout-title{color:var(--brand-primary)}.cb-callout-tip{background:var(--status-positive-bg);border-color:color-mix(in srgb,var(--status-positive) 28%,transparent)}.cb-callout-tip .cb-callout-icon,.cb-callout-tip .cb-callout-title{color:var(--status-positive)}.cb-callout-warning{background:var(--status-warning-bg);border-color:color-mix(in srgb,var(--status-warning) 32%,transparent)}.cb-callout-warning .cb-callout-icon,.cb-callout-warning .cb-callout-title{color:var(--status-warning)}.cb-callout-note{background:var(--p2-bg-sunken);border-color:var(--line-normal)}.cb-callout-note .cb-callout-icon,.cb-callout-note .cb-callout-title{color:var(--fg-assistive)}.cb-key{margin:24px 0;padding:22px 24px;border:1px solid var(--verify-border);border-radius:var(--radius-lg);background:var(--brand-primary-tint)}.cb-key-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--brand-primary);margin-bottom:14px}.cb-key-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cb-key-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--fg-title);font-weight:500}.cb-key-list li svg{flex-shrink:0;margin-top:2px}.cb-pull{margin:32px 0;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.cb-pull-text{margin:0;font-size:23px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--fg-title);max-width:30ch;word-break:keep-all}.cb-pull-cite{font-size:14px;color:var(--fg-assistive);font-weight:500}.cb-check{margin:24px 0;padding:22px 24px;border:1px solid var(--line-normal);border-radius:var(--radius-lg);background:var(--bg-surface)}.cb-check-head{font-size:14px;font-weight:700;color:var(--fg-title);margin-bottom:14px}.cb-check-row{display:flex;gap:12px;align-items:flex-start;padding:7px 0}.cb-check-box{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;margin-top:1px}.cb-check-text{font-size:15px;line-height:1.6;color:var(--fg-strong)}.cb-num{list-style:none;margin:24px 0;padding:0;display:flex;flex-direction:column;gap:12px}.cb-num li{display:flex;gap:14px;align-items:flex-start}.cb-num-badge{flex-shrink:0;width:26px;height:26px;border-radius:999px;background:var(--brand-primary-tint);color:var(--brand-primary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.cb-num-text{font-size:16px;line-height:1.65;color:var(--fg-strong)}.cb-num-text strong{color:var(--fg-title);font-weight:700}.cb-table-wrap{margin:24px 0;border:1px solid var(--line-normal);border-radius:var(--radius-lg);overflow:hidden}.cb-table{width:100%;border-collapse:collapse}.cb-table-cap{caption-side:top;text-align:left;padding:14px 18px;font-size:13px;font-weight:600;color:var(--fg-assistive);background:var(--p2-bg-sunken)}.cb-table th{text-align:left;font-size:14px;font-weight:700;padding:13px 18px;background:var(--p2-bg-sunken);color:var(--fg-title);border-bottom:1px solid var(--line-normal)}.cb-table td{font-size:14px;padding:13px 18px;border-bottom:1px solid var(--line-subtle);color:var(--fg-strong)}.cb-table tr:last-child td{border-bottom:none}.cb-hr{border:none;border-top:1px solid var(--line-normal);margin:32px 0}.cb-divider{display:flex;align-items:center;gap:16px;margin:32px 0}.cb-divider-line{flex:1;height:1px;background:var(--line-normal)}.cb-divider-label{font-size:13px;font-weight:600;color:var(--fg-assistive);white-space:nowrap}.cb-source{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;margin:16px 0;font-size:13px;line-height:1.6;color:var(--fg-assistive)}.cb-source svg{flex-shrink:0;align-self:center}.cb-source p{margin:0;font-size:inherit;color:inherit}.prose .cb-source p{margin:0;font-size:inherit}.bg-hero{padding-top:24px;padding-bottom:36px;border-bottom:1px solid var(--line-subtle)}.bg-hero-title{color:var(--fg-title)}.bg-hero-sub{margin-top:14px;max-width:640px;font-size:17px;line-height:1.7;color:var(--fg-regular);word-break:keep-all}.bg-body{padding-top:8px;padding-bottom:80px}.bg-group{margin-top:48px}.bg-group-label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-primary);padding-bottom:12px;margin-bottom:24px;border-bottom:2px solid var(--brand-primary-tint)}.bg-item{padding:24px 0;border-bottom:1px solid var(--line-subtle)}.bg-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.bg-item-name{font-size:18px;font-weight:700;color:var(--fg-title);margin:0}.bg-item-when{font-size:14px;color:var(--fg-assistive);margin:5px 0 0;line-height:1.5}.bg-item-tag{flex-shrink:0;font-family:var(--font-mono);font-size:12px;color:var(--fg-regular);background:var(--p2-bg-sunken);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);padding:5px 9px;white-space:nowrap}.bg-item-demo{background:var(--bg-page);border:1px dashed var(--line-normal);border-radius:var(--radius-lg);padding:24px}.bg-item-demo>:first-child{margin-top:0}.bg-item-demo>:last-child{margin-bottom:0}@media(max-width:700px){.bg-item-head{flex-direction:column;gap:8px}.bg-item-tag{align-self:flex-start}}.prose .cb-pull-text{margin:0;padding:0;border-left:0;font-size:23px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--fg-title);font-style:normal}.prose .cb-key-list,.prose .cb-num{padding-left:0;margin:0}.prose .cb-key-list li{font-size:15px;margin-bottom:0;color:var(--fg-title)}.prose .cb-num li{margin-bottom:0}.prose .cb-num-text{font-size:16px;color:var(--fg-strong)}.prose .cb-callout-text{font-size:15px}.prose .cb-callout-text p{font-size:15px;margin:0 0 8px;color:var(--fg-strong)}.prose .cb-callout-text p:last-child{margin-bottom:0}.prose .cb-hr{margin:32px 0}.prose .cb-table{margin:0;border:0;border-radius:0}.prose .cb-table th{font-size:14px;font-weight:700;padding:13px 18px;text-align:left;background:var(--p2-bg-sunken);color:var(--fg-title);border-bottom:1px solid var(--line-normal)}.prose .cb-table td{font-size:14px;padding:13px 18px;border-bottom:1px solid var(--line-subtle);color:var(--fg-strong)}.prose .cb-table tr:last-child td{border-bottom:0}.prose .xb-cmp table{margin:0;border:0;border-radius:0}.prose .xb-cmp th{font-size:14px;font-weight:700;text-align:left;padding:14px 18px;background:var(--p2-bg-sunken);color:var(--fg-title);border-bottom:1px solid var(--line-normal)}.prose .xb-cmp th:first-child{color:var(--fg-assistive);font-weight:600}.prose .xb-cmp td{font-size:14px;padding:14px 18px;border-bottom:1px solid var(--line-subtle);color:var(--fg-strong);line-height:1.55;vertical-align:top}.prose .xb-cmp td:first-child{font-weight:600;color:var(--fg-assistive);background:#fcfcfd}.prose .xb-cmp tr:last-child td{border-bottom:0}.prose .xb-def-body p,.prose .xb-rec-card p,.prose .xb-rec-why p{margin:0}.hdr-sub{background:none;border:none;padding:0;line-height:inherit}[hidden]{display:none!important}.card-thumb img,.feat-thumb img,.list-row-thumb img,.art-hero img,.res-cover img,.modal-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card:hover .card-thumb img,.feat:hover .feat-thumb img{transform:scale(1.03)}.card-thumb img,.feat-thumb img{transition:transform var(--motion-slow) var(--ease-out)}.thumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-disabled)}.is-hidden{display:none!important}.container{max-width:var(--page-max, 1200px);margin-inline:auto;padding-inline:24px}@media(max-width:560px){.container{padding-inline:18px}}.prose :where(a):not(.inline):not(.btn){color:var(--brand-primary);font-weight:500;border-bottom:1px solid var(--verify-border);text-decoration:none;word-break:break-word;overflow-wrap:anywhere}.prose :where(a):not(.inline):not(.btn):hover{border-bottom-color:var(--brand-primary)}.prose img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);margin:28px 0;background:var(--p2-bg-sunken)}.prose figure{margin:28px 0}.prose figcaption{font-size:13px;color:var(--fg-assistive);text-align:center;margin-top:10px}.prose h4{font-size:17px;font-weight:600;color:var(--fg-title);margin:28px 0 10px}.prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;border:1px solid var(--line-normal);border-radius:var(--radius-lg);overflow:hidden}.prose thead th{text-align:left;font-weight:700;padding:14px 18px;background:var(--p2-bg-sunken);color:var(--fg-title);border-bottom:1px solid var(--line-normal)}.prose tbody td{padding:14px 18px;border-bottom:1px solid var(--line-subtle);color:var(--fg-strong);line-height:1.55;vertical-align:top}.prose tbody tr:last-child td{border-bottom:none}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.9em;background:var(--p2-bg-sunken);border:1px solid var(--line-subtle);border-radius:var(--radius-xs);padding:.12em .4em;word-break:break-word}.prose pre{background:var(--p2-bg-inverse);color:#ffffffeb;border-radius:var(--radius-lg);padding:20px 22px;overflow-x:auto;margin:28px 0;font-size:14px;line-height:1.6}.prose pre code{font-family:var(--font-mono);background:none;border:none;padding:0;color:inherit}.prose hr{border:none;border-top:1px solid var(--line-normal);margin:40px 0}.prose h2:first-child,.prose h3:first-child,.prose>:first-child{margin-top:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--brand-primary);color:#fff;padding:10px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px}.skip-link:focus{left:12px;top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}