@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}:root{color-scheme:light;--color-bg:#fff;--color-surface:#f4f7fa;--color-surface-alt:#eaf2fa;--color-surface-strong:#e4edf7;--color-text:#111827;--color-text-muted:#5b6572;--color-border:#dde3ea;--color-primary:#0b5fae;--color-primary-hover:#094c8c;--color-primary-soft:#eaf2fa;--color-primary-contrast:#fff;--color-accent:#0f8b8d;--color-accent-soft:#e1f4f3;--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-hero-bg:linear-gradient(180deg, var(--color-surface-alt) 0%, var(--color-bg) 78%);--gradient-card-hover:linear-gradient(135deg, #0b5fae0f, #0f8b8d0f);--color-confirmed-bg:#e3f7ea;--color-confirmed-text:#0b6b34;--color-confirmed-border:#b7e4c7;--color-probable-bg:#fef3e2;--color-probable-text:#8a4b00;--color-probable-border:#f6d9a6;--color-unknown-bg:#eef0f3;--color-unknown-text:#5b6572;--color-unknown-border:#dde3ea;--color-genuine-bg:#e7f0fb;--color-genuine-text:#0b5fae;--color-genuine-border:#bcd7f2;--color-compat-bg:#f4f7fa;--color-compat-text:#5b6572;--color-compat-border:#dde3ea;--color-discontinued-bg:#fdecec;--color-discontinued-text:#9b2c2c;--color-discontinued-border:#f3c9c9;--color-notice-bg:#eef3f8;--color-notice-text:#33404d;--color-notice-border:#d7e3ee;--space-0:0;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--space-7:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-full:999px;--shadow-sm:0 1px 2px #1118270f;--shadow-md:0 6px 20px #11182714;--shadow-lg:0 12px 32px #1118271f;--shadow-xl:0 20px 48px #11182729;--shadow-focus:0 0 0 3px #0b5fae47;--font-body:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", "Segoe UI", Roboto, system-ui, sans-serif;--font-size-2xs:.75rem;--font-size-xs:.8125rem;--font-size-sm:.9rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.625rem;--font-size-2xl:2.0625rem;--font-size-3xl:2.5rem;--font-size-4xl:3.15rem;--line-height-base:1.6;--line-height-tight:1.25;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--tracking-tight:-.01em;--tracking-tighter:-.025em;--max-width:1040px;--max-width-wide:1180px;--max-width-prose:68ch;--md-primary:var(--color-primary);--md-on-primary:var(--color-primary-contrast);--md-primary-container:var(--color-primary-soft);--md-on-primary-container:var(--color-primary-hover);--md-secondary:var(--color-accent);--md-on-secondary:#fff;--md-secondary-container:var(--color-accent-soft);--md-on-secondary-container:#063e3f;--md-surface:var(--color-bg);--md-on-surface:var(--color-text);--md-surface-variant:var(--color-surface);--md-on-surface-variant:var(--color-text-muted);--md-surface-container-low:var(--color-surface);--md-surface-container:var(--color-surface-alt);--md-surface-container-high:var(--color-surface-strong);--md-outline:var(--color-border);--md-outline-variant:color-mix(in srgb, var(--color-border) 65%, transparent);--md-error:var(--color-discontinued-text);--md-on-error-container:var(--color-discontinued-text);--md-error-container:var(--color-discontinued-bg);--md-success:var(--color-confirmed-text);--md-success-container:var(--color-confirmed-bg);--md-warning:var(--color-probable-text);--md-warning-container:var(--color-probable-bg);--md-elevation-0:none;--md-elevation-1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--md-elevation-2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--md-elevation-3:0 1px 3px 0 #0000004d, 0 4px 8px 3px #00000026;--md-elevation-4:0 2px 3px 0 #0000004d, 0 6px 10px 4px #00000026;--md-elevation-5:0 4px 4px 0 #0000004d, 0 8px 12px 6px #00000026;--md-state-hover:.08;--md-state-focus:.12;--md-state-pressed:.12;--md-display-large:var(--font-size-4xl);--md-headline-large:var(--font-size-3xl);--md-headline-medium:var(--font-size-2xl);--md-headline-small:var(--font-size-xl);--md-title-large:var(--font-size-lg);--md-title-medium:var(--font-size-md);--md-title-small:var(--font-size-base);--md-body-large:var(--font-size-md);--md-body-medium:var(--font-size-base);--md-body-small:var(--font-size-sm);--md-label-large:var(--font-size-sm);--md-label-medium:var(--font-size-xs);--md-label-small:var(--font-size-2xs);--md-weight-display:var(--font-weight-bold);--md-weight-headline:var(--font-weight-bold);--md-weight-title:var(--font-weight-semibold);--md-weight-body:var(--font-weight-regular);--md-weight-label:var(--font-weight-semibold)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important}}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height-base);font-variant-numeric:tabular-nums;margin:0}h1,h2,h3{line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--tracking-tight)}h1{font-size:var(--md-headline-medium);font-weight:var(--md-weight-headline);margin:var(--space-4) 0 var(--space-2);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--md-title-large);font-weight:var(--md-weight-title);margin:var(--space-6) 0 var(--space-3)}h3{font-size:var(--md-title-medium);font-weight:var(--md-weight-title);margin:0 0 var(--space-2)}p{max-width:var(--max-width-prose)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.container{max-width:var(--max-width);padding:0 var(--space-3);margin:0 auto}.container-wide{max-width:var(--max-width-wide);padding:0 var(--space-3);margin:0 auto}.skip-link{left:var(--space-3);background:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:100;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:top .15s;position:absolute;top:-60px}.skip-link:focus{top:var(--space-2)}body{background-image:radial-gradient(circle at 100% 0,#0b5fae0d,#0000 42%),radial-gradient(circle at 0 20%,#0f8b8d0a,#0000 38%);background-repeat:no-repeat;background-attachment:fixed}.site-header{border-bottom:1px solid var(--md-outline-variant);padding:var(--space-3) 0;background:var(--color-bg);background:color-mix(in srgb, var(--md-surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:var(--md-elevation-0);z-index:20;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.site-header .brand-group{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.site-header .brand{font-weight:var(--font-weight-black);color:var(--color-text);letter-spacing:var(--tracking-tighter);align-items:center;gap:8px;font-size:1.3rem;text-decoration:none;display:inline-flex}.site-header .logo-mark{border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;width:28px;height:28px;box-shadow:var(--shadow-sm);flex:none;justify-content:center;align-items:center;display:inline-flex}.site-header .brand-tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular);white-space:nowrap}.site-header nav.header-nav{font-size:var(--md-label-large);font-weight:var(--font-weight-medium);gap:2px;display:flex}.site-header nav.header-nav a{color:var(--md-on-surface-variant);border-radius:var(--radius-full);padding:8px 14px;text-decoration:none;position:relative;overflow:hidden}.site-header nav.header-nav a:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .15s;position:absolute;inset:0}.site-header nav.header-nav a:hover{color:var(--md-on-surface)}.site-header nav.header-nav a:hover:before{opacity:var(--md-state-hover)}.site-header nav.header-nav a:focus-visible:before{opacity:var(--md-state-focus)}@media (width<=640px){.site-header .brand-tagline,.site-header nav.header-nav{display:none}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-7);padding:var(--space-5) 0 var(--space-4);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs)}.footer-grid{gap:var(--space-4);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}@media (width<=720px){.footer-grid{grid-template-columns:1fr}}.footer-links h3{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.footer-links ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:var(--color-text);font-size:var(--font-size-sm);text-decoration:none}.footer-links a:hover{color:var(--color-primary);text-decoration:underline}.footer-bottom{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-2xs);gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer .notice-box{background:var(--color-bg)}.site-footer .notice-box p:first-child:before{content:"ⓘ ";color:var(--color-primary);font-weight:var(--font-weight-bold)}.notice-box{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border:1px solid var(--color-notice-border);border-left:3px solid var(--md-secondary);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--md-body-small);margin:var(--space-3) 0}.notice-box p{margin:var(--space-1) 0;max-width:none}.notice-box p:first-child{margin-top:0}.notice-box p:last-child{margin-bottom:0}.partner-notice{align-items:flex-start;gap:var(--space-2);display:flex}.partner-notice .notice-icon{color:var(--color-primary);flex:none;margin-top:3px}.breadcrumb{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-3);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb .sep{opacity:.5}.breadcrumb .current{color:var(--color-text);font-weight:var(--font-weight-medium)}.badge{border-radius:var(--radius-full);font-size:var(--md-label-medium);font-weight:var(--md-weight-label);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px 3px 6px;display:inline-flex}.badge-icon-wrap{background:#0000000f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.badge-confirmed{background:var(--color-confirmed-bg);color:var(--color-confirmed-text);border-color:var(--color-confirmed-border)}.badge-probable{background:var(--color-probable-bg);color:var(--color-probable-text);border-color:var(--color-probable-border)}.badge-unknown{background:var(--color-unknown-bg);color:var(--color-unknown-text);border-color:var(--color-unknown-border)}.tag-genuine{border-radius:var(--radius-full);font-size:var(--md-label-medium);font-weight:var(--md-weight-label);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 9px 2px 7px;display:inline-flex}.tag-genuine:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;width:12px;height:12px;display:inline-block}.tag-genuine.is-genuine{background:var(--color-genuine-bg);color:var(--color-genuine-text);border-color:var(--color-genuine-border)}.tag-genuine.is-genuine:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.4 13.6 3.4V7.6C13.6 11 11.2 13.6 8 14.6 4.8 13.6 2.4 11 2.4 7.6V3.4Z' fill='none' stroke='%230b5fae' stroke-width='1.3'/%3E%3Cpath d='M5.6 8 7.3 9.7 10.5 6.2' fill='none' stroke='%230b5fae' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.tag-genuine.is-compatible{background:var(--color-compat-bg);color:var(--color-compat-text);border-color:var(--color-compat-border)}.tag-genuine.is-compatible:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%235b6572' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M8 1.8 14 4.6 8 7.4 2 4.6Z'/%3E%3Cpath d='M2 8 8 10.8 14 8'/%3E%3Cpath d='M2 11.2 8 14 14 11.2'/%3E%3C/g%3E%3C/svg%3E")}.tag-discontinued{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-discontinued-bg);color:var(--color-discontinued-text);border:1px solid var(--color-discontinued-border);margin:var(--space-2) 0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--md-outline);margin:var(--space-3) 0;box-shadow:var(--md-elevation-1);overflow-x:auto}table.spec-table,table.compat-table{border-collapse:collapse;width:100%;font-size:var(--md-body-small);min-width:460px;margin:0}table.spec-table th,table.spec-table td,table.compat-table th,table.compat-table td{border-bottom:1px solid var(--md-outline-variant);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle}table.spec-table tr:last-child th,table.spec-table tr:last-child td,table.compat-table tbody tr:last-child th,table.compat-table tbody tr:last-child td{border-bottom:none}table.spec-table th,table.compat-table th{background:var(--color-surface);font-weight:var(--font-weight-semibold);width:30%}table.compat-table thead th{background:var(--color-surface-strong);width:auto;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);position:sticky;top:0}table.compat-table tbody tr:nth-child(2n){background:var(--color-surface)}table.compat-table tbody tr{transition:background .12s}table.compat-table tbody tr:hover{background:var(--color-surface-alt)}table.compat-table tbody tr td:first-child{font-weight:var(--font-weight-semibold)}@media (width<=640px){table.compat-table td:first-child,table.compat-table th:first-child{background:var(--color-bg);box-shadow:1px 0 0 var(--color-border);position:sticky;left:0}table.compat-table tbody tr:nth-child(2n) td:first-child{background:var(--color-surface)}}.value-missing{color:var(--color-text-muted);font-style:italic}.value-missing:before{content:"– "}.spec-card-grid{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.spec-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-3);position:relative;overflow:hidden}.spec-card:before{content:"";background:var(--gradient-brand);opacity:.7;width:3px;height:100%;position:absolute;top:0;left:0}.spec-card .spec-label{font-size:var(--font-size-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.spec-card .spec-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);display:block}.spec-card.spec-card--wide{grid-column:span 2}@media (width<=420px){.spec-card.spec-card--wide{grid-column:span 1}}.buy-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg, var(--color-surface-alt), var(--color-bg) 60%);margin:var(--space-3) 0 var(--space-4)}.buy-box h2{margin-top:0}.coupang-slot{margin:var(--space-3) 0 0}.coupang-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--md-weight-title);width:100%;min-height:52px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.coupang-btn.active{background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--md-elevation-0);flex-direction:column;align-items:flex-start;gap:2px;line-height:1.35;transition:transform .12s,box-shadow .12s}.coupang-btn.active:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .15s;position:absolute;inset:0}.coupang-btn.active:hover{box-shadow:var(--md-elevation-1)}.coupang-btn.active:hover:before{opacity:var(--md-state-hover)}.coupang-btn.active:focus-visible:before{opacity:var(--md-state-focus)}.coupang-btn-label{font-size:var(--md-body-medium);position:relative}.coupang-btn-price{font-size:var(--md-label-medium);font-weight:var(--font-weight-regular);opacity:.9;position:relative}.coupang-btn.disabled{background:var(--md-surface-variant);color:var(--md-on-surface-variant);border:1px dashed var(--md-outline);cursor:not-allowed;align-items:center}.coupang-btn-icon{color:var(--md-on-surface-variant);flex:none}.coupang-btn-sub{font-size:var(--md-label-medium);font-weight:var(--font-weight-regular);color:var(--md-on-surface-variant);margin-top:2px;display:block}.ad-slot{border:1px dashed var(--color-border);color:var(--color-text-muted);text-align:center;padding:var(--space-4);margin:var(--space-4) 0;font-size:var(--font-size-sm);border-radius:var(--radius-md);background:repeating-linear-gradient(135deg, var(--color-surface), var(--color-surface) 10px, var(--color-surface-alt) 10px, var(--color-surface-alt) 20px)}.ad-slot-label{font-weight:var(--font-weight-semibold);display:block}.ad-slot-sub{font-size:var(--font-size-xs);margin-top:2px;display:block}.search-wrap{max-width:520px;position:relative}.search-input{border:1px solid var(--md-outline-variant);border-radius:var(--radius-full);background:var(--md-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%235b6572' stroke-width='2'/%3E%3Cline x1='16.2' y1='16.2' x2='21' y2='21' stroke='%235b6572' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 18px center;width:100%;color:var(--md-on-surface);box-shadow:var(--md-elevation-3);padding:17px 18px 17px 46px;font-size:1.05rem}.search-input:focus{border-color:var(--md-primary);box-shadow:var(--shadow-focus), var(--md-elevation-3);outline:none}.search-results{background:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--md-elevation-3);z-index:10;max-height:320px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-results.open{display:block}.search-results a{padding:var(--space-2) var(--space-3);color:var(--md-on-surface);font-size:var(--md-body-small);text-decoration:none;display:block;position:relative}.search-results a:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .1s;position:absolute;inset:0}.search-results a:hover:before,.search-results a.active:before{opacity:var(--md-state-hover)}.search-empty{padding:var(--space-2) var(--space-3);color:var(--md-on-surface-variant);font-size:var(--md-body-small)}.search-popular{margin-top:var(--space-3);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.search-popular-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chip{border-radius:var(--radius-full);background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-on-surface);font-size:var(--md-label-large);font-weight:var(--font-weight-medium);align-items:center;padding:6px 14px;text-decoration:none;transition:border-color .12s,color .12s,transform .12s;display:inline-flex;position:relative;overflow:hidden}.chip:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .12s;position:absolute;inset:0}.chip:hover{border-color:var(--md-primary);color:var(--md-primary);transform:translateY(-1px)}.chip:hover:before{opacity:var(--md-state-hover)}.chip:focus-visible:before{opacity:var(--md-state-focus)}.chip.chip-filter.is-selected{background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:var(--font-weight-semibold);border-color:#0000}.hero{z-index:2;background:var(--gradient-hero-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4) var(--space-5);margin:var(--space-4) 0 var(--space-6);position:relative}.hero-bg{border-radius:var(--radius-xl);z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg:before,.hero-bg:after{content:"";filter:blur(8px);border-radius:50%;position:absolute}.hero-bg:before{background:radial-gradient(circle,#0b5fae29,#0000 70%);width:320px;height:320px;top:-140px;right:-80px}.hero-bg:after{background:radial-gradient(circle,#0f8b8d29,#0000 70%);width:260px;height:260px;bottom:-120px;left:-60px}.hero-inner{z-index:1;max-width:640px;position:relative}.hero-eyebrow{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.hero h1{font-size:var(--md-headline-large);letter-spacing:var(--tracking-tighter);margin-top:0}@media (width<=560px){.hero h1{font-size:var(--md-headline-medium)}}.hero-lead{color:var(--color-text-muted);font-size:var(--font-size-md);margin-bottom:var(--space-4)}.hero-stats{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.stat-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--md-surface);border:1px solid var(--md-outline);box-shadow:var(--md-elevation-1);flex-direction:column;gap:2px;min-width:128px;display:flex}.stat-chip .stat-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-black);color:var(--color-primary);letter-spacing:var(--tracking-tighter)}.stat-chip .stat-label{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-heading h2{margin-bottom:0}.section-heading .section-note{font-size:var(--font-size-xs);color:var(--color-text-muted)}.section-eyebrow{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin:var(--space-6) 0 2px;display:block}.section-eyebrow+h2{margin-top:0}.feature-grid{gap:var(--space-3);margin:var(--space-3) 0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.feature-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-bg)}.feature-icon{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;width:40px;height:40px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.feature-card h3{margin-bottom:4px}.feature-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.card-grid{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card{border:1px solid var(--md-outline);border-radius:var(--radius-md);padding:var(--space-3);background:var(--md-surface);box-shadow:var(--md-elevation-0);color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s,background .15s;display:block;position:relative;overflow:hidden}.card:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .15s;position:absolute;inset:0}a.card:hover{box-shadow:var(--md-elevation-1);border-color:var(--md-primary);background:var(--gradient-card-hover), var(--md-surface);transform:translateY(-2px)}a.card:hover:before{color:var(--md-primary);opacity:var(--md-state-hover)}a.card:focus-visible:before{color:var(--md-primary);opacity:var(--md-state-focus)}.card h3{font-size:var(--md-title-medium);margin:0 0 4px;position:relative}.card p{color:var(--color-text-muted);font-size:var(--md-body-small);max-width:none;margin:0;position:relative}.card.placeholder{opacity:.75;background:var(--md-surface-variant)}.brand-avatar{border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.brand-avatar:before{content:attr(data-initial)}.card-meta{gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-2xs);color:var(--color-text-muted);display:flex}.card-arrow{right:var(--space-3);top:var(--space-3);color:var(--color-border);transition:transform .15s,color .15s;position:absolute}a.card:hover .card-arrow{color:var(--color-primary);transform:translate(2px,-2px)}.index-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin:var(--space-4) 0 var(--space-1);border-bottom:1px solid var(--color-border);padding-bottom:4px}ul.index-list{margin:0 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;list-style:none;overflow:hidden}ul.index-list li{border-bottom:1px solid var(--color-border)}ul.index-list li:last-child{border-bottom:none}ul.index-list a{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:var(--font-size-sm);text-decoration:none;display:flex}ul.index-list a:hover{background:var(--color-surface);color:var(--color-primary)}ul.index-list .model-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-2xs);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px}.guide-body,.guide-body table.spec-table{max-width:var(--max-width-prose)}.guide-toc{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0 var(--space-4);max-width:var(--max-width-prose)}.guide-toc h2{margin:0 0 var(--space-2);font-size:var(--font-size-base)}.guide-toc ol{font-size:var(--font-size-sm);gap:4px;margin:0;padding-left:1.1em;display:grid}.guide-toc a{text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-note{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0;max-width:var(--max-width-prose)}.guide-links{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-3) 0;background:var(--color-bg);max-width:var(--max-width-prose)}.guide-links p{margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.guide-links ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.guide-links a{font-size:var(--font-size-sm);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.guide-links a:after{content:"→";transition:transform .12s}.guide-links a:hover:after{transform:translate(2px)}.faq-list{max-width:var(--max-width-prose)}.faq-list dl{margin:0}.faq-list>div{border-top:1px solid var(--color-border);padding:var(--space-3) 0}.faq-list dt{font-weight:var(--font-weight-semibold);gap:8px;display:flex}.faq-list dt:before{content:"Q";background:var(--color-primary-soft);width:20px;height:20px;color:var(--color-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.faq-list dd{margin:var(--space-1) 0 0 28px;color:var(--color-text-muted)}