/* One modern full-width drop-down for every Dokkaebi guide page. */
.dk-site-header,.dk-site-header *{box-sizing:border-box}
.dk-site-header{position:sticky;top:0;z-index:100;background:#2c302e;border-bottom:1px solid #414542;color:#eeece8;font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;box-shadow:0 3px 12px #2c302e14}
.dk-site-header a{color:inherit;text-decoration:none}
.dk-site-header button{font:inherit;cursor:pointer}
.dk-site-header a:focus-visible,.dk-site-header button:focus-visible{outline:2px solid #c9c4bc;outline-offset:2px}
.dk-site-header-row{width:min(1440px,calc(100% - 48px));height:62px;margin:auto;display:flex;align-items:center;gap:28px}
.dk-site-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;white-space:nowrap}
.dk-nav-book{width:22px;height:22px;color:#dedbd5}
.dk-site-brand>span{display:flex;align-items:baseline;gap:8px}
.dk-site-brand strong{font-size:17px;font-weight:790;letter-spacing:-.05em;color:#faf9f6}
.dk-site-brand small{font-size:10px;font-weight:600;letter-spacing:0;color:#c9c4bc}
.dk-site-links{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0;gap:17px;height:100%}
.dk-site-primary{display:flex;align-items:center;height:100%;gap:0}
.dk-site-primary-button{display:flex;align-items:center;justify-content:center;gap:5px;align-self:stretch;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#dedbd5;font-size:13px!important;font-weight:700!important;white-space:nowrap}
.dk-site-primary-button:hover,.dk-site-primary-button.is-open,.dk-site-primary-button.is-current{color:#fff;border-bottom-color:#c9c4bc}
.dk-site-search-link{display:flex;align-items:center;gap:7px;padding:8px 12px;min-height:34px;border:1px solid #817a70;border-radius:7px;color:#eeece8!important;font-size:12px!important;font-weight:670!important;white-space:nowrap;background:#414542}
.dk-site-search-link:hover{background:#5b5c56;border-color:#aaa399}
.dk-site-search-link svg{display:block;width:16px;height:16px;color:#eeece8}
.dk-site-mobile-toggle{display:none}
.dk-site-mega-panel[hidden]{display:none!important}
.dk-site-mega-panel{position:absolute;top:100%;left:0;right:0;z-index:101;background:#fff;border-bottom:1px solid #dedbd5;box-shadow:0 18px 38px #2c302e26;color:#414542}
.dk-site-mega-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:min(1370px,calc(100% - 48px));margin:0 auto;padding:23px 0 27px}
.dk-site-mega-group{min-width:0;padding:0 21px;border-right:1px solid #eeece8}
.dk-site-mega-group:first-child{padding-left:5px}
.dk-site-mega-group:last-child{border-right:0;padding-right:5px}
.dk-site-mega-group h2{margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #eeece8;font-size:13px;line-height:1.4;font-weight:800;letter-spacing:-.025em;color:#414542}
.dk-site-mega-group.is-highlighted h2{color:#5b5c56;border-bottom-color:#c9c4bc}
.dk-site-mega-items{display:flex;flex-direction:column;gap:3px}
.dk-site-mega-link{display:block;padding:7px 9px;margin-left:-9px;border-radius:6px;font-size:12px!important;line-height:1.45;color:#817a70!important;font-weight:580!important}
.dk-site-mega-link:hover,.dk-site-mega-link:focus-visible,.dk-site-mega-link[aria-current="page"]{color:#5b5c56!important;background:#eeece8}
@media(max-width:1170px) and (min-width:761px){
 .dk-site-header-row{gap:13px;width:calc(100% - 32px)}
 .dk-site-primary-button{padding:0 9px;font-size:12px!important}
 .dk-site-links{gap:7px}
 .dk-site-brand strong{font-size:15px}
 .dk-site-brand small{display:none}
}
@media(max-width:760px){
 .dk-site-header-row{width:calc(100% - 30px);height:60px;gap:10px;justify-content:space-between}
 .dk-site-brand>span{gap:5px}
 .dk-site-brand strong{font-size:16px}
 .dk-site-brand small{font-size:10px}
 .dk-nav-book{width:20px;height:20px}
 .dk-site-links{flex:0 0 auto;margin-left:auto;gap:6px;height:auto}
 .dk-site-primary{display:none}
 .dk-site-search-link{min-height:38px;padding:8px 10px;background:transparent}
 .dk-site-search-link span{display:none}
 .dk-site-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;min-width:74px;padding:7px 10px;border:1px solid #817a70;border-radius:7px;background:#414542;color:#fff;font-size:12px!important;font-weight:750!important;order:4}
 .dk-site-header.is-mobile-open .dk-site-mobile-toggle{background:#5b5c56;border-color:#aaa399}
 .dk-mobile-toggle-icon{font-size:15px}
 .dk-site-mega-panel{position:relative;top:auto;box-shadow:0 12px 20px #2c302e15;max-height:min(73dvh,580px);overflow:auto;overscroll-behavior:contain}
 .dk-site-mega-inner{width:calc(100% - 30px);grid-template-columns:1fr;gap:0;padding:7px 0 16px}
 .dk-site-mega-group,.dk-site-mega-group:first-child,.dk-site-mega-group:last-child{padding:12px 0;border-right:0;border-bottom:1px solid #eeece8}
 .dk-site-mega-group:last-child{border-bottom:0}
 .dk-site-mega-group h2{margin:0 0 7px;padding:0;border:0;font-size:13px;color:#414542}
 .dk-site-mega-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px}
 .dk-site-mega-link{margin:0;padding:10px 11px;background:#faf9f6;color:#5b5c56!important}
}
@media(max-width:365px){.dk-site-brand small{display:none}.dk-site-mega-items{grid-template-columns:1fr}}

/* Stable, evenly distributed five-category navigation; dropdown follows the same columns. */
.dk-site-header{--dk-brand-w:210px;--dk-brand-gap:24px;--dk-search-w:90px;--dk-link-gap:16px;background:#2c302e}
.dk-site-header-row{display:grid;grid-template-columns:var(--dk-brand-w) minmax(0,1fr);align-items:center;gap:var(--dk-brand-gap);width:min(1490px,calc(100% - 48px));min-height:66px;height:auto}
.dk-site-brand>span{flex-direction:column;align-items:flex-start;gap:2px}
.dk-site-brand small{font-size:10px;color:#c9c4bc}
.dk-site-links{display:grid;grid-template-columns:minmax(0,1fr) var(--dk-search-w);gap:var(--dk-link-gap);align-items:center;align-self:stretch;justify-content:stretch;min-width:0}
.dk-site-primary{width:100%;height:100%;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.dk-site-primary-button{width:100%;height:100%;padding:0 8px;gap:0;font-size:14px!important;font-weight:750!important;line-height:1.4;border-bottom:3px solid transparent}
.dk-site-primary-button:hover,.dk-site-primary-button.is-open,.dk-site-primary-button.is-current{background:#414542;border-bottom-color:#c9c4bc}
.dk-site-search-link{margin:0;min-height:38px;background:#414542;border-color:#aaa399;color:#fff!important}
.dk-site-mega-panel{background:#eeece8;border-bottom-color:#dedbd5}
.dk-site-mega-inner{width:min(1490px,calc(100% - 48px));padding:22px calc(var(--dk-search-w) + var(--dk-link-gap)) 24px calc(var(--dk-brand-w) + var(--dk-brand-gap))}
.dk-site-mega-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.dk-site-mega-group{padding:0 12px;border-right-color:#dedbd5}
.dk-site-mega-group h2{color:#414542;border-bottom-color:#dedbd5}
.dk-site-mega-link{font-weight:650!important;color:#5b5c56!important}
.dk-site-mega-link:hover,.dk-site-mega-link:focus-visible,.dk-site-mega-link[aria-current="page"]{background:#eeece8}
@media(min-width:961px) and (max-width:1180px){
 .dk-site-header{--dk-brand-w:185px;--dk-brand-gap:12px;--dk-search-w:78px;--dk-link-gap:8px}
 .dk-site-header-row,.dk-site-mega-inner{width:calc(100% - 32px)}
 .dk-site-primary-button{padding:0 4px;font-size:12px!important}
 .dk-site-mega-group{padding:0 7px}
}
@media(max-width:960px){
 .dk-site-header-row{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 30px);min-height:60px;gap:9px}
 .dk-site-brand{flex:0 1 auto}
 .dk-site-links{display:flex;flex:0 0 auto;align-self:auto;margin-left:auto;gap:7px}
 .dk-site-primary{display:none}
 .dk-site-search-link{height:38px;min-height:38px;padding:8px 10px;background:transparent}
 .dk-site-search-link span{display:none}
 .dk-site-mobile-toggle{display:flex;align-items:center;justify-content:center;gap:6px;order:4;min-height:38px;padding:7px 12px;border:1px solid #aaa399;border-radius:7px;background:#414542;color:#fff;font-size:12px!important;font-weight:760!important}
 .dk-site-header.is-mobile-open .dk-site-mobile-toggle{background:#5b5c56}
 .dk-site-mega-panel{position:relative;top:auto;max-height:min(74dvh,580px);overflow:auto}
 .dk-site-mega-inner{width:calc(100% - 30px);padding:7px 0 18px}
 .dk-site-mega-columns{grid-template-columns:1fr}
 .dk-site-mega-group,.dk-site-mega-group:first-child,.dk-site-mega-group:last-child{border-right:0;border-bottom:1px solid #dedbd5;padding:13px 0}
 .dk-site-mega-group:last-child{border-bottom:0}
 .dk-site-mega-group h2{margin:0 0 9px;padding:0;border-bottom:0}
 .dk-site-mega-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}
 .dk-site-mega-link{margin:0;padding:10px 12px;background:#faf9f6;border:1px solid #dedbd5;white-space:normal}
}
@media(max-width:350px){.dk-site-mega-items{grid-template-columns:1fr}}

/* The panel's only grid is its inner five-column content, not its outer wrapper. */
.dk-site-mega-inner{display:block;grid-template-columns:none}

/* Dokkaebi neutral palette: no cobalt or saturated blue backgrounds. */
.dk-site-header{background:#252827;color:#f5f1e9;border-bottom-color:#464740}
.dk-site-brand strong{color:#faf7f0}
.dk-site-brand small{color:#c6c5be}
.dk-site-header img.dk-nav-book{display:block;width:25px;height:25px;border-radius:6px;flex:none;object-fit:contain}
.dk-site-primary-button{color:#e1e0da}
.dk-site-primary-button:hover,.dk-site-primary-button.is-open,.dk-site-primary-button.is-current{background:#393c39;color:#fff;border-bottom-color:#baad99}
.dk-site-search-link{background:#3c3e3a;color:#f8f6f0!important;border-color:#77756e}
.dk-site-search-link:hover{background:#53534d;border-color:#aaa394}
.dk-site-search-link svg{color:#ece7de}
.dk-site-mega-panel{background:#eceae5;color:#272d2b;border-color:#c8c6bf}
.dk-site-mega-group{border-right-color:#ccc8c0}
.dk-site-mega-group h2{color:#353936;border-bottom-color:#cbc8c1}
.dk-site-mega-group.is-highlighted h2{color:#7e6752;border-bottom-color:#a79683}
.dk-site-mega-link{color:#4c504d!important}
.dk-site-mega-link:hover,.dk-site-mega-link:focus-visible,.dk-site-mega-link[aria-current="page"]{background:#ded9d0;color:#403b35!important}
@media(max-width:960px){
 .dk-site-mobile-toggle{background:#3a3c38;border-color:#8b897f}
 .dk-site-header.is-mobile-open .dk-site-mobile-toggle{background:#58584f;border-color:#b7aa94}
 .dk-site-mega-group{border-bottom-color:#c8c6c0}
 .dk-site-mega-link{background:#f7f5f1;border-color:#d8d3cb}
}


/* Dokkaebi mega-menu artwork fills the formerly empty brand-side gutter. */
.dk-site-mega-inner{position:relative;min-height:180px}
.dk-site-mega-feature{position:absolute;left:0;top:10px;width:var(--dk-brand-w);height:calc(100% - 20px);min-height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.dk-site-mega-feature img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;filter:none}
.dk-site-mega-columns{position:relative;z-index:1}
@media(max-width:960px){
 .dk-site-mega-inner{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);align-items:start;gap:16px;min-height:0}
 .dk-site-mega-feature{position:sticky;top:10px;width:100%;height:auto;min-height:0;aspect-ratio:1/1;align-self:start;margin-top:14px}
 .dk-site-mega-feature img{height:100%;max-height:260px;object-fit:contain}
 .dk-site-mega-columns{min-width:0;grid-template-columns:1fr}
 .dk-site-mega-group,.dk-site-mega-group:first-child,.dk-site-mega-group:last-child{min-width:0}
 .dk-site-mega-items{grid-template-columns:1fr}
}
@media(max-width:400px){
 .dk-site-mega-inner{grid-template-columns:minmax(88px,.72fr) minmax(0,1.28fr);gap:10px}
 .dk-site-mega-feature{margin-top:8px}
 .dk-site-mega-link{padding:10px 8px}
}

/* Real 7 completed KST days: no rank numerals, subtly distinct from active-page state. */
.dk-site-mega-link.is-dk-popular-1{
  background:#f2e4c3;color:#6d5126!important;
  box-shadow:inset 3px 0 #ab8337;font-weight:760!important
}
.dk-site-mega-link.is-dk-popular-2{
  background:#e0e9f1;color:#435b70!important;
  box-shadow:inset 3px 0 #7792a8;font-weight:740!important
}
.dk-site-mega-link.is-dk-popular-3{
  background:#efd4bd;color:#795037!important;
  box-shadow:inset 3px 0 #b77850;font-weight:740!important
}
.dk-site-mega-link.is-dk-popular-1:hover,.dk-site-mega-link.is-dk-popular-1:focus-visible{background:#e9d39e}
.dk-site-mega-link.is-dk-popular-2:hover,.dk-site-mega-link.is-dk-popular-2:focus-visible{background:#ccdbe8}
.dk-site-mega-link.is-dk-popular-3:hover,.dk-site-mega-link.is-dk-popular-3:focus-visible{background:#e7c09f}
/* Viewing state always takes precedence over popularity fill. */
.dk-site-mega-link[aria-current="page"].is-dk-popular-1,
.dk-site-mega-link[aria-current="page"].is-dk-popular-2,
.dk-site-mega-link[aria-current="page"].is-dk-popular-3{
  background:#ded9d0;color:#333e36!important;
  box-shadow:inset 3px 0 #52685a,0 0 0 1px #96a399;
  text-decoration:underline;text-underline-offset:3px
}
@media(max-width:960px){
  .dk-site-mega-link.is-dk-popular-1{border-color:#ddc58e}
  .dk-site-mega-link.is-dk-popular-2{border-color:#bbcfde}
  .dk-site-mega-link.is-dk-popular-3{border-color:#d7a887}
}