/* layout: checklist-grid */
:root{--h:44;--primary:hsl(44 62% 42%);--primary-dark:hsl(44 62% 30%);--accent:hsl(84 55% 46%);--ink:hsl(44 15% 15%);--sub:hsl(44 10% 38%);--bg:hsl(44 30% 99%);--line:hsl(44 20% 88%);--card:hsl(44 40% 97%);}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;font-size:clamp(16px,1.2vw + 14px,17px);}
a{color:var(--primary-dark);}
img{max-width:100%;display:block;}
.wrap{max-width:960px;margin:0 auto;padding:0 20px;}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:hsl(0 0% 100%);padding:10px 16px;z-index:100;}
.skip-link:focus{left:12px;top:12px;}
header{border-bottom:1px solid var(--line);background:hsl(44 30% 99%);position:sticky;top:0;z-index:10;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.brand{font-weight:700;text-decoration:none;color:var(--ink);display:flex;gap:8px;align-items:center;font-size:1.05rem;}
.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);display:inline-block;}
.nav-toggle{display:none;border:1px solid var(--line);background:hsl(0 0% 100%);border-radius:6px;padding:8px 10px;min-width:44px;min-height:44px;}
.nav-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0;}
.nav-menu a{text-decoration:none;color:var(--sub);font-size:.92rem;}
.hero{padding:48px 0 36px;background:linear-gradient(180deg,var(--card),var(--bg));}
.hero .wrap{display:flex;flex-direction:column;gap:12px;}
.cat-label{font-size:.82rem;color:var(--primary-dark);font-weight:600;letter-spacing:.02em;}
h1{font-size:clamp(1.5rem,1rem + 1.6vw,2.1rem);margin:.2em 0;line-height:1.35;}
.lead{color:var(--sub);max-width:640px;font-size:1rem;}
.btn{display:inline-block;min-height:44px;padding:11px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;}
.btn-primary{background:var(--primary);color:hsl(0 0% 100%);}
.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary-dark);}
main{padding:8px 0 0;}
.content{padding:32px 0;}
.narrow{max-width:760px;margin:0 auto;padding:0 20px;}
h2{font-size:1.35rem;margin:1.6em 0 .5em;border-left:4px solid var(--primary);padding-left:12px;}
h3{font-size:1.05rem;margin:1.1em 0 .4em;color:var(--primary-dark);}
p{margin:.7em 0;}
ul.plain{margin:.6em 0;padding-left:1.2em;}
ul.plain li{margin:.35em 0;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0;border:1px solid var(--line);border-radius:8px;}
.table-wrap table{border-collapse:collapse;width:100%;min-width:420px;font-size:.92rem;}
.table-wrap caption{text-align:left;font-weight:700;padding:10px 14px;background:var(--card);color:var(--primary-dark);}
.table-wrap th,.table-wrap td{padding:9px 14px;border-top:1px solid var(--line);text-align:left;}
.table-wrap th{background:hsl(44 25% 95%);}
figure.veh-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:1.4em 0;}
figure.veh-row .cell{margin:0;}
figure.veh-row img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:6px;}
figure.veh-row figcaption{font-size:.78rem;color:var(--sub);margin-top:4px;}
.faq{margin:0;}
.faq details{border:1px solid var(--line);border-radius:8px;padding:4px 14px;margin:10px 0;background:hsl(0 0% 100%);}
.faq summary{cursor:pointer;font-weight:600;padding:10px 0;min-height:44px;display:flex;align-items:center;}
.faq dd, .faq .a{color:var(--sub);margin:0 0 12px;}
nav.related{background:var(--card);padding:34px 0;}
nav.related h2{max-width:960px;margin:0 auto 16px;padding:0 20px;border:none;}
nav.related ul{max-width:960px;margin:0 auto;padding:0 20px;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.related-card{display:block;background:hsl(0 0% 100%);border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none;color:var(--ink);min-height:44px;}
.related-card svg{width:22px;height:22px;color:var(--primary);}
.related-card strong{display:block;margin:.4em 0 .2em;font-size:.94rem;}
.related-card span{font-size:.8rem;color:var(--sub);}
.cta{padding:40px 20px;text-align:center;}
.cta-inner{max-width:640px;margin:0 auto;}
.cta .btn{margin-top:14px;}
footer.site-footer{background:hsl(44 12% 14%);color:hsl(44 10% 88%);padding:32px 0;}
footer.site-footer a{color:hsl(44 55% 78%);}
.footer-biz dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0 0 14px;font-size:.88rem;}
.footer-biz dt{color:hsl(44 8% 62%);}
.footer-notice{font-size:.8rem;color:hsl(44 8% 68%);max-width:680px;line-height:1.6;}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0;font-size:.82rem;}
.footer-copy{font-size:.78rem;color:hsl(44 8% 55%);margin-top:10px;}
@media (max-width:768px){
 .nav-toggle{display:inline-flex;align-items:center;justify-content:center;}
 .nav-menu{display:none;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:hsl(0 0% 100%);border-bottom:1px solid var(--line);}
 .nav-menu.open{display:flex;}
 .nav-menu a{padding:12px 20px;border-top:1px solid var(--line);}
 figure.veh-row{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
 figure.veh-row{grid-template-columns:1fr;}
}

.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1.2em 0;}
.check-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:hsl(0 0% 100%);display:flex;gap:10px;}
.check-card svg{width:20px;height:20px;flex:none;color:var(--primary);}
