header.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:8px}
header.site-header>.site-account{grid-column:2;grid-row:1;justify-self:end;font-size:14px;letter-spacing:0;white-space:nowrap}
header.site-header>.gyeol-home-brand,header.site-header>#breadcrumb{grid-column:1;grid-row:1;justify-self:start}
header.site-header>.site-back{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;width:44px;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none;color:#40564a;border-radius:6px}
header.site-header>.site-back[hidden]{display:none!important}
header.site-header>.site-back svg{display:block;flex:none}
header.site-header>.site-back:hover{color:#244a3b}
header.site-header>.site-back:focus-visible{outline:2px solid #927c54;outline-offset:3px}
header.daily-nav.site-header h1{grid-column:2;grid-row:2;font-size:17px;letter-spacing:0}
.annual-reading>.result-back{display:none}
body.directory-navigation{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
.directory-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:35;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,760px);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#fbf8f0;border:1px solid #d8d0c2;border-bottom:0;border-radius:12px 12px 0 0}
.directory-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;color:#737c71;font-size:12px;text-decoration:none;border-radius:5px}
.directory-bottom-nav svg{width:22px;height:22px}.directory-bottom-nav a[aria-current=page]{color:#303a35;font-weight:700;background:#eeeade}
.directory-bottom-nav[hidden],body:has(dialog[open]) .directory-bottom-nav{display:none}
body:has(.directory-search input:focus) .directory-bottom-nav{display:none}
@media(max-width:600px){header.site-header>.site-account{font-size:13px}header.site-header .header-account{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:210px}}

body header.site-header,body.entry-guest .workspace>header.site-header,body .workspace>header.site-header{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:22px 28px;height:auto;min-height:91px;display:grid;align-items:start;grid-template-rows:minmax(47px,auto);}
body header.site-header .site-account-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;order:99;width:84px;min-width:84px;height:47px;min-height:47px;margin:0;padding:0;border:1px solid #bfc5b8;border-radius:4px;background:#f7f2e8;color:#34453b;font:500 14px/1.4 'Noto Sans KR',sans-serif;letter-spacing:0;text-decoration:none;box-shadow:none;transform:none;}
body header.site-header .site-account-button:hover{background:#eee9de;color:#34453b;transform:none;}
body header.site-header .header-right,body header.site-header .header-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;}
@media(max-width:600px){body header.site-header,body.entry-guest .workspace>header.site-header,body .workspace>header.site-header{padding:17px 20px;min-height:81px;}body header.site-header .header-account{max-width:none;gap:8px;}}
html{scrollbar-gutter:stable}
body.saju-has-extra{padding-bottom:100px}
#saju-extra-floating{position:fixed;z-index:20;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(440px,calc(100% - 32px));display:flex;justify-content:center;pointer-events:none}
body #saju-extra-floating button{pointer-events:auto;width:100%;min-height:50px;border-radius:999px;background:#303a35;color:#fbf8f0;border:1px solid #303a35;font-weight:600;padding:12px 18px}
body #saju-extra-floating button:hover{background:#17241b;color:#fbf8f0}

header.site-header>.site-header-tools{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:260px;font-size:13px;}
header.site-header>.site-header-tools:empty{display:none;}
body header.site-header>.site-header-tools button{margin:0;padding:8px 12px;min-height:36px;}
body header.site-header>.gyeol-home-brand{display:inline-flex;align-items:center;white-space:nowrap;font:400 32px/47px 'Noto Serif KR','Batang',serif;letter-spacing:-1px;color:#303a35;}
body header.site-header>.gyeol-home-brand::after{content:'結';display:inline-grid;place-items:center;margin-left:10px;width:21px;height:27px;background:#a94332;color:#fff8ed;font:14px/1 'Noto Serif KR',serif;transform:rotate(-3deg);border-radius:1px;}
@media(max-width:600px){body header.site-header>.gyeol-home-brand{font-size:25px;}body header.site-header>.gyeol-home-brand::after{width:18px;height:23px;font-size:12px;margin-left:8px;}}

[hidden]{display:none!important}
.site-skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:#303a35;color:#fbf8f0;border-radius:4px}.site-skip-link:focus{top:12px}main[tabindex="-1"]:focus{outline:none}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:600px){body dialog{max-width:calc(100vw - 32px);box-sizing:border-box}.member-id{overflow-wrap:anywhere}}