/* 노드앤노트 공통 토큰을 쓰는 교재 전용 조합 */
:root{--lesson-gap:var(--nn-space-16);--lesson-pad:var(--nn-space-24);--lesson-head-gap:var(--nn-space-32);--lesson-title-gap:var(--nn-space-24)}
header,footer{border:0!important}.slot:not(.title){border-top:0!important;padding-top:0}.eyebrow{display:none}.capture figcaption{font-family:'Noto Sans KR';letter-spacing:0;white-space:normal}.check{padding:var(--lesson-pad)!important;border-radius:var(--nn-radius-sm);line-height:1.6}.check li{font-family:var(--nn-font-hand-pen);font-size:16pt;line-height:1.6}.check li+li{margin-top:var(--nn-space-12)}.check h2{margin-bottom:var(--nn-space-12)}.check label>span{font-family:var(--nn-font-hand-pen)}.check ul{padding-left:5mm}.chip{font-family:'Noto Sans KR';font-size:11.5pt}.result{width:100%;align-self:stretch}.request{border-radius:var(--nn-radius-sm)}.new-results{display:grid!important;grid-template-columns:minmax(0,2.9fr) minmax(0,1fr);gap:var(--nn-space-12)!important;align-items:start!important}.new-results>.capture{width:100%!important;min-width:0;flex:initial!important}.new-results>.check{grid-column:1/-1;width:100%!important}.new-results .frame{display:block!important;width:100%!important;height:auto!important}.new-results img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}.answer .capture{align-items:start}.answer .frame{height:auto;width:100%}.answer img{width:100%;height:auto}.answer figcaption{font-size:10pt;margin-bottom:2mm}.cover-image{margin-top:0}.cover-image img{object-fit:contain}.inline-check{margin-top:var(--nn-space-16)}
@media print{
 .page-body{top:36mm;height:231mm;display:flex;flex-direction:column;gap:var(--lesson-gap)}
 .slot{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;flex:none}
 .title{margin-bottom:calc(var(--lesson-title-gap) - var(--lesson-gap))}
 .result{width:178mm!important}.sheet{overflow:hidden}footer span{font-size:11pt;line-height:1.4}header{height:8mm}header span{line-height:1.4}
 .check{padding:var(--nn-space-20) var(--lesson-pad)!important}.check li{font-size:16pt}.check li+li{margin-top:var(--nn-space-8)}
 .request{padding:var(--nn-space-16)!important;font-size:11.5pt;line-height:1.6}.request p+p{margin-top:2mm}
 .diagram .visual{height:auto}.diagram .frame{height:auto}.diagram img{height:auto;width:100%}.diagram .capture{height:auto}
 .photo-grid img{max-height:38mm}.photo-grid .ink{grid-template-columns:repeat(4,minmax(0,1fr))}
 .cover-image{width:100%!important}.cover-image .ink{height:70mm}.cover-image .frame{height:70mm}.cover-image img,.cover-image .capture img{height:70mm!important}
 .phone-pair .capture{width:44mm!important;flex:0 0 44mm!important}.phone-pair .annotated{width:44mm!important}.phone-pair img{max-height:none}
 .phone-labels{width:auto!important;flex:1}.phone-labels .check{padding:var(--nn-space-20)!important}
 .side-check>.ink{display:grid;grid-template-columns:1fr 1fr}
 .final-pair .ink{height:auto}.final-pair img{height:auto;width:100%}.final-pair .frame{height:auto}
 .glossary table{line-height:1.45;font-size:11.5pt}.glossary td,.glossary th{padding:.45mm 2mm}.glossary th{width:25%}
 .answer img{width:100%;height:auto}.answer .frame{width:100%}
}
@media screen{.page-body{padding-top:var(--lesson-head-gap);gap:var(--nn-space-24)}.title{margin-bottom:0}.check li,.check label>span{font-size:24px;line-height:1.6}.check ul{padding-left:0}.answer img{max-width:100%}.new-results .capture:after{display:none}.new-results>.capture{padding:0!important;border:0!important;background:none!important}.new-results .frame:before,.new-results .frame:after{display:none}.result>.ink{height:auto!important}.answer>.ink{height:auto}.capture figcaption{font-size:14px}.check input{margin-top:10px}.progress a{border-radius:var(--nn-radius-sm)}}
@media screen and (max-width:899px){.new-results{grid-template-columns:minmax(0,1fr)!important}.new-results>.capture{width:100%!important}.new-results>.capture:first-child{margin-bottom:var(--nn-space-16)}.new-results .capture img{width:100%!important}.check{padding:var(--nn-space-24)!important}.phone-labels{width:100%!important}.cover-image .ink{gap:12px}.check li,.check label>span{font-size:24px}}

.result-wide{display:block!important}.result-wide .capture{width:100%!important;height:auto!important;flex:1!important}.result-wide .frame{width:100%!important;height:auto!important}.result-wide img{width:100%!important;height:auto!important}
@media print{.slot:has(>.ink:empty){display:none}.check li+li{margin-top:2.5mm}.answer img{width:100%;height:auto}.page-body{gap:var(--nn-space-12)}.title{margin-bottom:calc(var(--nn-space-24) - var(--nn-space-12))}.request p+p{margin-top:1mm}.glossary table{font-size:10.5pt;line-height:1.4}.glossary th,.glossary td{padding:.3mm 2mm}.result-wide img{height:auto!important;width:100%!important}.check li{line-height:1.6}.steps p,.memo p{margin-bottom:.5em}}

@media print{.check label{display:contents}.check li:empty{display:none}.request p+p{margin-top:.5mm}.side-check>.new-results{grid-template-columns:minmax(0,2.9fr) minmax(0,1fr)!important}.side-check>.new-results .capture{width:100%!important}.check ul{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--nn-space-24);row-gap:var(--nn-space-8)}.check li+li{margin-top:0}.check .chip{margin-bottom:var(--nn-space-8)}.check li{font-size:16pt;line-height:1.6}.slot.answer .capture,.slot.result .capture{height:100%!important}.slot.answer .frame,.slot.result .frame{height:calc(100% - 5mm)!important}.slot.answer img,.slot.result img{height:100%!important;width:100%!important;object-fit:contain!important;object-position:left top}.slot.result.photo-grid .capture{height:auto!important}.slot.result.photo-grid .frame{height:auto!important}.slot.result.photo-grid img{height:auto!important}}

/* A21h: approved cover and final-page composition using existing DS assets. */
#page-1 .cover-image .ink{display:grid!important;grid-template-columns:minmax(0,2.9fr) minmax(0,1fr);gap:var(--nn-space-12);align-items:start}
#page-1 .cover-image .capture{width:100%!important;min-width:0}
#page-1 .cover-image .frame{display:block;width:100%;height:auto!important}
#page-1 .cover-image img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}
#page-1 .cover-image figcaption{font-size:10pt;margin-bottom:2mm;letter-spacing:0;white-space:normal}
.continuation .continuation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nn-space-20)}
.continuation .continuation-grid figure{min-width:0;margin:0}
.continuation .continuation-grid img{display:block;width:100%;height:auto;object-fit:contain}
.continuation .continuation-grid figcaption{margin-top:var(--nn-space-8);font-size:11pt;line-height:1.5}
.continuation .continuation-grid strong{display:block;color:var(--accent);font-size:12pt}
.continuation .next-course{font-size:12pt;line-height:1.7}
@media print{
 #page-1 .cover-image,#page-1 .cover-image .ink{height:auto!important;width:100%!important}
 #page-1 .cover-image .frame,#page-1 .cover-image img{height:auto!important}
 #page-1 .cover-image .ink{min-height:91mm}
 #page-1 .cover-note p{margin-top:0}
 .continuation .continuation-grid{gap:5mm 4mm}
 .continuation .continuation-grid img{height:55mm;object-fit:contain;object-position:left top}
 .continuation .continuation-grid figcaption{font-size:10.5pt;line-height:1.5}
 .continuation .continuation-grid strong{font-size:11.5pt}
}
@media screen and (max-width:899px){
 #page-1 .cover-image .ink{grid-template-columns:minmax(0,1fr)!important;height:auto!important}
 #page-1 .cover-image .capture:last-child{max-width:260px;justify-self:center}
 .continuation .continuation-grid{grid-template-columns:minmax(0,1fr)}
 .continuation .continuation-grid figcaption{font-size:16px}
 .continuation .continuation-grid strong{font-size:18px}
}