@import url("fonts/gaegu.local.css");
/* ================================================================
   테마 B · 페이퍼 랩 (모눈 공책 · 파란 볼펜 · 빨간 도장 · 노란 형광펜)
   덱 기본 style.css 위에 덮어서 공책 느낌으로 바꾼다
   ================================================================ */
:root{--cream:#FBF8F1;--cream2:#EEE9DD;--ink:#1B1B1F;--coral:#1F4FD8;--purple:#E8452C;--mute:#5F6470;--yel:#FFD43B;
  --red:#E8452C;--hl:#FFD43B;--grid:#DCE5EF;--hand:"Gaegu","Pretendard","Malgun Gothic",sans-serif;
  --kit-accent:#1F4FD8;--kit-ink:#1B1B1F;--kit-paper:#FBF8F1;--kit-pens:#1F4FD8,#E8452C,#1B1B1F,#2FA36B}
body{background:var(--cream)}
.topbar{background:rgba(251,248,241,.94)}

/* 모눈 종이 + 왼쪽 빨간 여백 줄 */
.slide,body[data-mode="present"] .stage{background-color:var(--cream);
  background-image:linear-gradient(90deg,transparent 94px,rgba(232,69,44,.35) 94px,rgba(232,69,44,.35) 97px,transparent 97px),
    linear-gradient(var(--grid) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--grid) 1.5px,transparent 1.5px);
  background-size:100% 100%,40px 40px,40px 40px}
body[data-mode="present"] .slide{background:none}

/* 장 머리: 빨간 도장 */
.chap{display:table;font-family:var(--hand);font-size:1.15em;letter-spacing:.04em;color:var(--red);border:3px solid var(--red);border-radius:8px;padding:0 .55em .05em;transform:rotate(-2deg);background:rgba(255,255,255,.7);margin-bottom:.55em}

/* 제목: 노란 형광펜이 글자 아래를 지나간다 */
.title{isolation:isolate}
.ul{margin-top:-.42em;position:relative;z-index:-1;width:78%;height:.36em}
.ul path,.cul path{stroke:var(--hl);stroke-width:22;stroke-linecap:butt;opacity:.95}
.ptip{filter:none}
.body-t b,.lead b,.nums b,.hl{color:var(--coral)}
.body-t b,.lead b{background:linear-gradient(transparent 62%,rgba(255,212,59,.75) 62%)}

/* 종이 카드: 검은 테두리 + 비스듬한 그림자 */
.cards li,.prog,.flow3 li,.role,.sortcols > div,.ex-row span,.day4 li,.dcard{background:#fff;border:2.5px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink)}
.flow3 li:nth-child(2),.sortcols > div:last-child{background:var(--ink)}
.ipo .box{border-width:3px;border-radius:6px;background:#fff;box-shadow:5px 5px 0 var(--ink)}
.ipo .box.mid{background:var(--coral);border-color:var(--ink);color:#fff}
.day4 li{border-left:2.5px solid var(--ink);padding:.6em .8em .8em}
.kit li,.ladder li,.limits li,.kit4 > li{border-left:4px dashed var(--coral)}
.chips li{border-radius:6px;background:#fff;border-width:2.5px}
.blocks li{border-radius:4px}

/* 사진: 흰 테두리 + 노란 테이프 */
.pic{position:relative}
.pic img{border:9px solid #fff;border-radius:3px;box-shadow:0 0 0 1.5px rgba(27,27,31,.25),6px 8px 0 rgba(27,27,31,.16)}
.pic::before{content:"";position:absolute;left:1.2em;top:-12px;width:130px;height:30px;background:rgba(255,212,59,.6);transform:rotate(-3deg);z-index:3;pointer-events:none}
.pic:nth-of-type(2n)::before{transform:rotate(4deg);left:2.4em}
.pic figcaption{font-family:var(--hand);font-size:1em;color:var(--mute)}
.slot{border-radius:4px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}

/* 손글씨 강조 */
.sub,.hint,.note,.frame u,.pick,.muted{font-family:var(--hand)}
.sub{font-size:1.25em;letter-spacing:0}
.note{border-left:4px dashed var(--red);font-size:.9em}
.need{background:var(--hl)}

/* 장 넘어갈 때 큰 글자: 손글씨 */
.slam{background-color:var(--cream);background-image:linear-gradient(var(--grid) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--grid) 1.5px,transparent 1.5px);background-size:40px 40px}
.slam .sw{font-family:var(--hand);font-size:340px;color:var(--coral)}
.slam .sb{background:var(--hl);height:34px;border-radius:2px}

/* 발표 모드 아래 막대 */
body[data-mode="present"] .progress button.cur::before{border-radius:3px;background:var(--red)}
.thumb{border-radius:4px}

/* ----- 표지 ----- */
.s-hero{--wire:#1F4FD8;--wire-hot:#E8452C;--pulse:#E8452C;--label:#1F4FD8;--think:#FFD43B}
.s-hero .hero-no{font-family:var(--hand);font-size:520px;right:.02em;bottom:-.18em;color:rgba(31,79,216,.07);-webkit-text-stroke:0;transform:rotate(-6deg)}
.s-hero .hero-bg::before,.s-hero .hero-bg::after{content:"";position:absolute;width:150px;height:150px;background:center/contain no-repeat;mix-blend-mode:multiply;opacity:.75}
.s-hero .hero-bg::before{left:40px;bottom:150px;background-image:url(img/d_bulb.png);transform:rotate(-10deg)}
.s-hero .hero-bg::after{left:820px;top:40px;width:110px;height:110px;background-image:url(img/d_star.png);transform:rotate(12deg)}
.s-hero .eyebrow{font-family:var(--hand);font-weight:700}
.s-hero .eyebrow .ey-pill{background:none;color:var(--red);border:3px solid var(--red);border-radius:8px;transform:rotate(-3deg);font-family:var(--hand)}
.s-hero .eyebrow em{color:var(--ink);background:linear-gradient(transparent 55%,var(--hl) 55%);padding:0 .15em}
.s-hero .ctitle .l1{color:var(--coral)}
.s-hero .ctitle .l2{color:var(--ink);display:block;width:fit-content;background:linear-gradient(transparent 58%,rgba(255,212,59,.9) 58%,rgba(255,212,59,.9) 92%,transparent 92%)}
.s-hero .cul{display:none}
.s-hero .hero-lead{font-family:var(--hand);font-size:1.45em;color:var(--ink);letter-spacing:-.05em;line-height:1.3}
.s-hero .hero-lead i{color:var(--red)}
.s-hero .mission li b{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;border:3px solid var(--ink);border-radius:4px;font-size:.8em;color:var(--coral);background:#fff}
.s-hero .glabel{font-family:var(--hand);font-size:52px;letter-spacing:.04em}
.s-hero .wires path{stroke-width:5;stroke-dasharray:14 7}
.s-hero .wires path.hot{stroke-dasharray:none;stroke-width:7}
.s-hero .pulse{stroke:var(--ink);stroke-width:3}
body[data-mode="present"] .s-hero .hero-lead{font-size:46px}