:root{
  --site-navy:#0f2b46;
  --site-blue:#1667d9;
  --site-teal:#0e9488;
  --site-ink:#20303f;
  --site-sub:#5c6f80;
  --site-line:#dfe7ee;
  --site-bg:#f4f7fa;
  --site-card:#fff;
}

html{scroll-behavior:smooth}
body.site-body{margin:0;background:var(--site-bg);color:var(--site-ink);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.65}
.site-main{max-width:960px;margin:0 auto;padding:0 22px 72px}
.site-header{background:linear-gradient(135deg,#0f2b46 0%,#123a63 55%,#0e5e74 100%);color:#fff;padding:22px max(22px,calc((100vw - 960px)/2 + 22px));display:flex;align-items:center;justify-content:space-between;gap:18px}
.site-brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px}
.site-brand span{color:#7dd8cc}
.site-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{color:#e8f4fb;text-decoration:none;font-size:13px;font-weight:700}
.site-nav a:hover{text-decoration:underline}
.site-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:9px 14px;background:#7dd8cc;color:#0f2b46!important;text-decoration:none!important;font-weight:800!important}
.site-hero{background:linear-gradient(135deg,#0f2b46 0%,#123a63 55%,#0e5e74 100%);color:#fff;border-radius:0 0 22px 22px;padding:52px 34px 42px;margin:0 -4px 26px}
.site-hero .eyebrow{display:inline-block;color:#a7e8dd;background:rgba(125,216,204,.14);border:1px solid rgba(125,216,204,.35);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}
.site-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.18;letter-spacing:-.04em;margin:18px 0 10px}
.site-hero h1 span{color:#7dd8cc}
.site-hero p{color:#cfe0ef;max-width:760px;margin:0;font-size:16px}
.site-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.site-stats div{min-width:112px;padding:12px 16px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.08)}
.site-stats b{display:block;font-size:22px;color:#fff}
.site-stats span{display:block;color:#b7cfe4;font-size:12px}
.site-card{background:var(--site-card);border:1px solid var(--site-line);border-radius:16px;padding:24px 26px;margin:20px 0}
.site-card h2{margin:0 0 10px;color:var(--site-navy);font-size:22px;letter-spacing:-.03em}
.site-card p{color:var(--site-sub);margin:6px 0}
.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}
.site-grid-card{display:block;background:#fbfdff;border:1px solid var(--site-line);border-radius:13px;padding:16px;color:var(--site-ink);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.site-grid-card:hover{transform:translateY(-2px);border-color:#a7c6e7;box-shadow:0 8px 22px rgba(15,43,70,.08)}
.site-grid-card strong{display:block;color:var(--site-navy);font-size:17px;margin-bottom:4px}
.site-grid-card small{display:block;color:var(--site-sub);font-size:12px}
.site-grid-card em{display:block;color:var(--site-teal);font-style:normal;font-size:12px;font-weight:800;margin-top:10px}
.hub-list{display:grid;gap:10px;margin-top:16px}
.hub-list a{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border:1px solid var(--site-line);border-radius:11px;background:#fff;color:var(--site-ink);text-decoration:none}
.hub-list a:hover{border-color:#a7c6e7;color:var(--site-blue)}
.hub-list b{color:var(--site-blue);font-size:12px;min-width:32px}
.hub-list span{font-weight:700}
.hub-list small{margin-left:auto;color:#8da0b1;font-size:11px}
.breadcrumb{margin:22px 0 12px;color:var(--site-sub);font-size:13px}
.breadcrumb a{color:var(--site-blue);text-decoration:none}
.prompt-header{background:var(--site-card);border:1px solid var(--site-line);border-radius:16px;padding:25px 28px;margin:18px 0 14px}
.prompt-header .eyebrow{color:var(--site-teal);font-size:12px;font-weight:800;letter-spacing:.4px}
.prompt-header h1{font-size:clamp(25px,4vw,36px);line-height:1.25;letter-spacing:-.04em;color:var(--site-navy);margin:7px 0 8px}
.prompt-header p{color:var(--site-sub);margin:0}
.prompt-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.prompt-meta span{border:1px solid #bfe5df;background:#eafaf7;color:#0b6e64;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}
.login-gate{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#fff8ed,#f0faf8);border:1px solid #ebd7b8;border-left:4px solid #e19b3d;border-radius:14px;padding:17px 20px;margin:16px 0;position:relative;z-index:5}
.login-gate strong{display:block;color:#7b4e15;font-size:15px}
.login-gate p{margin:3px 0 0;color:#6b543a;font-size:13px}
.login-gate a{white-space:nowrap;background:var(--site-navy);color:#fff;text-decoration:none;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:800}
.login-gate a:hover{background:var(--site-blue)}
.auth-note{display:none;color:var(--site-teal);font-size:12px;font-weight:700;margin:7px 0}
html.vetman-authenticated .login-gate{display:none}
html.vetman-authenticated .auth-note{display:block}
.prompt-body{position:relative}
.prompt-body .p{position:relative}
.prompt-body.soft-gated .box,.prompt-body.soft-gated .tip{filter:blur(5px);max-height:270px;overflow:hidden;user-select:none;pointer-events:none;transition:filter .2s,max-height .2s}
.prompt-body.soft-gated:after{content:"";position:absolute;left:0;right:0;top:100px;height:300px;background:linear-gradient(to bottom,rgba(244,247,250,0),rgba(244,247,250,.95) 78%,rgba(244,247,250,1));pointer-events:none;z-index:2}
html.vetman-authenticated .prompt-body.soft-gated .box,html.vetman-authenticated .prompt-body.soft-gated .tip{filter:none;max-height:none;overflow:visible;user-select:auto;pointer-events:auto}
html.vetman-authenticated .prompt-body.soft-gated:after{display:none}
.prompt-body .p{margin-bottom:18px}
.prompt-body .cardacts{display:none}
.prompt-body .cp{cursor:pointer}
.prompt-body .copy-label{color:#9fc1dd;font-size:11px;font-weight:700}
.site-footer{border-top:1px solid var(--site-line);color:var(--site-sub);font-size:13px;text-align:center;padding:24px 0 0;margin-top:58px}
.site-footer a{color:var(--site-blue)}
.site-error{text-align:center;padding:80px 20px}
.site-error h1{color:var(--site-navy)}
@media(max-width:650px){
  .site-header{align-items:flex-start;flex-direction:column;padding:17px 18px}
  .site-nav{justify-content:flex-start}
  .site-main{padding:0 14px 52px}
  .site-hero{padding:42px 22px 32px}
  .site-card,.prompt-header{padding:20px 18px}
  .login-gate{align-items:flex-start;flex-direction:column}
  .login-gate a{width:100%;text-align:center}
  .hub-list a{flex-wrap:wrap}
  .hub-list small{margin-left:42px;width:100%}
}

/* The public static pages keep the original VETMAN shell. These rules add the
   conversion gate without changing the source design system. */
html{background:#f4f7fa}
body[data-legacy-root],
body[data-legacy-shell]{background:#f4f7fa}
html.dark body[data-legacy-root],
html.dark body[data-legacy-shell]{background:#0e1621}
body[data-legacy-root] .login-gate,
body[data-legacy-shell] .login-gate{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#fff8ed,#f0faf8);border:1px solid #ebd7b8;border-left:4px solid #e19b3d;border-radius:12px;padding:14px 16px;margin:14px 0 16px;position:relative;z-index:5}
body[data-legacy-root] .login-gate strong,
body[data-legacy-shell] .login-gate strong{display:block;color:#7b4e15;font-size:14px}
body[data-legacy-root] .login-gate p,
body[data-legacy-shell] .login-gate p{margin:3px 0 0;color:#6b543a;font-size:12.5px}
body[data-legacy-root] .login-gate a,
body[data-legacy-shell] .login-gate a{white-space:nowrap;background:var(--navy);color:#fff;text-decoration:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800}
body[data-legacy-root] .login-gate a:hover,
body[data-legacy-shell] .login-gate a:hover{background:var(--blue)}
body[data-legacy-root] .auth-note,
body[data-legacy-shell] .auth-note{display:none;color:var(--teal);font-size:12px;font-weight:700;margin:7px 0}
html.vetman-authenticated body[data-legacy-root] .login-gate,
html.vetman-authenticated body[data-legacy-shell] .login-gate{display:none}
html.vetman-authenticated body[data-legacy-root] .auth-note,
html.vetman-authenticated body[data-legacy-shell] .auth-note{display:block}
body[data-legacy-root] article.p.soft-gated .box,
body[data-legacy-root] article.p.soft-gated .tip,
body[data-legacy-shell] article.p.soft-gated .box,
body[data-legacy-shell] article.p.soft-gated .tip{filter:blur(5px);max-height:270px;overflow:hidden;user-select:none;pointer-events:none;transition:filter .2s,max-height .2s}
html.vetman-authenticated body[data-legacy-root] article.p.soft-gated .box,
html.vetman-authenticated body[data-legacy-root] article.p.soft-gated .tip,
html.vetman-authenticated body[data-legacy-shell] article.p.soft-gated .box,
html.vetman-authenticated body[data-legacy-shell] article.p.soft-gated .tip{filter:none;max-height:none;overflow:visible;user-select:auto;pointer-events:auto}
body[data-legacy-root] .legacy-hub-link,
body[data-legacy-shell] .legacy-hub-link{display:flex;text-decoration:none}
body[data-legacy-root] .legacy-hub,
body[data-legacy-shell] .legacy-hub{margin-bottom:30px}
@media(max-width:650px){
  body[data-legacy-root] .login-gate,
  body[data-legacy-shell] .login-gate{align-items:flex-start;flex-direction:column}
  body[data-legacy-root] .login-gate a,
  body[data-legacy-shell] .login-gate a{width:100%;text-align:center}
}

@media print{
  body[data-legacy-root] .onboard{display:none!important}
  body[data-legacy-root].print-catalog .part,
  body[data-legacy-root].print-catalog .ch{display:none!important}
  body[data-legacy-root].print-results #cover,
  body[data-legacy-root].print-results .intro,
  body[data-legacy-root].print-results .maintoc,
  body[data-legacy-root].print-results .part{display:none!important}
  body[data-legacy-root].print-single #cover,
  body[data-legacy-root].print-single .intro,
  body[data-legacy-root].print-single .maintoc,
  body[data-legacy-root].print-single .part,
  body[data-legacy-root].print-single .ch:not(.print-target-section){display:none!important}
  body[data-legacy-root].print-single .ch.print-target-section{display:block!important}
  body[data-legacy-root].print-single .ch.print-target-section article.p:not(.print-target){display:none!important}
  body[data-legacy-shell].print-single #cover,
  body[data-legacy-shell].print-single #prompt-context{display:none!important}
  body[data-legacy-root].print-results .ch,
  body[data-legacy-root].print-single .ch.print-target-section,
  body[data-legacy-shell].print-single .ch{margin-top:0}
  body[data-legacy-root].print-catalog #wrap,
  body[data-legacy-root].print-results #wrap,
  body[data-legacy-root].print-single #wrap,
  body[data-legacy-shell].print-single #wrap{margin-left:0}
}