/* Hanok detail only: an image-led journal, retaining all original content. */
html body.hk-editorial-body{background:#f6f3ed;color:#20372f}
html body.hk-editorial-body .hk-page{box-sizing:border-box;max-width:1280px!important;padding:48px 52px 100px!important;background:#f6f3ed;color:#20372f}
.hk-editorial-body .hk-editorial-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:80px;align-items:center;margin-bottom:48px}
html body.hk-editorial-body .hk-heading{max-width:650px;margin:0;padding:0}
html body.hk-editorial-body .hk-heading>p:first-child{font:600 11px/1.6 system-ui;letter-spacing:.18em;color:#896b40;margin:0 0 30px}
html body.hk-editorial-body .hk-heading h1{font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(42px,4.7vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.045em;color:#20372f;margin:0 0 30px;word-break:keep-all;overflow-wrap:break-word}
html body.hk-editorial-body .hk-heading h2{font:400 clamp(22px,2.1vw,28px)/1.5 Georgia,'Noto Serif KR',serif;color:#806544;margin:0 0 24px;letter-spacing:-.025em}
html body.hk-editorial-body .hk-heading>p:last-child{max-width:470px;font:400 17px/1.9 system-ui;color:#566158;margin:0}
html body.hk-editorial-body .hk-editorial-hero>.hk-photo{width:100%;max-width:370px;justify-self:end;box-sizing:border-box;display:flex;flex-direction:column;aspect-ratio:auto;border:0;border-radius:0;background:transparent;margin:0;overflow:visible}
html body.hk-editorial-body .hk-editorial-hero>.hk-photo>img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:1px}
html body.hk-editorial-body .hk-editorial-hero>.hk-photo figcaption{position:static;padding:12px 0 0;background:transparent;color:#666b60;font:400 11px/1.7 system-ui}
html body.hk-editorial-body .hk-page .hk-stay-nav{display:flex;flex-wrap:wrap;gap:0 36px;margin:0 0 72px!important;padding:0!important;border-top:1px solid #ccc7b9;border-bottom:1px solid #ccc7b9;background:transparent!important}
html body.hk-editorial-body .hk-stay-nav a{display:flex;align-items:center;gap:18px;min-height:68px;padding:12px 0;background:transparent;color:#263e33;font:500 14px/1.5 system-ui;border-radius:0;text-decoration:none}
html body.hk-editorial-body .hk-stay-nav a:after{content:'↗';font-size:17px;color:#927246}
html body.hk-editorial-body .hk-stay-nav a:hover{color:#8a6534;background:transparent;text-decoration:underline;text-underline-offset:6px}
html body.hk-editorial-body .hk-page .hk-section{margin-top:72px}
html body.hk-editorial-body .hk-page .hk-section>h2{font:400 clamp(30px,3.2vw,43px)/1.3 Georgia,'Noto Serif KR',serif;letter-spacing:-.035em;color:#20372f;margin:0 0 24px}
html body.hk-editorial-body .hk-page .hk-section>p{max-width:740px;color:#566158;font-size:16px;line-height:1.9}
html body.hk-editorial-body .hk-page .hk-eyebrow{font:600 11px/1.6 system-ui!important;letter-spacing:.2em;color:#896b40!important;margin:0 0 16px}
html body.hk-editorial-body .hk-page .hk-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
html body.hk-editorial-body .hk-page .hk-card{background:transparent;border:0;border-radius:0;border-top:1px solid #ccc7b9;padding:30px 0;min-width:0}
html body.hk-editorial-body .hk-page .hk-card h3{font:400 28px/1.4 Georgia,'Noto Serif KR',serif;color:#20372f;margin:0 0 16px;letter-spacing:-.025em}
html body.hk-editorial-body .hk-page .hk-card p{color:#566158;font-size:15px;line-height:1.85;margin:0 0 20px}
html body.hk-editorial-body .hk-page .hk-card .hk-number{font:500 11px/1.5 system-ui;letter-spacing:.14em;color:#896b40;margin-bottom:16px}
html body.hk-editorial-body .hk-page .hk-card a{color:#365345;font:600 13px/1.6 system-ui;text-underline-offset:5px}
html body.hk-editorial-body #stay-regions .hk-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 14px;align-content:start}
html body.hk-editorial-body #stay-regions .hk-number{grid-column:1;grid-row:1;padding-top:11px}
html body.hk-editorial-body #stay-regions h3{grid-column:2;font-size:36px;margin-bottom:18px}
html body.hk-editorial-body #stay-regions .hk-card>p:not(.hk-number),html body.hk-editorial-body #stay-regions .hk-card>a{grid-column:2}
html body.hk-editorial-body #stay-regions .hk-card>a{margin-top:0;padding:0}
html body.hk-editorial-body .hk-page .hk-source-note{max-width:none;padding:16px 0;border:0;border-top:1px solid #ccc7b9;background:transparent;color:#6a7066;font-size:12px;line-height:1.8;margin-top:0}
html body.hk-editorial-body .hk-page #stay-types .hk-three{gap:32px}
html body.hk-editorial-body .hk-booking-note{border-radius:0;margin:26px 0 72px;padding:32px 38px;background:#213e33;border-left:3px solid #b28a50}
html body.hk-editorial-body .hk-booking-note h3{font:400 25px/1.4 Georgia,'Noto Serif KR',serif;color:#ead8b7}
html body.hk-editorial-body .hk-booking-note p{font-size:15px;color:#f1efe7;max-width:930px;line-height:1.9}
html body.hk-editorial-body .hk-page .hk-intro-media.hk-editorial-film{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:64px;padding:48px;background:#e9e7dd;margin:0 0 80px;align-items:center}
html body.hk-editorial-body .hk-editorial-film .hk-film{max-width:300px;border:0;border-radius:0;background:#213e33;justify-self:center}
html body.hk-editorial-body .hk-editorial-film .hk-film>video{object-fit:contain}
html body.hk-editorial-body .hk-editorial-film>.hk-section{margin:0}
html body.hk-editorial-body .hk-editorial-film .hk-four{gap:0 28px}
html body.hk-editorial-body .hk-editorial-film .hk-card{padding:20px 0 0}
html body.hk-editorial-body .hk-editorial-film .hk-card h3{font-size:23px}
html body.hk-editorial-body .hk-editorial-film .hk-card p{font-size:14px;margin-bottom:20px}
html body.hk-editorial-body .hk-ikseon-grid{padding:0;border:0;border-radius:0;background:transparent;gap:48px;align-items:center}
html body.hk-editorial-body .hk-ikseon-grid figure{border:0;border-radius:0}
html body.hk-editorial-body .hk-ikseon-links a{border-radius:0;background:#213e33;font-size:13px}
/* Keep the helper available without moving across the reading area. */
html body.hk-editorial-body #biondi-open:not([hidden]){display:flex!important;align-items:center;gap:8px;width:auto;max-width:230px;height:48px;left:auto!important;top:auto!important;right:22px;bottom:82px;animation:none!important;transform:none!important;will-change:auto;border-radius:24px;padding:6px 14px 6px 8px;box-shadow:0 3px 12px #173c3120}
html body.hk-editorial-body #biondi-open img{display:block;width:34px;height:34px;margin:0;filter:none}
html body.hk-editorial-body #biondi-open span{font:500 12px/1.4 system-ui}
@media(max-width:1000px){
 html body.hk-editorial-body .hk-page{padding:38px 32px 72px!important}
 .hk-editorial-body .hk-editorial-hero{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 html body.hk-editorial-body .hk-heading h1{font-size:44px}
 html body.hk-editorial-body .hk-page .hk-intro-media.hk-editorial-film{padding:32px;gap:36px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 html body.hk-editorial-body .hk-editorial-film .hk-four{grid-template-columns:1fr}
}
@media(max-width:700px){
 html body.hk-editorial-body .hk-page{padding:32px 24px 64px!important}
 .hk-editorial-body .hk-editorial-hero{grid-template-columns:1fr;gap:30px;margin-bottom:32px}
 html body.hk-editorial-body .hk-heading h1{font-size:42px;line-height:1.16;margin-bottom:20px}
 html body.hk-editorial-body .hk-heading h2{font-size:22px;margin-bottom:18px}
 html body.hk-editorial-body .hk-heading>p:first-child{margin-bottom:20px;font-size:10px}
 html body.hk-editorial-body .hk-heading>p:last-child{font-size:15px;line-height:1.85}
 html body.hk-editorial-body .hk-editorial-hero>.hk-photo{max-width:none;justify-self:stretch}
 html body.hk-editorial-body .hk-page .hk-stay-nav{gap:0 20px;margin-bottom:48px!important;display:grid;grid-template-columns:1fr 1fr}
 html body.hk-editorial-body .hk-stay-nav a{justify-content:space-between;min-height:56px;font-size:12px;gap:8px}
 html body.hk-editorial-body .hk-page .hk-section{margin-top:48px}
 html body.hk-editorial-body .hk-page .hk-four,html body.hk-editorial-body .hk-page .hk-three{grid-template-columns:1fr;gap:0}
 html body.hk-editorial-body .hk-page .hk-card{padding:26px 0}
 html body.hk-editorial-body #stay-regions h3{font-size:31px}
 html body.hk-editorial-body .hk-page .hk-section>h2{font-size:32px}
 html body.hk-editorial-body .hk-booking-note{padding:24px;margin-bottom:48px}
 html body.hk-editorial-body .hk-page .hk-intro-media.hk-editorial-film{grid-template-columns:1fr;padding:24px;gap:32px;margin-bottom:48px}
 html body.hk-editorial-body .hk-editorial-film .hk-film{max-width:270px}
 html body.hk-editorial-body .hk-editorial-film .hk-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 html body.hk-editorial-body .hk-editorial-film .hk-card h3{font-size:21px}
 html body.hk-editorial-body .hk-ikseon-grid{grid-template-columns:1fr;gap:24px}
 html body.hk-editorial-body #biondi-open:not([hidden]){right:12px;bottom:76px;height:44px;padding:5px 12px 5px 7px;max-width:190px}
 html body.hk-editorial-body #biondi-open img{width:30px;height:30px}
}
/* Reuse the site's established home-film card system throughout this guide. */
.hk-editorial-body{--hk-card:#fffdf8;--hk-border:#d8b67c;--hk-ink:#193f33;--hk-muted:#526159;--hk-radius:22px}
html body.hk-editorial-body .hk-editorial-hero{padding:36px 40px;gap:48px;border:1px solid var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-card);box-shadow:0 10px 28px #102d290b}
html body.hk-editorial-body .hk-editorial-hero>.hk-photo{max-width:330px}
html body.hk-editorial-body .hk-editorial-hero>.hk-photo>img{border:1px solid var(--hk-border);border-radius:18px;box-sizing:border-box}
html body.hk-editorial-body .hk-page .hk-four{gap:24px}
html body.hk-editorial-body .hk-page .hk-three{gap:24px}
html body.hk-editorial-body .hk-page .hk-card,html body.hk-editorial-body .hk-page .hk-stay-planning .hk-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-card);box-shadow:0 10px 28px #102d290b}
html body.hk-editorial-body #stay-regions .hk-card{display:flex;gap:0}
html body.hk-editorial-body #stay-regions .hk-number{padding:0;margin:0 0 14px}
html body.hk-editorial-body #stay-regions h3{font-size:32px;margin:0 0 18px}
html body.hk-editorial-body .hk-page .hk-card a,html body.hk-editorial-body #stay-regions .hk-card>a{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-top:auto;padding:11px 14px;border:1px solid #bbc8bc;border-radius:8px;background:#edf1e9;color:#193f33;font:600 13px/1.6 system-ui;text-decoration:none}
html body.hk-editorial-body .hk-page .hk-stay-nav{gap:12px;margin-bottom:56px!important;padding:0!important;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
html body.hk-editorial-body .hk-stay-nav a{min-height:52px;justify-content:space-between;padding:12px 16px;border:1px solid #bbc8bc;border-radius:8px;background:#edf1e9;color:#193f33;font-weight:600}
html body.hk-editorial-body .hk-stay-nav a:hover,html body.hk-editorial-body .hk-page .hk-card a:hover{background:#e2e9dc;color:#193f33;text-decoration:underline;text-underline-offset:5px}
html body.hk-editorial-body .hk-page .hk-source-note{border:0;border-left:3px solid #b28a50;border-radius:0 10px 10px 0;padding:16px 20px;margin-top:24px;background:#eeeee4}
html body.hk-editorial-body .hk-booking-note{border:1px solid var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-card);padding:30px 34px;box-shadow:0 10px 28px #102d290b}
html body.hk-editorial-body .hk-booking-note h3{color:#193f33}
html body.hk-editorial-body .hk-booking-note p{color:#526159}
html body.hk-editorial-body .hk-page .hk-intro-media.hk-editorial-film{border:1px solid var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-card);gap:40px;padding:36px;box-shadow:0 10px 28px #102d290b}
html body.hk-editorial-body .hk-editorial-film .hk-film{border:1px solid var(--hk-border);border-radius:20px;overflow:hidden}
html body.hk-editorial-body .hk-editorial-film .hk-card{padding:18px;border-radius:16px;box-shadow:none}
html body.hk-editorial-body .hk-editorial-film .hk-four{gap:16px}
html body.hk-editorial-body .hk-editorial-film .hk-card p{margin-bottom:0}
html body.hk-editorial-body .hk-ikseon-grid{padding:28px;border:1px solid var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-card);gap:36px;box-shadow:0 10px 28px #102d290b}
html body.hk-editorial-body .hk-ikseon-grid figure{border:1px solid var(--hk-border);border-radius:18px}
html body.hk-editorial-body .hk-ikseon-links a{border:1px solid #bbc8bc;border-radius:8px;background:#edf1e9;color:#193f33}
@media(max-width:1000px){html body.hk-editorial-body .hk-editorial-hero{gap:32px;padding:28px}html body.hk-editorial-body .hk-page .hk-intro-media.hk-editorial-film{padding:28px;gap:28px}html body.hk-editorial-body .hk-editorial-film .hk-card{padding:18px}}
@media(max-width:700px){
 html body.hk-editorial-body .hk-page{padding:24px 16px 60px!important}
 html body.hk-editorial-body .hk-editorial-hero{padding:26px 22px;gap:24px;border-radius:20px;margin-bottom:24px}
 html body.hk-editorial-body .hk-heading h1{font-size:36px}
 html body.hk-editorial-body .hk-editorial-hero>.hk-photo{max-width:none}
 html body.hk-editorial-body .hk-page .hk-stay-nav{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:40px!important}
 html body.hk-editorial-body .hk-stay-nav a{padding:12px;font-size:12px}
 html body.hk-editorial-body .hk-page .hk-card,html body.hk-editorial-body .hk-page .hk-stay-planning .hk-card{padding:24px;border-radius:20px}
 html body.hk-editorial-body .hk-page .hk-four,html body.hk-editorial-body .hk-page .hk-three{gap:20px}
 html body.hk-editorial-body .hk-page .hk-intro-media.hk-editorial-film{padding:24px 20px;border-radius:20px}
 html body.hk-editorial-body .hk-editorial-film .hk-four{grid-template-columns:1fr;gap:16px}
 html body.hk-editorial-body .hk-editorial-film .hk-card{padding:20px;border-radius:16px}
 html body.hk-editorial-body .hk-ikseon-grid{padding:22px;gap:24px;border-radius:20px}
 html body.hk-editorial-body .hk-booking-note{padding:24px;border-radius:20px}
}
/* Intrinsic media and long CJK titles must fit inside the mobile card padding. */
html body.hk-editorial-body .hk-editorial-hero>*{min-width:0;max-width:100%;box-sizing:border-box}
html body.hk-editorial-body .hk-heading h1{overflow-wrap:anywhere}
@media(max-width:700px){html body.hk-editorial-body .hk-editorial-hero{grid-template-columns:minmax(0,1fr)}html body.hk-editorial-body .hk-editorial-hero>.hk-photo{max-width:100%}}