[data-route=training]{background:var(--background);color:var(--foreground);font-family:var(--font-sans);padding:0 1.25rem;font-size:1.0625rem;line-height:1.8}[data-route=training] .training-article{max-width:68ch;margin-inline:auto;padding-block:2rem 4rem}[data-route=training] .training-header{padding-bottom:2.5rem}[data-route=training] .training-breadcrumb{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}[data-route=training] h1{letter-spacing:-.035em;text-wrap:balance;margin-block:1.5rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.3}[data-route=training] .training-summary{font-size:1.125rem;line-height:1.9}[data-route=training] section{border-top:1px solid var(--border);padding-block:2.5rem;scroll-margin-top:6rem}[data-route=training] h2{letter-spacing:-.025em;align-items:baseline;gap:.625rem;margin-bottom:1rem;font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:750;line-height:1.45;display:flex}[data-route=training] h2 svg{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0;align-self:flex-start;margin-top:.4rem}[data-route=training] p{margin-block:0 1rem}[data-route=training] .training-answer{font-size:1.125rem;font-weight:550}[data-route=training] strong{color:var(--foreground);font-weight:700}[data-route=training] .training-steps{margin-block:1.5rem;padding-left:1.5rem;list-style:decimal}[data-route=training] .training-steps li{margin-block:1rem;padding-left:.375rem}[data-route=training] .training-steps li::marker{color:var(--primary);font-weight:700}[data-route=training] .training-steps p{margin-block:.25rem 0}[data-route=training] .training-note{color:var(--foreground)}[data-route=training] .training-paragraph-flow{word-break:keep-all;overflow-wrap:break-word}[data-route=training] a{color:var(--primary);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}[data-route=training] a:hover{text-decoration-thickness:2px}[data-route=training] :is(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:2px}[data-route=training] :is(a,button){min-height:44px}[data-route=training] .training-breadcrumb a{padding-inline:1rem}[data-route=training] .training-breadcrumb a,[data-route=training] .training-standalone-link{align-items:center;display:inline-flex}[data-route=training] .training-links{background:var(--muted);border-left:3px solid var(--primary);margin-top:1.5rem;padding:.75rem 1rem;list-style:none}[data-route=training] .training-links li{flex-wrap:wrap;align-items:center;column-gap:1rem;display:flex}[data-route=training] .training-links a{align-items:center;font-weight:650;display:inline-flex}[data-route=training] .training-links span{color:var(--foreground);font-size:.875rem}[data-route=training] table{table-layout:fixed;border-collapse:collapse;overflow-wrap:anywhere;width:100%;margin-top:1.5rem;font-size:.9375rem;line-height:1.7}[data-route=training] :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.875rem .625rem}[data-route=training] thead th{background:var(--muted);font-weight:700}[data-route=training] th:first-child{width:27%}[data-route=training] th:last-child{width:30%}[data-route=training] tbody th{font-weight:650}[data-route=training] tbody tr:hover{background:var(--muted)}[data-route=training] .training-creator{font-size:1.375rem;font-weight:750}[data-route=training] .training-creator span{margin-left:.5rem;font-size:1rem;font-weight:450}[data-route=training] .training-signup{width:fit-content;margin-block:1.5rem .5rem}[data-route=training] .training-signup button{padding:.75rem 1.25rem;font-size:1rem}[data-route=training] .training-modified{color:var(--foreground);border-top:1px solid var(--border);padding-top:1.5rem;font-size:.875rem}.dark [data-route=training]{background:var(--background);color:var(--foreground)}.dark [data-route=training] :is(h1,h2,p,li,strong,th,td,.training-links span){color:var(--foreground)}.dark [data-route=training] :is(a,h2 svg){color:var(--primary)}.dark [data-route=training] :is(.training-links,thead th,tbody tr:hover){background:var(--muted)}.dark [data-route=training] .training-signup button{background:var(--kakao-bg);color:var(--kakao-ink)}@media (max-width:479px){[data-route=training] .training-article{padding-top:1rem}[data-route=training] section{padding-block:2rem}[data-route=training] .training-links{padding-inline:.75rem}[data-route=training] table{font-size:.875rem}[data-route=training] :is(th,td){padding-inline:.375rem}[data-route=training] .training-links span{width:100%;padding-bottom:.25rem}}
