:root {
  --color-background: #f7f8fe;
  --color-surface: #ffffff;
  --color-surface-soft: #f3f5ff;
  --color-surface-muted: #eef2ff;
  --color-border: #e5eaf7;
  --color-border-strong: #d2daf6;
  --color-primary: #5661f6;
  --color-primary-strong: #4651ec;
  --color-primary-soft: #eef0ff;
  --color-accent: #54c29d;
  --color-accent-soft: #e7f8ef;
  --color-warning: #ffb547;
  --color-warning-soft: #fff3dc;
  --color-text: #101427;
  --color-text-soft: #4f5872;
  --color-text-muted: #7f879d;
  --color-shadow: 0 22px 58px rgba(74, 88, 214, 0.12);
  --color-shadow-soft: 0 14px 36px rgba(42, 57, 120, 0.08);
  --radius-card: 22px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --space-page: 32px;
  --space-section: 28px;
  --font-sans: "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --max-shell: 1528px;
}

.public-header, .public-header * { box-sizing: border-box; }
[data-public-header] { display: block; min-height: 67px; border-bottom: 1px solid #e5e8ed; background: #fff; }
.public-header { position: relative; z-index: 30; height: 67px; margin: 0; border-bottom: 1px solid #e5e8ed; background: #fff; color: #17233b; font: 600 14px/1.4 "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; letter-spacing: normal; text-align: left; }
.public-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: calc(100% - 76px); max-width: 1460px; height: 66px; margin: 0 auto; }
.public-header a { color: inherit; text-decoration: none; }
.public-brand { display: inline-flex; align-items: center; flex-shrink: 0; gap: 10px; white-space: nowrap; }
.public-brand img { display: block; width: 27px; height: 30px; object-fit: contain; }
.public-brand span { color: #5855ff; font-size: 19px; font-weight: 700; letter-spacing: -.8px; }
.public-nav { display: flex; align-items: center; justify-content: center; gap: 53px; margin: 0 auto; }
.public-nav a { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
.public-nav a:hover, .public-nav a[aria-current="page"] { color: #514feb; }
.public-header__actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.public-profile { display: inline-flex; align-items: center; gap: 8px; height: 42px; max-width: 170px; padding: 0 10px 0 6px; border: 1px solid #e1e6f1; border-radius: 12px; font-size: 13px; font-weight: 700; }
.public-profile img { display: block; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; }
.public-profile span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-header .public-start { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 11px 18px; border-radius: 8px; color: #fff; background: linear-gradient(110deg,#6261f8,#4144d9); box-shadow: 0 3px 8px #c9cdfb; white-space: nowrap; }
.public-language { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.public-language__label { color: #56617b; font-size: 12px; font-weight: 700; }
.public-header .language-selector { display: flex; align-items: center; margin: 0; }
.public-header .language-selector select { width: 94px; min-width: 0; max-width: none; min-height: 36px; margin: 0; padding: 7px 8px; border: 1px solid #d6dcef; border-radius: 7px; background: #fff; color: #283859; font: 400 12px/1.4 "Segoe UI", "Malgun Gothic", sans-serif; }
.public-header .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.public-header a:focus-visible, .public-header select:focus-visible { outline: 2px solid #5754ef; outline-offset: 3px; }
.public-header-page > .site-header--target,
.public-header-page > .site-header--legacy,
.public-header-page > .about-header { display: none !important; }
.public-header-page > .profile-header .profile-brand,
.public-header-page > .simple-header .simple-brand,
.public-header-page .workspace-topbar__brand { display: none; }
.public-header-page > .profile-header,
.public-header-page > .simple-header { min-height: 48px; padding-block: 10px; }
.public-info-page { margin: 0; background: #f8faff; color: #17233b; font-family: "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
.public-info { display: grid; min-height: calc(100vh - 67px); place-items: start center; max-width: 1120px; margin: 0 auto; padding: 96px 24px; }
.public-info__card { width: min(720px,100%); padding: clamp(32px,6vw,64px); border: 1px solid #e0e5f1; border-radius: 24px; background: #fff; box-shadow: 0 18px 52px rgba(42,55,98,.09); text-align: center; }
.public-info__eyebrow { margin: 0 0 12px; color: #5654e9; font-size: 14px; font-weight: 800; }
.public-info h1 { margin: 0; font-size: clamp(26px,4vw,40px); font-weight: 700; line-height: 1.5; letter-spacing: -1px; }
.public-info__message { margin: 18px 0 0; color: #5d6982; font-size: clamp(16px,2vw,19px); line-height: 1.7; }
body > .public-header ~ .audio-control, body > [data-public-header] ~ .audio-control { top: calc(var(--public-header-visible, 67px) + 16px); }
@media (max-width: 1000px) { .public-nav { gap: 24px; } .public-header__inner { width: calc(100% - 40px); gap: 16px; } }
@media (max-width: 760px) {
  [data-public-header] { min-height: 112px; }
  .public-header { height: 112px; }
  .public-header__inner { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 58px 53px; gap: 0 10px; width: calc(100% - 24px); height: 111px; }
  .public-brand { gap: 5px; }
  .public-brand span { font-size: 16px; }
  .public-brand img { width: 24px; height: 27px; }
  .public-header__actions { justify-content: flex-end; gap: 7px; }
  .public-profile { width: 36px; height: 36px; padding: 2px; border-radius: 10px; }
  .public-profile span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
  .public-header .public-start { min-height: 36px; padding: 8px 10px; font-size: 12px; }
  .public-language { gap: 4px; }
  .public-language__label { font-size: 11px; }
  .public-header .language-selector select { width: 72px; padding-inline: 4px; }
  .public-nav { grid-row: 2; grid-column: 1/-1; justify-content: space-around; width: 100%; gap: 0; margin: 0; border-top: 1px solid #f0f2f8; font-size: 14px; }
  .public-nav a { justify-content: center; flex: 1; min-height: 48px; }
  .public-info { padding: 64px 24px; }
  body > .public-header ~ .audio-control, body > [data-public-header] ~ .audio-control { top: calc(var(--public-header-visible, 112px) + 10px); }
}
@media (max-width: 420px) {
  .public-header__inner { width: calc(100% - 16px); gap: 0 6px; }
  .public-brand span { font-size: 15px; }
  .public-header__actions { gap: 5px; }
  .public-profile { width: 34px; height: 34px; }
  .public-profile img { width: 28px; height: 28px; flex-basis: 28px; }
  .public-header .public-start { padding-inline: 8px; font-size: 11px; }
  .public-header .language-selector select { width: 64px; font-size: 11px; }
  .public-info { padding: 42px 16px; }
}
.public-legal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1176px,calc(100% - 48px));margin:0 auto;padding:20px 0 32px;border-top:1px solid #dce2ed;clear:both;font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.public-footer-brand{flex:none;color:#4d50ef;font-size:17px;font-weight:700;letter-spacing:-.5px;text-decoration:none}
.public-legal-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 24px;font-size:14px;line-height:1.6}
.public-legal-links a{display:inline-flex;align-items:center;min-height:44px}
.public-legal-links a{color:#526580;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.public-legal-links a:focus-visible{outline:2px solid #527bdf;outline-offset:4px}
.page-workspace .public-legal-footer{padding-bottom:160px}
.public-footer-brand:focus-visible{outline:2px solid #5754ef;outline-offset:4px}
.wrong-call .public-legal-footer{border-color:#38515a}
.wrong-call .public-footer-brand{color:#afbaff}
.wrong-call .public-legal-links a{color:#becfd6}
.page-about .public-legal-footer{width:min(1160px,calc(100% - 48px));border-top:0;padding-top:0;justify-content:flex-end}
.page-about .public-footer-brand{display:none}
.public-header .public-start,.public-profile,.public-header .language-selector select{min-height:44px}
@media(max-width:760px){
  .public-legal-footer{width:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0 28px}
  .public-legal-links{justify-content:flex-start;gap:4px 18px;font-size:13px}
  .public-profile{width:44px;height:44px;justify-content:center}
  .public-header .public-start{font-size:12px;padding-inline:10px}
  .public-header .language-selector select{font-size:12px;width:72px}
  .public-brand span{font-size:17px}
}
@media(max-width:420px){.public-language__label{font-size:12px}.public-header__actions{gap:5px}.public-header .public-start{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .public-header *, .public-legal-footer *{transition:none!important}
}

*{box-sizing:border-box}
.batch-page{margin:0;background:#f7f8fe;color:#17233b;font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.batch-page a{color:inherit}.batch-page button,.batch-page input,.batch-page textarea{font:inherit}.batch-page button,.batch-page a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.batch-page a.batch-primary{color:#fff}.hero-subtitle{word-break:keep-all}
.batch-page :focus-visible{outline:3px solid #5661f6;outline-offset:4px}.batch-page button{cursor:pointer}.batch-page button:disabled{cursor:default;opacity:.5}
.batch-skip{position:absolute;top:-100px;left:16px;z-index:70;padding:12px;background:#fff}.batch-skip:focus{top:12px}
.batch-shell{width:min(1248px,calc(100% - 96px));margin:auto;padding-bottom:60px}.breadcrumb{display:flex;gap:12px;align-items:center;margin:22px 0 28px;color:#526079}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.batch-eyebrow{margin:0 0 12px;font-weight:700;color:#454fc0;display:flex;align-items:center;gap:12px}.batch-eyebrow:before{content:'';width:24px;height:2px;background:currentColor}
.batch-page h1{font-size:clamp(34px,4.2vw,60px);line-height:1.18;letter-spacing:-2px;margin:0 0 18px;word-break:keep-all}.hero-subtitle{display:block;font-size:clamp(26px,3vw,42px);line-height:1.4;font-weight:600;letter-spacing:-1.5px;margin-top:12px;color:#526079}.batch-description{font-size:18px;color:#526079;margin:0;max-width:35em;word-break:keep-all}
.picker-hero{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.picker-aside{margin-top:40px;display:flex;gap:16px;align-items:center;color:#454fc0}.picker-aside svg{width:130px;height:90px;fill:none;stroke:currentColor;stroke-width:2}.picker-aside p{margin:0;line-height:1.7}
.picker-board{background:#202945;color:#fff;padding:30px;border-radius:24px;box-shadow:0 16px 40px #2029450c}.board-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.board-head h2{font-size:20px;margin:0;letter-spacing:-.5px}.board-head>span{font-size:15px;color:#d0d6f3}.picker-label{display:block;font-size:16px;margin-bottom:8px}.picker-board textarea{display:block;resize:vertical;width:100%;min-height:130px;border:1px solid #667192;border-radius:12px;padding:12px 16px;background:#303b5b;color:#fff;line-height:1.65;font-size:17px}.input-hint{color:#d0d6f3;font-size:15px;margin:8px 0 12px}.picker-presets{display:flex;gap:8px}.picker-presets button{min-height:44px;border:1px solid #7180a7;color:#e3e8ff;background:none;padding:6px 12px;border-radius:8px;font-size:15px}.picker-presets button:hover{background:#354265}
.picker-result{position:relative;margin:20px 0 16px;padding:16px 18px;background:#fafbff;color:#202945;border-radius:10px;border-left:4px solid #a6b0ff;min-height:100px}.picker-result>span{font-size:15px;color:#53617b}.picker-result strong{display:block;font-size:27px;line-height:1.4;overflow-wrap:anywhere}.picker-result.has-result{border-left-color:#5b65df}.picker-result.is-picking{animation:ticket-pulse .42s ease-out}
.batch-primary,.batch-secondary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:50px;border-radius:10px;padding:12px 18px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none}.batch-primary{background:#5661f6;border:1px solid #5661f6;color:#fff}.batch-primary:hover{background:#424dd3}.batch-secondary{margin-top:10px;border:1px solid #b7c1e2;color:#303b91;background:transparent}.picker-board .batch-primary{background:#c6ccff;color:#202945;border-color:#c6ccff}.picker-board .batch-primary:hover{background:#e0e3ff}.picker-board .batch-secondary{color:#eef0ff;border-color:#7c89b0}.action-error{color:#a82a36;margin:12px 0 0;font-size:16px}.picker-board .action-error{color:#ffd3d9}
.course-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}.course-hero .batch-eyebrow{color:#92556a}.course-hero .hero-subtitle{color:#7b5463}.course-board{background:#f6eaee;border:1px solid #e3ced5;padding:26px;border-radius:24px}.course-board .board-head>span{color:#765061}.course-stage{font-size:18px;margin:0 0 16px;font-weight:650;word-break:keep-all}.course-arena{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:248px}.course-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #c8b2bd;border-radius:14px;background:#fff9fb;padding:16px;color:#533847;transition:border-color .18s,transform .18s}.course-card:hover{border-color:#85566a;transform:translateY(-3px)}.course-art{display:block;margin-bottom:18px;height:100px;border-radius:9px;background:#f0dce5}.course-art svg{width:100%;height:100%;fill:none;stroke:#82536a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scene-1 .course-art{background:#e2ecdf}.scene-1 svg{stroke:#557258}.scene-2 .course-art{background:#e1e5f2}.scene-2 svg{stroke:#63739b}.scene-3 .course-art{background:#f2e7d7}.scene-3 svg{stroke:#9c7750}.course-name{font-size:20px;font-weight:750;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.course-pick{margin-top:auto;padding-top:14px;font-size:15px;color:#785064}.course-winner{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;padding:24px;background:#fff9fb;border:1px solid #c8b2bd;border-radius:14px}.course-winner strong{font-size:30px;line-height:1.5;overflow-wrap:anywhere}.course-winner p{margin-bottom:0;color:#765061;font-size:16px}.small-label{font-size:15px;color:#765061}.course-tools{display:flex;gap:16px;margin:12px 0}.course-tools button{border:0;background:none;color:#785064;padding:4px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.course-path{font-size:15px;color:#765061;margin:10px 0;min-height:50px}.course-board .batch-primary{background:#815068;border-color:#815068}.course-board .batch-primary:hover{background:#6b4055}.course-edit{margin-top:18px;border-top:1px solid #d4bec8}.course-edit summary{padding:12px 0;min-height:44px;color:#785064;cursor:pointer;font-weight:650}.course-edit label{display:block;font-size:15px;margin-top:10px}.course-edit input{width:100%;padding:8px 12px;border:1px solid #c8b2bd;border-radius:8px;min-height:44px;background:#fff}.course-edit .batch-secondary{margin:14px 0 4px;color:#785064;border-color:#c8b2bd}
.travel-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.travel-hero .batch-eyebrow{color:#317064}.travel-hero .hero-subtitle{color:#466f68}.travel-note{margin-top:30px;padding:20px 0;border-top:1px solid #c8d9d4;font-size:16px;color:#466f68}.travel-board{background:#fff;border:1px solid #c4d8d1;border-radius:24px;padding:28px}.travel-board .board-head>span{color:#466f68}.travel-limits{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px;border-bottom:1px solid #d2e1db}.travel-limits label{font-size:16px;font-weight:650}.unit-input{display:flex;align-items:center;gap:8px;margin-top:8px}.unit-input input{width:100%;min-width:0;font-size:22px;font-weight:700;color:#285f54;padding:8px 10px;border:1px solid #93bbae;border-radius:9px;background:#f2f8f5;min-height:50px}.unit-input span{font-size:16px;color:#466f68}.travel-column-labels{display:grid;grid-template-columns:1fr 1fr .85fr;gap:8px;font-size:15px;color:#466f68;margin:18px 0 8px}.travel-row{display:grid;grid-template-columns:1fr 1fr .85fr;gap:6px 8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e0e9e5}.travel-row input{width:100%;min-width:0;min-height:44px;border:1px solid #b2c7bd;border-radius:8px;padding:8px;color:#17233b;background:#fff;font-size:16px}.travel-row input[data-field=name]{font-weight:700}.travel-status{grid-column:1/-1;font-size:15px;color:#2b6d58}.travel-row.is-excluded .travel-status{color:#98472e}.travel-row.is-excluded input{background:#fcf5ed}.travel-summary{font-size:17px;font-weight:650;line-height:1.55;color:#285f54;margin:12px 0 16px;min-height:28px}.travel-board .batch-primary{background:#317064;border-color:#317064}.travel-board .batch-primary:hover{background:#275c51}.travel-example-note{font-size:15px;color:#526079;margin:14px 0 0}
.batch-guide{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;margin-top:72px;padding:40px 0;border-top:1px solid #d6deed}.batch-guide h2{font-size:29px;line-height:1.4;letter-spacing:-1px;margin:0;word-break:keep-all}.batch-guide p{margin:0 0 16px;color:#526079;font-size:17px}.batch-guide ol{margin:0;padding-left:22px;color:#526079}.batch-guide li{padding:4px 0}.batch-example{margin-top:20px!important;padding:18px;border-radius:12px;background:#edf0fb}.batch-faq{padding:30px 0;border-top:1px solid #d6deed}.batch-faq h2,.batch-related h2{font-size:22px;margin:0 0 16px}.batch-faq summary{padding:16px 0;min-height:44px;cursor:pointer;font-size:17px;font-weight:650}.batch-faq p{margin:0 0 18px;color:#526079;font-size:16px;max-width:65em}.batch-related{border-top:1px solid #d6deed;padding-top:30px}.batch-related nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.batch-related a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:58px;padding:16px;border:1px solid #d6deed;border-radius:12px;text-decoration:none;font-size:16px}.batch-related a:hover{border-color:#8994cc}.batch-noscript{padding:20px;text-align:center;background:#fff}
@keyframes ticket-pulse{50%{opacity:.65;transform:translateY(-3px)}}
@media(min-width:761px) and (max-width:1100px){.batch-shell{width:calc(100% - 64px)}.picker-hero,.course-hero,.travel-hero{gap:28px;grid-template-columns:.85fr 1.15fr}.batch-page h1{font-size:40px}.hero-subtitle{font-size:29px}.picker-board,.course-board,.travel-board{padding:22px}.course-name{font-size:18px}.course-card{padding:12px}.batch-related nav{gap:8px}}
@media(max-width:760px){.batch-shell{width:calc(100% - 32px);padding-bottom:32px}.breadcrumb{margin:8px 0 12px;font-size:15px;gap:10px}.picker-hero,.course-hero,.travel-hero{display:block}.batch-page h1{font-size:32px;letter-spacing:-1.3px;line-height:1.25;margin-bottom:10px}.hero-subtitle{font-size:24px;letter-spacing:-.8px;line-height:1.4;margin-top:5px}.batch-eyebrow{font-size:15px;margin-bottom:10px}.batch-description{font-size:16px;line-height:1.65;margin-bottom:20px}.picker-aside,.travel-note{display:none}.picker-board,.course-board,.travel-board{padding:20px 18px;border-radius:20px}.board-head{margin-bottom:14px}.board-head h2{font-size:18px}.picker-board textarea{min-height:112px;font-size:16px;line-height:1.65}.picker-result{margin:16px 0 14px;min-height:90px;padding:12px 16px}.picker-result strong{font-size:25px}.batch-primary,.batch-secondary{font-size:16px;min-height:50px;padding:12px 14px}.course-stage{font-size:16px;margin-bottom:12px}.course-arena{min-height:212px;gap:10px}.course-card{padding:12px}.course-art{height:80px;margin-bottom:12px}.course-name{font-size:18px;line-height:1.5}.course-pick{font-size:15px;padding-top:12px}.course-tools{margin:6px 0}.course-path{margin:6px 0 12px;min-height:48px}.course-winner{padding:20px}.course-winner strong{font-size:26px}.travel-limits{gap:12px;padding-bottom:14px}.travel-limits label{font-size:15px}.unit-input{gap:6px}.unit-input input{font-size:19px;padding:8px}.travel-column-labels{font-size:15px;margin-top:14px;grid-template-columns:1fr 1.08fr .82fr;gap:6px}.travel-row{grid-template-columns:1fr 1.08fr .82fr;gap:5px 6px;margin-bottom:10px;padding-bottom:8px}.travel-row input{padding:7px 6px}.travel-summary{font-size:16px;margin:12px 0}.travel-example-note{font-size:15px}.batch-guide{display:block;margin-top:40px;padding:30px 0}.batch-guide h2{font-size:26px;margin-bottom:20px}.batch-guide p,.batch-guide ol{font-size:16px}.batch-related nav{grid-template-columns:1fr}.batch-faq summary{font-size:16px}.batch-page .public-language__label{display:none}.batch-page .public-header .public-start{font-size:13px;min-height:40px}.batch-page .language-selector select{min-height:40px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.batch-page *,.batch-page *:before,.batch-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.course-card:hover{transform:none}}

/* Related tools use the same quiet panel and clear link hierarchy as Home. */
.batch-related{margin:24px 0 36px;padding:28px;border:1px solid #dce0f1;border-radius:22px;background:linear-gradient(120deg,#eef0fc,#f5f6ff)}
.batch-related h2{margin:0 0 20px;font-size:24px;line-height:1.4;letter-spacing:-.7px;word-break:keep-all}
.batch-related nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.batch-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;min-height:88px;padding:20px;border:1px solid #dfe3f0;border-radius:14px;background:#fff;color:#3e476c;font-size:15px;font-weight:650;line-height:1.6;word-break:keep-all;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.batch-related a>span[aria-hidden]{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f1f2fb;color:#4b50b8;font-size:18px;font-weight:400}
.batch-related a:focus-visible{outline:3px solid #5661f6;outline-offset:4px}
@media(hover:hover){.batch-related a:hover{border-color:#aab0e8;box-shadow:0 6px 16px #343c710c;transform:translateY(-2px)}}
.batch-related a:active{transform:none;background:#fafaff;box-shadow:none}
@media(max-width:760px){.batch-related{margin:16px 0 28px;padding:22px 18px 18px;border-radius:20px}.batch-related h2{font-size:21px;margin-bottom:16px}.batch-related nav{grid-template-columns:1fr;gap:10px}.batch-related a{min-height:68px;padding:16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.batch-related a{transition:none}.batch-related a:hover{transform:none}}