@font-face{font-family:JourneySans;src:url('../../../assets/fonts/physics-board/NotoSansKR-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f7f3eb;color:#233c40;font:16px/1.8 JourneySans,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,.primary{cursor:pointer;border:1px solid #aebdb5;background:transparent;color:#233c40;border-radius:6px;padding:10px 17px;display:inline-block;text-decoration:none}button:hover{background:#e3e9df}button:disabled{opacity:.4;cursor:default}.primary{background:#285a58;color:#fff;border-color:#285a58}.primary:hover{background:#204746}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d65a45;outline-offset:4px}.skip{position:fixed;left:10px;top:-100px;background:white;z-index:99999}.skip:focus{top:10px}.top{max-width:1560px;margin:auto;padding:25px 35px;border-bottom:1px solid #d8d4c9;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.06em}.layout{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1510px;margin:auto;gap:45px;padding:35px}.course-nav{position:sticky;top:25px;align-self:start;font-size:12px;max-height:calc(100vh - 50px);overflow:auto}.course-nav h2{font-size:23px;line-height:1.5;margin:8px 0 25px}.course-nav a,.course-nav nav button{display:block;width:100%;text-align:left;padding:7px 10px;text-decoration:none;border:0;border-radius:4px}.course-nav nav button{font-size:12px}.course-nav nav{border-left:1px solid #c5cec4;margin:8px 0 14px 8px}.course-nav nav button[aria-current="step"]{background:#285a58;color:white}.course-nav>p:last-of-type{border-top:1px solid #c5cec4;padding-top:15px}main{min-width:0}section{padding:55px 0;border-bottom:1px solid #d8d4c9}h1,h2,h3,h4{line-height:1.35;letter-spacing:-.04em}h1{font-size:clamp(38px,4vw,62px);font-weight:800;line-height:1.25;margin:22px 0}h1 em{font-style:normal;color:#d65a45}h2{font-size:clamp(29px,3vw,42px);margin:12px 0 24px}h3{font-size:23px}h4{font-size:18px}p{margin:12px 0 20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#59716b}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:15px;align-items:center}.hero figure{margin:0;transform:rotate(2deg)}.hero img{width:100%;display:block;border-radius:100px 100px 3px 3px}.hero figcaption{font-size:10px;margin-top:10px}.lead{font-size:20px}.stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px;font-size:10px}.stats span{border:1px solid #cbcdbc;padding:6px 10px;border-radius:20px}blockquote{font-size:27px;border-left:4px solid #d65a45;padding:15px 25px;margin:25px 0;background:#ede7d9}blockquote small{font-size:16px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel,.step-box{padding:25px;border:1px solid #d6d9cb;border-radius:8px;background:#fffcf5}.panel h3{margin-top:0}.caution{background:#f6ebd6}.source{font-size:12px;color:#61716a}.notice{padding:15px 20px;background:#e9eee3;border-left:3px solid #6d8d77;font-size:14px}.filters,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.filters button[aria-pressed=true]{background:#285a58;color:white}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.example{min-width:0;border-bottom:1px solid #cbd0c3;padding-bottom:20px}.image-button{padding:0;border:0;width:100%;display:block;background:#eee4d4;overflow:hidden;border-radius:8px}.image-button img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .3s}.image-button:hover img{transform:scale(1.025)}.example h3{margin:10px 0;font-size:22px}.example p,.example li{font-size:14px}.example summary{font-size:14px}.example ol{padding-left:23px}.tag{font-size:11px;color:#6b7161;margin-top:14px;display:block}.step-box{border-top:5px solid #285a58}.step-box h3{font-size:30px;margin-top:12px}.step-box li{margin-bottom:12px}.soft{background:#efece0;padding:16px}.soft p{margin-bottom:0}label{display:block;font-size:14px;font-weight:600}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #bfc9be;background:#fffdf7;color:#233c40;border-radius:5px;padding:12px;margin-top:6px;min-width:0}textarea{resize:vertical}.check{display:flex;gap:12px;align-items:flex-start;padding:12px 0;font-weight:400}.check input{width:18px;height:18px;flex:none;margin:5px 0}.wide{grid-column:1/-1}.story-sentence{font-size:22px;padding:25px;background:#e5ece1;border-radius:6px;overflow-wrap:anywhere}details{margin:15px 0}summary{cursor:pointer;font-weight:600}.compositions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.compositions svg{width:100%;background:#fffdf8;border-radius:6px}.compositions p{font-size:14px}#sheetPreview{max-width:440px;width:100%;box-shadow:0 5px 25px #263b4022}#printRoot{display:none}footer{padding:65px 0;font-size:20px}dialog{border:0;border-radius:10px;padding:24px;background:#fffdf8;color:#233c40;max-width:min(92vw,950px);max-height:92vh}dialog::backdrop{background:#152c35cc}dialog img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:15px auto}dialog h2{font-size:23px}dialog p{font-size:12px}#closeDialog{display:block;margin-left:auto}#saveStatus,#exportStatus,#checkCount{font-size:13px;color:#52695d}img[hidden]{display:none}
@media(min-width:1550px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.layout{grid-template-columns:155px minmax(0,1fr);gap:25px;padding:25px}.hero{gap:20px}.hero h1{font-size:39px}.two{gap:14px}.panel{padding:20px}.compositions{gap:12px}}@media(max-width:760px){.top{padding:20px;flex-direction:column;gap:5px}.layout{display:block;padding:20px}.course-nav{position:static;max-height:none;padding:10px 0 25px;border-bottom:1px solid #c5cec4}.course-nav h2{display:none}.course-nav>a{display:inline-block;width:auto}.course-nav nav{display:flex;overflow-x:auto;gap:8px;border:0;margin-left:0;padding-bottom:7px}.course-nav nav button{width:auto;flex:none;background:#e9ebdf;font-size:11px}.course-nav #progress{margin:5px 0;padding:0;border:0}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:43px}.hero figure{max-width:390px;width:86%;margin:25px auto 5px}.two{grid-template-columns:1fr}.gallery{gap:25px 14px}.example h3{font-size:19px}.example p{font-size:13px}.step-box{padding:20px}.compositions{grid-template-columns:1fr}.compositions article{display:grid;grid-template-columns:110px 1fr;gap:0 15px}.compositions svg{grid-row:1/3}.compositions h4{margin:5px 0}.compositions p{margin-top:0}section{padding:40px 0}}@media(max-width:430px){.gallery{grid-template-columns:1fr}.hero h1{font-size:37px}.layout{padding:16px}.filters{gap:6px}.filters button{font-size:12px;padding:9px 10px}.step-box h3{font-size:25px}.actions button{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;background:white!important;overflow:hidden!important}html>*:not(head):not(body),body>*:not(#printRoot){display:none!important}#printRoot{display:block!important;width:210mm!important;height:297mm!important;break-inside:avoid;break-after:avoid;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}#printImage{display:block!important;width:210mm!important;height:297mm!important;margin:0!important;object-fit:fill}}