/* mnums.ac 공용 스타일 (2026-11-14 3차: 모바일 먼저. Loma Linda · Medical College of Georgia 모바일 구성 참고)
   사진이 화면을 채우고, 학교 색 띠 · 세로로 쌓이는 사진 카드 · 가운데 정렬 소개문 · 사실 띠 · 짙은 바닥글 */
:root{
  --blue:#0f3f8c; --blue-deep:#0a2c66; --blue-tint:#e9eff8;
  --red:#b81d2c;
  --ink:#1b232e; --ink-2:#4a5360; --ink-3:#6c7480;
  --rule:#d5dae1; --stone:#f5f4f0; --white:#fff;
  --on-dark-2:rgb(255 255 255 / .82); --rule-dark:rgb(255 255 255 / .24);
  --serif:"Source Serif 4","Noto Serif KR",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic","Helvetica Neue",Arial,sans-serif;
  --gut:22px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:17.5px;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
html[lang=ko] body{word-break:keep-all;font-size:16.5px;line-height:1.72}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--gut)}
section{padding:56px 0}
h1,h2,.serif{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
html[lang=ko] h1,html[lang=ko] h2{font-weight:700;letter-spacing:-.025em}
h2{font-size:29px;line-height:1.18;margin-top:10px}
h3{font-weight:700}
.eyebrow{font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.lead{font-size:18.5px;color:var(--ink-2);margin-top:14px;line-height:1.55}
html[lang=ko] .lead{font-size:17.5px;line-height:1.7}
.stone{background:var(--stone)}
.band{background:var(--blue-deep);color:#fff}
.band .eyebrow{color:#fff;opacity:.78}
.band .lead{color:var(--on-dark-2)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #f2b705;outline-offset:2px}

.btn{display:flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:3px;font-weight:700;font-size:16.5px;border:0;cursor:pointer;font-family:inherit}
.btn-red{background:var(--red);color:#fff}
.btn-line{box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .75);color:#fff}
/* 보조 링크: 테두리 알약 + 대문자 (Loma Linda 의 LEARN MORE) */
.more{display:inline-flex;align-items:center;height:44px;padding:0 22px;border:1.5px solid var(--rule);border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin-top:22px;background:#fff}
html[lang=ko] .more{letter-spacing:0;font-size:15px}

/* 맨 위 띠 + 로고 줄 */
.kobar{display:none;background:var(--stone);font-size:14.5px;text-align:center;padding:9px 40px;position:relative}
.kobar.on{display:block}
.kobar a{font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-left:6px;color:var(--blue)}
.kobar button{position:absolute;right:8px;top:50%;translate:0 -50%;background:none;border:0;font-size:20px;line-height:1;padding:6px 8px;color:var(--ink-2);cursor:pointer}
.util{background:var(--blue-deep);color:#fff;font-size:13.5px}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:12px}
.util span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.lang{display:inline-flex;gap:8px;white-space:nowrap;flex:none}
.lang a{opacity:.7;padding:4px 0}
.lang a + a::before{content:"|";margin-right:8px;opacity:.5}
.lang a[aria-current]{opacity:1;font-weight:700}
.top{background:#fff;border-bottom:3px solid var(--blue);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:38px}
.brand b{font-family:var(--serif);font-size:18.5px;font-weight:600;white-space:nowrap}
html[lang=ko] .brand b{font-size:17px;font-weight:700}
.burger{width:46px;height:46px;border:0;background:none;cursor:pointer;display:grid;place-items:center;margin-right:-10px}
.burger i{display:block;width:24px;height:2px;background:var(--ink);box-shadow:0 7px 0 var(--ink),0 -7px 0 var(--ink)}
.menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--rule);box-shadow:0 12px 24px rgb(0 0 0 / .12);padding:6px var(--gut) 18px}
.menu.open{display:block}
.menu a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);font-weight:600;font-size:17px}
.menu a.cta{border:0;margin-top:14px;background:var(--red);color:#fff;text-align:center;border-radius:3px}
.top .tel{display:none}

/* 첫 화면: 사진이 가득, 바로 아래 학교 색 띠 */
.hero{padding:0;background:var(--blue-deep);color:#fff}
.hero figure{position:relative}
.hero figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hero figcaption{position:absolute;left:0;bottom:0;font-size:12.5px;background:rgb(10 44 102 / .82);padding:4px 10px}
.hero .copy{padding:30px var(--gut) 36px}
.hero .eyebrow{color:#fff;opacity:.78}
h1{font-size:33px;line-height:1.12;margin-top:10px}
h1 em{font-style:italic}
html[lang=ko] h1{font-size:32px;line-height:1.25}
html[lang=ko] h1 em{font-style:normal}
.hero p{font-size:18px;color:var(--on-dark-2);margin-top:16px;line-height:1.55}
.hero .cta{display:grid;gap:10px;margin-top:24px}

/* 소개: 가운데 정렬 */
.intro{text-align:center}
.intro .state{font-family:var(--serif);font-size:25px;line-height:1.32;color:var(--blue);margin-top:14px;font-weight:600}
html[lang=ko] .intro .state{font-weight:700;font-size:23px;line-height:1.5;letter-spacing:-.02em}
.intro p{color:var(--ink-2);margin-top:16px}
.intro figure{margin:30px calc(var(--gut) * -1) 0}
.intro figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.intro figcaption{font-size:13.5px;color:var(--ink-3);margin-top:8px;padding:0 var(--gut)}
.points{list-style:none;padding:0;margin-top:30px;text-align:left}
.points li{padding:16px 0;border-top:1px solid var(--rule);color:var(--ink-2)}
.points li:last-child{border-bottom:1px solid var(--rule)}
.points b{color:var(--ink);display:block}

/* 사실 띠 */
.figures{text-align:center}
.figures h2{margin:0}
.figures h2::after{content:"";display:block;width:44px;height:3px;background:#fff;margin:16px auto 0}
.figures .grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 16px;margin-top:34px}
.figures b{display:block;font-family:var(--serif);font-size:38px;font-weight:600;line-height:1.05}
html[lang=ko] .figures b{font-weight:700;font-size:32px}
.figures span{display:block;font-size:15px;color:var(--on-dark-2);margin-top:8px;line-height:1.4}

/* 인정 */
.acc{margin-top:26px;border-top:2px solid var(--ink)}
.acc div{padding:18px 0;border-bottom:1px solid var(--rule)}
.acc i,.tag{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.acc h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:4px 0 4px;line-height:1.25}
html[lang=ko] .acc h3{font-family:var(--sans);font-weight:700;font-size:19px}
.acc p{font-size:16.5px;color:var(--ink-2)}

/* 교육과정: 세로 연표 */
.path{list-style:none;padding:0;margin-top:30px;position:relative}
.path::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--blue)}
.path li{position:relative;padding:0 0 28px 32px}
.path li:last-child{padding-bottom:0}
.path li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--blue)}
.path i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.path h3{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.2;margin:4px 0 6px}
html[lang=ko] .path h3{font-family:var(--sans);font-weight:700;font-size:20px}
.path p{color:var(--ink-2);font-size:16.5px}
.note{font-size:14.5px;color:var(--ink-3);margin-top:22px}

/* 임상실습: 사진 위에 글이 얹힌 카드가 세로로 붙어 쌓인다 */
.clinical{padding-bottom:0}
.pcards{margin-top:30px}
.pcard{position:relative;display:block;color:#fff;background:var(--blue-deep)}
.pcard img{width:100%;aspect-ratio:16/11;object-fit:cover}
.pcard::after{content:"";position:absolute;inset:0;background:linear-gradient(rgb(6 22 52 / 0) 25%,rgb(6 22 52 / .88) 88%)}
.pcard div{position:absolute;left:var(--gut);right:var(--gut);bottom:20px;z-index:1}
.pcard i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.pcard b{display:block;font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.15;margin:2px 0 4px}
html[lang=ko] .pcard b{font-family:var(--sans);font-weight:700;font-size:24px}
.pcard span{font-size:16px;line-height:1.45;display:block}
.hosp{background:var(--blue-deep);color:var(--on-dark-2);font-size:15.5px;padding:26px 0 30px}
.hosp b{display:block;color:#fff;margin-bottom:4px}

/* 강조 띠 (Loma Linda 의 인용 띠 자리) */
.proofband{background:var(--red);color:#fff;text-align:center;padding:44px 0}
.proofband .tag{color:#fff;opacity:.85}
.proofband p{font-family:var(--serif);font-size:23px;line-height:1.36;margin-top:12px;font-weight:600}
html[lang=ko] .proofband p{font-weight:700;font-size:21px;line-height:1.55}
.proofband small{display:block;font-size:14.5px;margin-top:14px;opacity:.9;font-family:var(--sans)}
.proofband small a{text-decoration:underline;text-underline-offset:3px}

/* 면허 */
.lic{display:grid;gap:34px;margin-top:28px}
.lic article{border-top:3px solid var(--blue);padding-top:18px}
.lic h3{font-family:var(--serif);font-size:23px;font-weight:600}
html[lang=ko] .lic h3{font-family:var(--sans);font-weight:700;font-size:21px}
.lic ol{list-style:none;padding:0;margin:10px 0 0;counter-reset:s}
.lic li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;padding:12px 0;border-bottom:1px solid var(--rule);font-weight:600}
.lic li::before{content:counter(s) ".";color:var(--blue);font-weight:700}
.lic .proof{margin-top:14px;font-size:16px;color:var(--ink-2)}

/* 입학 */
.steps{list-style:none;padding:0;margin-top:26px;counter-reset:st}
.steps li{counter-increment:st;display:grid;grid-template-columns:48px 1fr;padding:16px 0;border-top:1px solid var(--rule)}
.steps li:last-child{border-bottom:1px solid var(--rule)}
.steps li::before{content:counter(st);font-family:var(--serif);font-size:30px;font-weight:600;color:var(--blue);line-height:1}
.steps h3{font-size:18px;line-height:1.3}
.steps p{font-size:16px;color:var(--ink-2);margin-top:2px}
.adm-foot{margin-top:22px;display:grid;gap:8px;font-size:16px;color:var(--ink-2)}
.adm-foot b{color:var(--ink)}

/* 질문 */
.qa{margin-top:22px}
.qa details{border-top:1px solid var(--rule);padding:16px 0}
.qa details:last-child{border-bottom:1px solid var(--rule)}
.qa summary{font-size:18px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";color:var(--blue);font-size:24px;line-height:1;font-weight:400}
.qa details[open] summary::after{content:"\2212"}
.qa p{color:var(--ink-2);font-size:16.5px;margin-top:8px}

/* 다른 길: 사진 없는 제목 카드 */
.others{display:grid;gap:12px;margin-top:22px}
.others a{display:block;border:1px solid var(--rule);border-left:4px solid var(--blue);padding:18px 18px 16px;background:#fff}
.others h3{font-size:18px;line-height:1.3}
.others p{font-size:15.5px;color:var(--ink-2);margin-top:4px}
.others span{font-size:14.5px;font-weight:700;color:var(--blue);display:block;margin-top:8px}

/* 상담 */
.consult dl{margin-top:24px;border-top:1px solid var(--rule-dark)}
.consult dt{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75;padding-top:14px}
.consult dd{padding:2px 0 14px;border-bottom:1px solid var(--rule-dark);font-weight:600}
.consult dd a{text-decoration:underline;text-underline-offset:3px}
form{background:#fff;color:var(--ink);padding:24px 20px;margin-top:30px}
form h3{font-family:var(--serif);font-size:22px;font-weight:600;margin-bottom:14px}
html[lang=ko] form h3{font-family:var(--sans);font-weight:700;font-size:20px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.seg label{border:1px solid #9aa3af;height:48px;display:grid;place-items:center;font-weight:600;cursor:pointer;border-radius:3px;font-size:16px}
.seg input{position:absolute;opacity:0}
.seg label:has(input:checked){border-color:var(--blue);background:var(--blue-tint);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
form input[type=text],form input[type=tel],form input[type=email]{width:100%;height:52px;border:1px solid #9aa3af;border-radius:3px;padding:0 14px;font:inherit;margin-bottom:10px;color:inherit;background:#fff}
.agree{display:flex;gap:10px;font-size:14.5px;color:var(--ink-2);margin:6px 0 16px;align-items:flex-start;line-height:1.45}
.agree input{margin-top:3px;flex:none}
form .btn{width:100%}

/* 바닥글: 짙은 색 + 링크 목록 */
footer{background:#081f47;color:var(--on-dark-2);font-size:15px;padding:40px 0 34px;line-height:1.65}
footer .name{font-family:var(--serif);font-size:20px;color:#fff;font-weight:600;line-height:1.3}
html[lang=ko] footer .name{font-weight:700}
footer h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:28px 0 4px;display:flex;align-items:center;gap:12px}
footer h4::after{content:"";flex:1;height:1px;background:var(--rule-dark)}
footer ul{list-style:none;padding:0}
footer li a{display:block;padding:9px 0;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff}
html[lang=ko] footer li a{letter-spacing:0;font-size:15px}
footer .fine{margin-top:26px;padding-top:18px;border-top:1px solid var(--rule-dark);font-size:13.5px}
footer .fine a{text-decoration:underline;text-underline-offset:3px}

/* ───────── 데스크톱 ───────── */
@media (min-width:960px){
  :root{--gut:40px}
  body{font-size:18px}
  html[lang=ko] body{font-size:17px}
  section{padding:96px 0}
  h2{font-size:42px;max-width:820px}
  .lead{font-size:20px;max-width:680px}
  .btn{display:inline-flex}
  .util{font-size:14px}
  .top .wrap{height:80px;max-width:1320px}
  .util .wrap{max-width:1320px}
  .brand img{height:42px}.brand b{font-size:20px}
  .burger{display:none}
  .menu{display:flex;position:static;box-shadow:none;border:0;padding:0;gap:24px;align-items:center;background:none}
  .menu a{border:0;padding:6px 0;font-size:16px;border-bottom:2px solid transparent;white-space:nowrap}
  .menu a:hover{border-color:var(--red)}
  .menu a.cta{margin:0 0 0 8px;padding:0 18px;height:42px;display:inline-flex;align-items:center;border:0}
  .top .tel{display:inline;font-weight:600;color:var(--ink-2);font-size:15.5px}
  .hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .hero figure{order:2;min-height:560px}
  .hero figure img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
  .hero .copy{padding:72px 56px 72px max(40px,calc((100vw - 1320px)/2 + 40px));align-self:center}
  h1{font-size:clamp(40px,3.6vw,54px)}
  html[lang=ko] h1{font-size:clamp(38px,3.4vw,50px)}
  .hero p{font-size:19.5px;max-width:540px}
  .hero .cta{display:flex;gap:12px;margin-top:28px}
  .intro .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start;text-align:left}
  .intro .state{font-size:32px}
  html[lang=ko] .intro .state{font-size:28px}
  .intro figure{margin:0}
  .intro figcaption{padding:0}
  .figures .grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
  .figures b{font-size:52px}
  html[lang=ko] .figures b{font-size:42px}
  .figures span{font-size:16px;max-width:220px;margin-inline:auto}
  .acc{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}
  .acc div{border-bottom:0;border-right:1px solid var(--rule);padding:22px 24px 4px 0}
  .acc div + div{padding-left:24px}.acc div:last-child{border-right:0}
  .path{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px}
  .path::before{left:8px;right:8px;top:7px;bottom:auto;width:auto;height:2px}
  .path li{padding:34px 0 0}
  .path li::before{top:0}
  .clinical{padding-bottom:96px}
  .pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
  .pcard img{aspect-ratio:4/5}
  .pcard div{left:24px;right:24px;bottom:24px}
  .hosp{background:none;color:var(--ink-2);padding:28px 0 0}
  .hosp b{color:var(--ink)}
  .proofband{padding:72px 0}
  .proofband p{font-size:32px;max-width:860px;margin-inline:auto}
  html[lang=ko] .proofband p{font-size:28px}
  .lic{grid-template-columns:1fr 1fr;gap:56px;margin-top:48px}
  .lic h3{font-size:28px}
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:44px}
  .steps li{display:block;border-top:3px solid var(--blue);border-bottom:0!important;padding:16px 0 0}
  .steps li::before{display:block;margin-bottom:10px}
  .faq .wrap{display:grid;grid-template-columns:.8fr 1.4fr;gap:72px}
  .qa{margin-top:0}
  .qa summary{font-size:20px}
  .others{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
  .consult .wrap{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:start}
  form{margin-top:0;padding:32px}
  footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:56px}
  footer h4{margin-top:0}
  footer .fine{grid-column:1/-1;margin-top:8px}
}
@media (min-width:960px) and (max-width:1240px){.menu{gap:16px}.menu a{font-size:15px}.top .tel{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (min-width:960px){.pcards{max-width:1160px;margin:44px auto 0;padding:0 40px}.hosp .wrap{padding-top:0}}
@media (max-width:959px){.menu a.tel{display:block}}
h1,h2,.intro .state,.proofband p{text-wrap:balance}
.figures h2{max-width:none}
.hero figure img{object-position:78% 50%}

/* ───────── 하위 페이지 ───────── */
.menu a[aria-current=page]{color:var(--blue)}
.phero{background:var(--blue-deep);color:#fff;padding:0}
.phero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.phero .copy{padding:28px var(--gut) 34px}
.phero .eyebrow{color:#fff;opacity:.78}
.phero h1{font-size:32px}
.phero p{font-size:18px;color:var(--on-dark-2);margin-top:14px;line-height:1.55}
.crumbs{font-size:13.5px;margin-bottom:14px;opacity:.8}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.prose{max-width:760px}
.prose p{margin-top:16px;color:var(--ink-2)}
.prose p:first-child{margin-top:0}
.prose h2{font-size:27px}
.prose h3{font-size:19px;margin-top:28px}
.prose h2 + p,.prose .eyebrow + h2 + p{margin-top:14px}
.prose a,.inlink{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.list{list-style:none;padding:0;margin-top:20px}
.list li{padding:14px 0;border-top:1px solid var(--rule);color:var(--ink-2)}
.list li:last-child{border-bottom:1px solid var(--rule)}
.list b{color:var(--ink)}
.tblwrap{overflow-x:auto;margin-top:24px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:16px}
th,td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--rule);vertical-align:top}
thead th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--ink)}
tbody th{font-weight:700;color:var(--ink)}
td{color:var(--ink-2)}
.courses{display:grid;gap:28px;margin-top:26px}
.courses div{border-top:3px solid var(--blue);padding-top:16px}
.courses h3{font-size:18px}
.courses ul{list-style:none;padding:0;margin-top:8px;color:var(--ink-2);font-size:16.5px}
.courses li{padding:5px 0}
.next{background:var(--blue-deep);color:#fff;padding:40px 0}
.next a{display:block}
.next span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.78}
.next b{display:block;font-family:var(--serif);font-size:26px;font-weight:600;margin-top:4px}
html[lang=ko] .next b{font-weight:700;font-size:24px}
.next b::after{content:" \2192"}
@media (min-width:960px){
  .phero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .phero.noimg{display:block}
  .phero figure{order:2;position:relative;min-height:380px}
  .phero figure img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
  .phero .copy{padding:64px 56px 64px max(40px,calc((100vw - 1320px)/2 + 40px));align-self:center}
  .phero.noimg .copy{max-width:1160px;margin:0 auto;padding:64px 40px}
  .phero h1{font-size:46px}
  html[lang=ko] .phero h1{font-size:42px}
  .phero p{font-size:19.5px;max-width:600px}
  .prose h2{font-size:36px}
  .courses{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}
  .next{padding:56px 0}
  .next b{font-size:34px}
}
.prose a.more{text-decoration:none}
.wrap.prose{max-width:1160px}
.prose > *{max-width:760px}
@media (max-width:959px){
  table{min-width:0}
  thead{display:none}
  table,tbody,tr,th,td{display:block}
  tr{border-bottom:1px solid var(--rule);padding:14px 0}
  tbody tr:first-child{border-top:2px solid var(--ink)}
  th,td{border:0;padding:0}
  td{margin-top:4px}
}