@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+KR:wght@500;600;700&display=swap');
:root{--paper:#f7f5ef;--ink:#253c36;--muted:#6d766f;--line:#d9dfd6;--accent:#d57751}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #cc683d;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}.top,main,footer{max-width:1200px;margin:auto}.top{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 8px}.brand{font-family:'Noto Serif KR',serif;font-size:31px;font-weight:700;display:flex;gap:14px;align-items:center}.brand span{font-family:'Noto Sans KR',sans-serif;font-size:14px;font-weight:600;letter-spacing:.04em}.repo{font-size:13px;color:var(--muted)}.hero{padding:76px 6px 70px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--muted)}h1{font-family:'Noto Serif KR',serif;font-weight:600;font-size:clamp(45px,6vw,76px);line-height:1.4;letter-spacing:-.065em;margin:24px 0}.intro{font-size:16px;color:var(--muted);line-height:1.9}.trip{display:flex;gap:20px;font-size:13px;margin-top:30px}.trip span+span{border-left:1px solid #aebbb0;padding-left:20px}.stamp{position:absolute;right:8%;top:60px;width:290px;height:300px;border:1px solid #abb5a6;border-radius:49% 49% 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(6deg);background:repeating-linear-gradient(0deg,transparent,transparent 7px,#253c3603 7px,#253c3603 8px)}.stamp span{font-family:'Noto Serif KR',serif;font-size:59px;letter-spacing:.12em;line-height:1.4}.stamp span+span{color:var(--accent)}.stamp small{font-size:10px;letter-spacing:.16em;margin-top:20px}.collection{padding:46px 0 38px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 26px}.section-head h2{font-size:25px;letter-spacing:-.04em;margin:8px 0 0;font-weight:600}.section-head p{font-size:12px;color:var(--muted);margin-bottom:3px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fffefa;border:1px solid var(--line);border-radius:5px;padding:25px 25px 20px;min-height:300px;border-top:3px solid #51735e;display:flex;flex-direction:column}.card.orange{border-top-color:#b67b55}.card.blue{border-top-color:#7394ac}.card.purple{border-top-color:#9483a4}.card-top{display:flex;align-items:center;justify-content:space-between}.number{font-family:serif;font-size:21px;color:#89978c}.badge{font-size:9px;letter-spacing:.15em;color:var(--muted);border:1px solid var(--line);padding:3px 8px;border-radius:20px}.card h3{font-family:'Noto Serif KR',serif;font-size:29px;font-weight:600;margin:18px 0 8px}.card-note{font-size:12px;color:var(--muted);margin:0 0 19px;min-height:42px}.file-list{margin-top:auto}.file-row{padding:13px 0 8px;border-top:1px solid #e8e9e1}.plan-link{display:block;font-size:13px;font-weight:600;line-height:1.7}.plan-link:after{content:' ↗';color:var(--accent)}.edit-link,.empty-link{display:inline-block;font-size:11px;margin-top:8px;color:var(--muted)}.edit-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 6px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 12px}.edit-guide h2{font-size:24px;letter-spacing:-.04em;margin:9px 0}.edit-guide p{font-size:13px;color:var(--muted)}.pill{flex-shrink:0;background:var(--ink);color:white;padding:12px 21px;border-radius:3px;font-size:12px}footer{display:flex;justify-content:space-between;padding:23px 6px 32px;font-size:11px;color:var(--muted)}#error{background:#fff0e5;padding:20px;margin:24px}.viewer{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.viewer-bar{background:var(--paper);padding:14px 24px;display:flex;align-items:center;gap:25px;flex-shrink:0;border-bottom:1px solid var(--line)}.viewer-bar strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;min-width:0}.viewer-bar a{font-size:12px;white-space:nowrap}.viewer-bar nav{display:flex;gap:18px}.back{color:var(--muted)}#plan-frame{width:100%;border:0;flex:1;min-height:0;background:white}[hidden]{display:none!important}@media(min-width:900px){.card:first-child{grid-column:span 2}.card:first-child h3{font-size:38px}.card:first-child{background:#edf1e9}}@media(max-width:1250px){.top,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stamp{right:3%;width:210px;height:260px;top:90px;opacity:.65}.stamp span{font-size:49px}.section-head{align-items:start;gap:15px;flex-direction:column}.hero{padding-top:55px}.viewer-bar{gap:12px;padding:12px}.viewer-bar nav{gap:12px}}@media(max-width:580px){.top,main,footer{margin-left:20px;margin-right:20px}.top{height:77px}.brand{font-size:25px;gap:9px}.brand span{font-size:12px}.repo{font-size:11px}.hero{padding:41px 0}.stamp{right:-25px;top:77px;width:145px;height:207px;opacity:.18}.stamp span{font-size:37px}h1{font-size:47px;margin:21px 0}.intro{font-size:13px}.trip{font-size:10px;gap:11px;position:relative}.trip span+span{padding-left:11px}.cards{grid-template-columns:1fr}.section-head h2{font-size:22px}.card{min-height:270px}.edit-guide{flex-direction:column;align-items:start}.edit-guide h2{font-size:22px}.edit-guide p{font-size:12px}.desktop{display:none}footer{flex-direction:column;gap:5px}.viewer-bar{flex-wrap:wrap;gap:10px}.viewer-bar strong{order:3;flex-basis:100%;font-size:11px}.viewer-bar nav{margin-left:auto}}