*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f7;color:#202020;font:17px/1.75 Pretendard,"Malgun Gothic",sans-serif}a{color:#ad3924;text-underline-offset:4px}a:hover{color:#692013}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dedbd6;gap:20px}nav{display:flex;flex-wrap:wrap;gap:20px}h1{font-size:clamp(30px,5vw,54px);line-height:1.25;letter-spacing:-.035em;margin:20px 0}h2{font-size:28px;line-height:1.4;margin:0 0 22px}h3{font-size:21px;margin:0 0 12px}.eyebrow{color:#ba482f;font-weight:700;font-size:14px;letter-spacing:.08em}.lead{font-size:22px;max-width:850px}.hero{padding:32px 0 48px}.panel,section.lesson{background:white;border:1px solid #dedbd6;border-radius:12px;padding:30px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-top:3px solid #d4553a;padding:20px;background:white}.button{display:inline-block;padding:10px 18px;border:1px solid #d4553a;border-radius:6px;text-decoration:none;margin:4px 9px 4px 0}.primary{background:#d4553a;color:#fff}code,pre{font:16px/1.65 Consolas,monospace;background:#f1eee9}code{padding:3px 6px}pre{padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #dedbd6;vertical-align:top}th{background:#f3f1ed}figure{margin:0}img{max-width:100%;display:block;object-fit:contain}figure img{width:100%;aspect-ratio:1.4;background:#17191c;border-radius:6px}figcaption{padding-top:8px;color:#666;font-size:15px}.hint{border-left:4px solid #d4553a;padding:10px 18px;background:#faf4ef}.muted{color:#666}details{padding:15px 0;border-top:1px solid #ddd}summary{cursor:pointer;font-weight:700}.flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.flow span{padding:14px;background:#f0eeea;border-radius:6px}.checklist li{margin:8px 0}.progress{color:#666;font-size:14px}footer{border-top:1px solid #ddd;font-size:14px}@media(max-width:700px){header{display:block}.grid,.three{grid-template-columns:1fr}header,main,footer{padding:20px}.panel,section.lesson{padding:20px}table{font-size:14px}th,td{padding:8px}.lead{font-size:19px}}@media print{body{background:white;font-size:10.5pt;line-height:1.55}header,nav,.downloads,footer,.no-print{display:none}main{padding:0;max-width:none}.hero{padding:0 0 12px}h1{font-size:26pt}h2{font-size:18pt}h3{font-size:13pt}.lead{font-size:12pt}.panel,section.lesson{border:0;padding:0;margin:0 0 20px;break-before:page}.panel:first-of-type{break-before:auto}.grid{gap:12px}figure img{max-height:180px}pre,code{font-size:10pt}a{color:inherit}details{display:block}details>div{display:block}details>summary{display:none}.print-hidden{display:none}@page{size:A4;margin:16mm}}@media print{body{font-size:10pt;line-height:1.5}.panel{break-before:auto}p{margin:8px 0}h3{margin:12px 0 6px}ol,ul{margin:8px 0;padding-left:24px}td,th{padding:6px}pre{padding:9px;margin:8px 0}figure{break-inside:avoid}figure img{max-height:150px}h2,h3{break-after:avoid}details>summary{display:block;font-size:11pt;list-style:none}}
@media print{section#render-types,section#finish,section#sources{break-before:auto}}
.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:16px;z-index:99}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.hero-grid img{width:100%;border-radius:12px}.badge{display:inline-block;font-size:13px;padding:3px 10px;background:#edf4ee;color:#315c40;border-radius:20px}.upcoming{color:#777;background:#eee}.download-list{display:grid;gap:12px}.download-list a{display:flex;justify-content:space-between;gap:14px;padding:16px;border:1px solid #ddd;border-radius:8px;text-decoration:none}.download-list small{color:#666}.card a{font-weight:700}section{scroll-margin-top:20px}.hero{padding-top:30px}.eyebrow{letter-spacing:.035em}@media(max-width:700px){.hero-grid{grid-template-columns:1fr}.download-list a{display:block}nav{gap:12px}h1{font-size:34px}}a:focus-visible,summary:focus-visible{outline:3px solid #d4553a;outline-offset:4px}

figure img{height:auto}.hero-grid figure img, img[src="assets/week3/water.webp"]{aspect-ratio:1;height:auto;background:#e3e5f0}@media(max-width:700px){.download-list small{display:block}}