:root{--cream:#fff9f4;--peach:#ffe8dc;--coral:#f27059;--brown:#4a3f35;--tan:#a08c7d;--honey:#e0a63b;--font-title:"Sunflower", "Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", system-ui, -apple-system, sans-serif;--radius-block:24px;--measure:46rem;--wrap:72rem;--gutter:clamp(1rem, 4vw, 2.5rem);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}body{background:var(--cream);min-height:100vh;color:var(--brown);font-family:var(--font-body);word-break:keep-all;overflow-wrap:break-word;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.8;display:flex}main{flex:1}a{color:inherit}svg{max-width:100%}h1,h2,h3{font-family:var(--font-title);margin:0;font-weight:700;line-height:1.25}:focus-visible{outline:2px solid var(--brown);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:10;background:var(--brown);color:var(--cream);padding:.5rem .75rem;position:absolute;top:-100%;left:1rem}.skip:focus{top:1rem}.site-head{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.brand{font-family:var(--font-title);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-dot{background:var(--coral);border-radius:50%;width:.8em;height:.8em}.site-nav{gap:1.25rem;display:flex}.site-nav a{border-bottom:2px solid #0000;padding-block:.2rem;text-decoration:none}.site-nav a:hover{text-underline-offset:.25em;text-decoration:underline}.site-nav a[aria-current=page]{border-bottom-color:var(--coral)}.hero{overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding-block:clamp(2.5rem,7vw,5rem);display:grid}.hero-text{max-width:34rem}.hero-name{font-size:clamp(2.6rem,6vw,4.25rem);line-height:1.1}.hero-tagline{font-family:var(--font-title);margin:.75rem 0 1.5rem;font-size:clamp(1.3rem,2.6vw,1.85rem);font-weight:700;line-height:1.3}.hero-desc{max-width:30rem;margin:0 0 1rem}.hero-count{margin:0;font-size:.95rem}.orb{aspect-ratio:1;width:min(26rem,40vw);margin-right:calc(-1 * var(--gutter) - 7rem);background:var(--coral);text-align:center;font-family:var(--font-title);border-radius:50%;place-content:center;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:700;line-height:1.35;display:grid}@media (width<=45rem){.hero{position:relative}.hero-inner{padding-top:3rem;display:block}.hero-name{max-width:70%}.hero-tagline{max-width:62%;font-size:1.2rem}.orb{width:12rem;margin:0;position:absolute;top:-2.5rem;right:-3.5rem}.orb span{display:none}}.guides{padding-block:1rem clamp(3rem,8vw,6rem)}.guides-title{font-size:1.7rem}.guides-note{margin:.35rem 0 1.5rem}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=60rem){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.guide-grid{grid-template-columns:minmax(0,1fr)}}.guide{border-radius:var(--radius-block);background:var(--peach);height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.guide-band{background:var(--band);height:14px;display:block}.guide-body{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.guide-meta{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.steps-chip{border:1.5px solid var(--brown);font-family:var(--font-title);padding:.35rem .55rem;font-size:.9rem;font-weight:700;line-height:1;display:inline-block}.guide-title{font-size:1.3rem;line-height:1.3}.guide:hover .guide-title,.guide:focus-visible .guide-title{text-underline-offset:.2em;text-decoration:underline 2px}.guide-desc{margin:0;font-size:.95rem}.guide-date{margin-top:auto;font-size:.9rem}.page{padding-block:clamp(1.5rem,4vw,3rem) clamp(3rem,8vw,6rem)}.post-head{max-width:var(--measure);margin-bottom:2rem}.tags{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.tags li{border-left:6px solid var(--band);background:var(--peach);padding:.1rem .6rem;font-size:.9rem}.post-title{font-size:clamp(1.9rem,4.5vw,2.75rem)}.lead{margin:1rem 0 .75rem;font-size:1.2rem;line-height:1.7}.byline{margin:0;font-size:.95rem}.box{max-width:var(--measure);border-radius:var(--radius-block);background:var(--peach);padding:1.5rem clamp(1.25rem,3vw,2rem)}.box+.prose{margin-top:2.25rem}.box-title{margin-bottom:.75rem;font-size:1.2rem}.box-note{margin:0 0 .75rem;font-size:.95rem}.steps-list{counter-reset:idx;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.steps-list li{counter-increment:idx;align-items:flex-start;gap:.75rem;display:flex}.steps-list li:before{content:counter(idx);background:var(--coral);width:1.6rem;height:1.6rem;font-family:var(--font-title);border-radius:50%;flex:none;place-content:center;margin-top:.15rem;font-size:.9rem;font-weight:700;line-height:1;display:grid}.steps-list a{text-decoration-color:var(--coral);text-underline-offset:.2em;text-decoration-thickness:1.5px}.check-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.check-list li{align-items:flex-start;gap:.75rem;display:flex}.check-list li:before{content:"";border:2px solid var(--brown);flex:none;width:1.1rem;height:1.1rem;margin-top:.42rem}.box-tail{margin:1rem 0 0;font-size:.95rem}.related{max-width:var(--measure);margin-top:3rem}.related-title{margin-bottom:1rem;font-size:1.4rem}.related-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.related-list li{border-left:8px solid var(--band);flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding-left:.9rem;display:flex}.related-list a{font-family:var(--font-title);font-size:1.1rem;font-weight:700;text-decoration:none}.related-list a:hover{text-underline-offset:.2em;text-decoration:underline}.related-list .count{white-space:nowrap;font-size:.9rem}.notice{max-width:var(--measure);border-top:4px solid var(--peach);margin:3rem 0 0;padding-top:1.25rem;font-size:.95rem}.about-section{max-width:var(--measure);margin-top:2.5rem}.about-section h2{align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:1.4rem;display:flex}.about-section h2:before{content:"";background:var(--coral);border-radius:50%;width:.7em;height:.7em}.about-section p{margin:0 0 1rem}.rule-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.rule-list li{align-items:flex-start;gap:.75rem;display:flex}.rule-list li:before{content:"";background:var(--coral);flex:none;width:.75rem;height:.75rem;margin-top:.55rem}.lost{text-align:center;padding-block:clamp(3rem,10vw,7rem)}.lost-orb{aspect-ratio:1;background:var(--coral);width:9rem;font-family:var(--font-title);border-radius:50%;place-content:center;margin:0 auto 1.5rem;font-size:2.4rem;font-weight:700;display:grid}.lost h1{font-size:clamp(1.6rem,4vw,2.2rem)}.lost p{margin:.75rem 0 1.75rem}.button{background:var(--brown);color:var(--cream);font-family:var(--font-title);padding:.7rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{text-underline-offset:.2em;text-decoration:underline}.site-foot{background:var(--brown);color:var(--cream);margin-top:auto}.foot-inner{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding-block:2.25rem;display:flex}.foot-brand{font-family:var(--font-title);margin:0;font-size:1.25rem;font-weight:700}.foot-tagline{color:var(--peach);margin:.25rem 0 0}.foot-nav{gap:1.25rem;display:flex}.foot-nav a{color:var(--cream)}.foot-note{color:var(--peach);flex-basis:100%;margin:0;font-size:.9rem}