.mana-guide{--g-ink:#10110f;--g-paper:#ecece3;--g-accent:#ff6335;--g-muted:#5b6154;--g-line:#10110f29;margin:0;background:var(--g-paper);color:var(--g-ink);font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.mana-guide *{box-sizing:border-box}
.mana-guide a{color:inherit;text-decoration:none;text-underline-offset:5px}
.mana-guide a:focus-visible,.mana-guide [tabindex]:focus-visible{outline:3px solid var(--g-accent);outline-offset:5px}
.mana-guide h1,.mana-guide h2,.mana-guide h3,.mana-guide p,.mana-guide figure{margin:0}
.mana-guide p{line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.g-skip{position:absolute;top:-100px;left:20px;z-index:30;padding:15px;background:#ff6335}.g-skip:focus{top:10px}
.g-header{position:sticky;top:0;z-index:20;background:#10110f;color:#ecece3}
.g-topbar{max-width:1320px;display:flex;justify-content:space-between;align-items:center;margin:auto;padding:18px 40px;gap:20px}
.g-brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:34px;letter-spacing:-1px;font-weight:900;line-height:1}.g-brand span{color:#ff6335;font-family:Arial,sans-serif}
.g-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#ff6335;color:#10110f!important;padding:16px 22px;font-size:14px;font-weight:700;line-height:1.5;min-height:50px}.g-button:hover{background:#ff865f}
.g-nav{display:flex;gap:28px;max-width:1320px;margin:auto;padding:0 40px 16px;font-size:13px;line-height:1.5;flex-wrap:wrap}.g-nav a{padding:6px 0;border-bottom:1px solid transparent}.g-nav a[aria-current]{color:#ff865f;border-color:#ff6335}.g-nav a:hover{color:#ff865f}
.g-shell{max-width:1240px;margin:auto;padding:0 40px}
.g-breadcrumb{padding-top:28px;font-size:12px;color:#5b6154}.g-breadcrumb ol{display:flex;list-style:none;gap:12px;margin:0;padding:0}.g-breadcrumb a:hover{text-decoration:underline}
.g-hero{padding:62px 0 70px;border-bottom:1px solid #10110f29}.g-eyebrow{font-family:Arial,'Malgun Gothic',sans-serif;font-size:11px;letter-spacing:1.5px;line-height:1.7!important;color:#676d5f}
.g-hero h1{font-size:clamp(37px,5.8vw,76px);line-height:1.22;letter-spacing:-.06em;font-weight:800;margin:22px 0 28px;word-break:keep-all}.g-intro{font-size:17px;max-width:720px;color:#515848}.g-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:28px}
.g-text-link{display:inline-block;font-size:14px;font-weight:600;padding-bottom:6px;border-bottom:1px solid #ff6335}.g-text-link:hover{color:#b33a15}
.g-section{padding:65px 0;border-bottom:1px solid #10110f29;scroll-margin-top:170px}.g-section>.g-eyebrow{margin-bottom:14px}.g-section>h2{font-size:clamp(25px,3.4vw,40px);line-height:1.4;letter-spacing:-.05em;margin-bottom:28px;word-break:keep-all}.g-section>p:not(.g-eyebrow){max-width:900px;font-size:16px;color:#4d5545}.g-section>p+p{margin-top:18px}.g-section>.g-text-link{margin-top:24px}
.g-question{display:grid;grid-template-columns:1fr 1.6fr;gap:38px;padding:28px 0;border-top:1px solid #10110f20;scroll-margin-top:170px}.g-question h3{font-size:18px;line-height:1.6;letter-spacing:-.025em;word-break:keep-all}.g-question p{font-size:15px;color:#505748}
.g-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.g-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.8}.g-table caption{text-align:left;font-size:12px;color:#5b6154;padding:0 0 15px}.g-table th,.g-table td{padding:20px 16px;border-bottom:1px solid #10110f29;vertical-align:middle}.g-table thead{background:#10110f;color:#ecece3}.g-table tbody th{font-weight:700}.g-table td small{display:block;color:#68705e;font-size:12px}.g-table tbody tr:last-child{background:#dde0d1}.g-rate-table td:nth-child(n+3){font-weight:700;white-space:nowrap}.g-rate-table td:nth-child(2){font-size:13px}.g-unavailable{font-size:14px;color:#88462c}.g-small{font-size:13px!important;color:#656e5a!important;margin-top:18px!important}
.g-callout{padding:30px;background:#dde0d1;border-left:3px solid #ff6335;margin:28px 0}.g-callout>strong{display:block;font-size:42px;letter-spacing:-.045em;line-height:1.4;margin:8px 0}.g-callout p{font-size:15px;color:#505748}.g-callout h3{font-size:19px;margin-bottom:12px}
.g-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0 0;padding-top:25px;border-top:1px solid #10110f29}.g-facts>div+div{padding-left:24px;border-left:1px solid #10110f29}.g-facts dt{font-size:12px;color:#5b6154}.g-facts dd{margin:10px 0 0;font-family:Arial,sans-serif;font-weight:700;font-size:52px;letter-spacing:-2px}.g-facts dd small{font-family:'Malgun Gothic',sans-serif;font-size:16px;margin-left:6px;letter-spacing:0}
.g-split{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px}.g-split p{font-size:15px;color:#505748}.g-split p+p{margin-top:18px}.g-photo{min-width:0}.g-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.g-photo figcaption{font-size:12px;line-height:1.7;color:#646d59;margin-top:10px}.g-list{list-style:none;padding:0;margin:0}.g-list li{padding:13px 0;border-bottom:1px solid #10110f25;font-size:15px;line-height:1.8;word-break:keep-all}.g-list li::before{content:'↗';color:#c44620;margin-right:10px}
.g-workshop-rate{display:grid;grid-template-columns:1fr 1fr;background:#10110f;color:#ecece3;gap:40px;padding:35px}.g-workshop-rate .g-eyebrow{color:#bfc3b3}.g-workshop-rate strong{display:block;font-size:clamp(36px,4.5vw,58px);letter-spacing:-2px;line-height:1.4;margin:14px 0}.g-workshop-rate strong small{font-size:18px;margin-left:6px}.g-workshop-rate p{font-size:13px;color:#bfc3b3}.g-workshop-rate dl{margin:0}.g-workshop-rate dl>div{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff26;font-size:14px;line-height:1.8}.g-workshop-rate dt{color:#bfc3b3}.g-workshop-rate dd{margin:0}.g-workshop-rate+p{margin-top:24px}
.g-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #10110f29}.g-mini-grid article{padding:25px}.g-mini-grid article+article{border-left:1px solid #10110f29}.g-mini-grid h3{font-size:20px;letter-spacing:-.03em;margin-bottom:16px}.g-mini-grid p{font-size:14px;color:#505748}.g-steps{padding-left:25px;margin:0}.g-steps li{padding:10px 0 20px 10px}.g-steps li::marker{color:#b73d18;font-weight:700}.g-steps h3{font-size:19px;margin-bottom:10px}.g-steps p{font-size:15px;color:#505748}
.g-final{background:#ff6335;margin:65px 0;padding:38px}.g-final .g-eyebrow{color:#57331e}.g-final h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;line-height:1.3;margin:15px 0 20px}.g-final>p:not(.g-eyebrow){font-size:15px;max-width:650px}.g-final .g-button{background:#10110f;color:#ecece3!important}.g-final .g-text-link{border-color:#10110f}
.g-related{padding-bottom:25px}.g-related h2{font-size:22px;letter-spacing:-.03em;margin-bottom:25px}.g-related nav{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #10110f29}.g-related a{display:flex;flex-direction:column;gap:16px;padding:25px;min-width:0}.g-related a+a{border-left:1px solid #10110f29}.g-related a:hover{background:#dde0d1}.g-related a>span:first-child{font-size:12px;color:#5b6154}.g-related strong{font-size:17px;line-height:1.7;word-break:keep-all}.g-related a>span:last-child{color:#b23c17;font-size:20px}.g-date{font-size:12px;color:#626a57;padding:16px 0 50px}
.g-footer{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:40px;background:#10110f;color:#ecece3;padding:45px max(24px,calc((100vw - 1160px)/2))}.g-footer strong{font-size:16px}.g-footer p{font-size:12px;color:#abb19f;margin:15px 0}.g-footer div>a{font-size:12px}.g-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:12px}.g-footer a:hover{color:#ff865f}
.mana-guide-directory{border-top:1px solid #ffffff24;background:#191a17;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.mana-guide-directory h2{font-size:clamp(28px,3vw,44px)}.mana-guide-directory nav{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #ffffff24}.mana-guide-directory nav a{display:flex;flex-direction:column;padding:25px;gap:15px;color:#ecece3}.mana-guide-directory nav a:nth-child(even){border-left:1px solid #ffffff24}.mana-guide-directory nav a:nth-child(n+3){border-top:1px solid #ffffff24}.mana-guide-directory nav a:hover{background:#242620}.mana-guide-directory nav a>span:first-child{font-size:12px;color:#adb2a2}.mana-guide-directory nav strong{font-size:15px;line-height:1.8;word-break:keep-all}.mana-guide-directory nav a>span:last-child{color:#ff6335;font-size:22px}
footer>nav[aria-label="마나 상세 페이지"]{display:flex;flex-wrap:wrap;gap:15px 30px;padding:22px 0;font-size:13px}footer>nav[aria-label="마나 상세 페이지"] a:hover{color:#ff6335}#faq>.faq-list~a{margin-top:20px}.faq>div>.text-link{display:inline-block;margin-top:25px}
@media(max-width:850px){.g-topbar{padding:16px 25px}.g-nav{padding:0 25px 14px;gap:20px}.g-shell{padding:0 25px}.g-question{grid-template-columns:1fr;gap:14px}.g-split{gap:25px}.g-workshop-rate{grid-template-columns:1fr;gap:20px}.g-related nav{grid-template-columns:1fr}.g-related a{display:grid;grid-template-columns:160px 1fr 20px;align-items:center;gap:20px}.g-related a+a{border-left:0;border-top:1px solid #10110f29}.g-footer{grid-template-columns:1fr 2fr}.g-footer>nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.mana-guide-directory{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.g-hero{padding:42px 0 45px}.g-hero h1{font-size:clamp(32px,8vw,52px)}.g-intro{font-size:16px}.g-section{padding:42px 0;scroll-margin-top:160px}.g-section>h2{font-size:27px;margin-bottom:23px}.g-section>p:not(.g-eyebrow){font-size:15px}.g-split{grid-template-columns:1fr}.g-question{padding:24px 0}.g-question h3{font-size:17px}.g-table th,.g-table td{padding:15px 10px;font-size:14px}.g-rate-table{min-width:560px}.g-rate-table caption::after{content:' · 표를 좌우로 밀어 비교하세요';font-weight:400}.g-facts{gap:10px}.g-facts>div+div{padding-left:16px}.g-facts dd{font-size:38px}.g-mini-grid{grid-template-columns:1fr}.g-mini-grid article+article{border-left:0;border-top:1px solid #10110f29}.g-final{margin:42px 0;padding:26px}.g-final .g-actions{align-items:flex-start;flex-direction:column}.g-related a{grid-template-columns:1fr 20px;gap:10px}.g-related a>span:first-child{grid-column:1}.g-related strong{grid-column:1;font-size:16px}.g-related a>span:last-child{grid-column:2;grid-row:1/3}.g-date{line-height:1.8!important}.g-footer{grid-template-columns:1fr;gap:28px;padding:35px 25px}.g-footer>nav{grid-column:auto}.mana-guide-directory nav a{padding:20px}.mana-guide-directory nav strong{font-size:14px}}
@media(max-width:420px){.g-topbar{padding:14px 18px}.g-topbar .g-brand{font-size:28px}.g-topbar .g-button{font-size:12px;padding:12px 15px;gap:16px;min-height:44px}.g-nav{padding:0 18px 12px;gap:8px 18px;font-size:12px}.g-shell{padding:0 20px}.g-section>h2{font-size:25px}.g-workshop-rate{padding:24px}.g-workshop-rate dl>div{grid-template-columns:65px 1fr;gap:10px;font-size:13px}.g-table:not(.g-rate-table) th,.g-table:not(.g-rate-table) td{padding:14px 8px;font-size:13px}.g-facts dd{font-size:32px}.g-facts dd small{font-size:13px}.g-facts>div+div{padding-left:12px}.g-actions{gap:20px}.mana-guide-directory nav{grid-template-columns:1fr}.mana-guide-directory nav a:nth-child(even){border-left:0}.mana-guide-directory nav a+a{border-top:1px solid #ffffff24}}