@media (prefers-reduced-motion:no-preference){.sup-view{animation:sup-fade .32s var(--ease-out)}}@keyframes sup-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sup-hero{background:var(--surface-page);border-bottom:1px solid var(--border);align-items:center;min-height:55vh;display:flex;position:relative;overflow:hidden}.sup-hero-grid{background-image:radial-gradient(var(--neutral-200) 1px, transparent 1px);opacity:.5;background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 80% at 78% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(110% 80% at 78% 40%,#000 0%,#0000 70%)}.sup-hero-inner{z-index:2;padding-block:var(--space-16);max-width:var(--container-max);position:relative}.sup-hero h1{font-size:clamp(34px,4.4vw,56px);font-weight:var(--weight-black);letter-spacing:var(--tracking-tighter);margin-top:var(--space-5);text-wrap:balance;line-height:1}.sup-hero .sub{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-5);max-width:52ch;line-height:1.5}.sup-search{margin-top:var(--space-8);max-width:560px;position:relative}.sup-search .ico{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.sup-search input{width:100%;height:60px;font-family:var(--font-sans);font-size:var(--text-lg);color:var(--text-primary);background:var(--surface-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 56px 0 52px}.sup-search input::placeholder{color:var(--text-muted)}.sup-search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.sup-search .clear{background:var(--surface-sunken);width:34px;height:34px;color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sup-search .clear:hover{background:var(--neutral-200)}.sup-search .clear:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sup-quick{margin-top:var(--space-16);align-items:center;gap:var(--space-8);background:var(--brand-subtle);border:1.5px solid var(--green-200);border-radius:var(--radius-2xl);grid-template-columns:auto 1fr auto;padding:clamp(24px,3vw,40px);display:grid;position:relative;overflow:hidden}.sup-quick-arch{pointer-events:none;border:22px solid #78a04829;border-bottom:0;border-radius:999px 999px 0 0;width:240px;height:120px;position:absolute;top:-54px;right:-40px}.sup-quick .disc{background:var(--brand);width:68px;height:68px;color:var(--on-brand);border-radius:var(--radius-xl);box-shadow:var(--shadow-brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sup-quick .body{position:relative}.sup-quick .body h2{font-size:var(--text-h3);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:1.1}.sup-quick .body p{font-size:var(--text-base);color:var(--text-secondary);margin-top:6px}.sup-quick .body .url{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-brand);display:inline-block}.sup-quick .act{flex-shrink:0;position:relative}.sup-cats{padding-block:var(--space-16) var(--space-24)}.sup-cat{margin-top:var(--space-16)}.sup-cat:first-child{margin-top:var(--space-12)}.sup-cat-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.sup-cat-head h2{font-size:var(--text-h3);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight)}.sup-cat-head .count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sup-guide-grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.sup-gcard{gap:var(--space-4);padding:var(--space-8);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.sup-gcard:hover{box-shadow:var(--shadow-lg);border-color:var(--green-200);transform:translateY(-4px)}.sup-gcard:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sup-gcard .ico{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);width:46px;height:46px;color:var(--text-brand);transition:border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.sup-gcard:hover .ico{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.sup-gcard .t{font-size:var(--text-h4);font-weight:var(--weight-bold);line-height:1.2}.sup-gcard .d{font-size:var(--text-base);color:var(--text-secondary);flex:1;line-height:1.5}.sup-gcard-foot{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sup-gcard .time{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-muted)}.sup-gcard .go{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand);align-items:center;gap:6px;display:inline-flex}.sup-gcard .go svg{transition:transform var(--dur-base) var(--ease-out)}.sup-gcard:hover .go svg{transform:translate(4px)}.sup-cat.soon .sup-cat-head h2{color:var(--text-muted)}.sup-soon-grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.sup-soon{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);display:flex}.sup-soon .ico{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sup-soon .t{font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--text-secondary);line-height:1.15}.sup-soon .d{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.sup-empty{margin-top:var(--space-12);padding:var(--space-16);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);color:var(--text-muted)}.sup-empty .big{font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--text-secondary)}.sup-empty p{margin-top:var(--space-2);font-size:var(--text-base)}.sup-escal{padding-bottom:var(--space-24)}.sup-escal-panel{align-items:center;gap:var(--space-10);background:var(--surface-ink);color:var(--text-on-ink);border-radius:var(--radius-2xl);grid-template-columns:1fr auto;padding:clamp(32px,4vw,56px);display:grid;position:relative;overflow:hidden}.sup-escal-arch{transform-origin:50%;pointer-events:none;border:24px solid #ffffff14;border-bottom:0;border-radius:999px 999px 0 0;width:320px;height:160px;position:absolute;bottom:-90px;left:-50px;transform:rotate(180deg)}.sup-escal h2{color:var(--text-on-ink);font-size:clamp(26px,3vw,40px);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);max-width:18ch;line-height:1.05;position:relative}.sup-escal p{color:var(--text-on-ink-soft);font-size:var(--text-lg);margin-top:var(--space-4);max-width:46ch;position:relative}.sup-escal .note{margin-top:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--green-400);align-items:center;gap:8px;display:inline-flex;position:relative}.sup-escal-act{gap:var(--space-4);flex-direction:column;align-items:stretch;min-width:230px;display:flex;position:relative}.sup-escal .phone{height:54px;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--white);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border:1.5px solid #ffffff4d;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex}.sup-escal .phone:hover{background:#ffffff0f;border-color:#fff9}.sup-breadcrumb{padding-block:var(--space-8) 0;font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sup-breadcrumb a{color:var(--text-secondary);text-decoration:none}.sup-breadcrumb a:hover{color:var(--text-brand)}.sup-breadcrumb button{font:inherit;cursor:pointer;color:var(--text-secondary);background:0 0;border:0;padding:0}.sup-breadcrumb button:hover{color:var(--text-brand)}.sup-breadcrumb .sep{color:var(--neutral-300)}.sup-breadcrumb .cur{color:var(--text-primary);font-weight:var(--weight-medium)}.sup-guide-layout{gap:var(--space-16);padding-block:var(--space-8) var(--space-24);grid-template-columns:230px 1fr;align-items:start;display:grid}.sup-toc{position:sticky;top:98px}.sup-toc-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.sup-toc ul{margin:var(--space-4) 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.sup-toc a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-left:2px solid #0000;text-decoration:none;display:block}.sup-toc a:hover{color:var(--text-primary);background:var(--surface-subtle)}.sup-toc a[data-active=true]{color:var(--text-brand);border-left-color:var(--brand);font-weight:var(--weight-semibold)}.sup-toc .help{margin-top:var(--space-8);padding:var(--space-5);background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg)}.sup-toc .help p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.sup-toc .help a{margin-top:var(--space-3);font-weight:var(--weight-semibold);color:var(--text-brand);border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.sup-doc{min-width:0;max-width:760px}.sup-doc section{scroll-margin-top:96px}.sup-doc h1{font-size:clamp(30px,3.4vw,44px);font-weight:var(--weight-black);letter-spacing:var(--tracking-tighter);margin-top:var(--space-4);text-wrap:balance;line-height:1.02}.sup-doc .lede{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-5);max-width:60ch;line-height:1.6}.sup-doc h2.sec{font-size:var(--text-h3);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:1.1}.sup-doc .sec-sub{font-size:var(--text-base);color:var(--text-secondary);margin-top:6px}.sup-block{margin-top:var(--space-16)}.sup-personalizer{margin-top:var(--space-10);padding:var(--space-8);background:var(--surface-ink);color:var(--text-on-ink);border-radius:var(--radius-xl)}.sup-personalizer .eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--green-400)}.sup-personalizer .lbl{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-top:var(--space-3);display:block}.sup-personalizer .hint{font-size:var(--text-sm);color:var(--text-on-ink-soft);margin-top:4px}.sup-pz-field{margin-top:var(--space-5);border-radius:var(--radius-md);height:56px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#ffffff0f;border:1.5px solid #ffffff2e;align-items:center;gap:12px;padding:0 8px 0 18px;display:flex}.sup-pz-field:focus-within{border-color:var(--green-400);box-shadow:0 0 0 4px #95ba5838}.sup-pz-field svg{color:var(--green-400);flex:none}.sup-pz-field input{min-width:0;height:100%;font-family:var(--font-mono);font-size:var(--text-base);color:var(--white);background:0 0;border:0;outline:none;flex:1}.sup-pz-field input::placeholder{color:#fff6}.sup-pz-field .reset{height:38px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-on-ink-soft);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fff3;flex:none;padding:0 14px}.sup-pz-field .reset:hover{color:var(--white);border-color:#ffffff73}.sup-webmail-card{gap:var(--space-5) var(--space-6);margin-top:var(--space-8);padding:var(--space-8);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:auto 1fr;align-items:center;display:grid}.sup-webmail-card .disc{background:var(--brand-subtle);width:56px;height:56px;color:var(--text-brand);border-radius:var(--radius-lg);grid-row:span 1;justify-content:center;align-items:center;display:inline-flex}.sup-webmail-card .head h3{font-size:var(--text-h4);font-weight:var(--weight-bold)}.sup-webmail-card .head p{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.sup-webmail-card .urlrow{align-items:center;gap:var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.sup-params{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.sup-param{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.sup-param-head{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border);background:var(--surface-subtle);display:flex}.sup-param-head .ico{background:var(--white);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sup-param-head .t{font-size:var(--text-h4);font-weight:var(--weight-bold);line-height:1.1}.sup-param-head .meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.sup-param-head .spacer{flex:1}.sup-rows{flex-direction:column;display:flex}.sup-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-top:1px solid var(--border);grid-template-columns:180px 1fr;display:grid}.sup-row:first-child{border-top:0}.sup-row .k{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sup-valwrap{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sup-val{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);word-break:break-all}.sup-val[data-empty=true]{color:var(--text-muted)}.sup-val .em{color:var(--text-brand)}.sup-plain{font-size:var(--text-base);color:var(--text-secondary)}.sup-copy{height:34px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;color:var(--text-secondary);background:var(--white);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.sup-copy:hover{border-color:var(--brand);color:var(--text-brand)}.sup-copy:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sup-copy[data-done=true]{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.sup-copy svg{flex:none}.sup-note{padding:var(--space-5) var(--space-8);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.sup-note svg{color:var(--text-muted);flex:none;margin-top:2px}.sup-callout{padding:var(--space-5) var(--space-8);border-top:1px solid var(--warning-500);background:var(--warning-50);align-items:flex-start;gap:12px;display:flex}.sup-callout .ico{color:var(--warning-500);flex:none;margin-top:1px}.sup-callout .txt{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.5}.sup-callout .txt b{color:var(--neutral-800);font-weight:var(--weight-bold)}.sup-tabs{margin-top:var(--space-8)}.sup-tablist{gap:var(--space-2);border-bottom:1px solid var(--border);scrollbar-width:thin;padding-bottom:2px;display:flex;overflow-x:auto}.sup-tab{height:46px;padding:0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:8px;margin-bottom:-1px;display:inline-flex}.sup-tab:hover{color:var(--text-primary)}.sup-tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--brand);font-weight:var(--weight-semibold)}.sup-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:var(--radius-sm)}.sup-steps{margin-top:var(--space-8);counter-reset:step;gap:var(--space-6);flex-direction:column;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:no-preference){.sup-steps{animation:sup-fade .28s var(--ease-out)}}.sup-step{gap:var(--space-4);grid-template-columns:40px 1fr;align-items:start;display:grid}.sup-step .n{counter-increment:step;width:36px;height:36px;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-brand);background:var(--brand-subtle);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:inline-flex}.sup-step .n:before{content:counter(step)}.sup-step .body{font-size:var(--text-base);color:var(--text-primary);padding-top:5px;line-height:1.55}.sup-step .body code{font-family:var(--font-mono);background:var(--surface-sunken);color:var(--neutral-800);border-radius:var(--radius-xs);word-break:break-all;padding:1px 6px;font-size:.9em}.sup-faq{margin-top:var(--space-8);border-top:1px solid var(--border)}.sup-faq-item{border-bottom:1px solid var(--border)}.sup-faq-q{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-6) var(--space-2);font-family:var(--font-sans);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.sup-faq-q:hover{color:var(--text-brand)}.sup-faq-q:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.sup-faq-q .chev{color:var(--text-muted);transition:transform var(--dur-base) var(--ease-out);flex:none}.sup-faq-q[aria-expanded=true] .chev{color:var(--text-brand);transform:rotate(180deg)}.sup-faq-panel{height:0;transition:height var(--dur-base) var(--ease-out);overflow:hidden}.sup-faq-panel .inner{padding:0 var(--space-2) var(--space-6);font-size:var(--text-base);color:var(--text-secondary);max-width:64ch;line-height:1.6}.sup-faq-panel .inner code{font-family:var(--font-mono);background:var(--surface-sunken);color:var(--neutral-800);border-radius:var(--radius-xs);word-break:break-all;padding:1px 6px;font-size:.9em}@media (prefers-reduced-motion:reduce){.sup-faq-panel{transition:none}}.sup-gfoot{justify-content:space-between;align-items:center;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.sup-gfoot .ask h3{font-size:var(--text-h4);font-weight:var(--weight-bold)}.sup-gfoot .ask p{font-size:var(--text-base);color:var(--text-secondary);margin-top:4px}.sup-gfoot .updated{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-muted)}@media (width<=980px){.sup-quick{grid-template-columns:auto 1fr}.sup-quick .act{grid-column:1/-1}.sup-guide-grid,.sup-soon-grid{grid-template-columns:repeat(2,1fr)}.sup-escal-panel{gap:var(--space-8);grid-template-columns:1fr}.sup-escal-act{min-width:0}.sup-guide-layout{gap:var(--space-8);grid-template-columns:1fr}.sup-toc{display:none}}@media (width<=680px){.sup-quick{text-align:left;grid-template-columns:1fr}.sup-guide-grid,.sup-soon-grid{grid-template-columns:1fr}.sup-row{gap:var(--space-2);padding-inline:var(--space-5);grid-template-columns:1fr}.sup-param-head,.sup-note,.sup-callout{padding-inline:var(--space-5)}.sup-valwrap{flex-wrap:wrap}.sup-personalizer{padding:var(--space-6)}.sup-webmail-card{grid-template-columns:1fr}}