/* Shared content readability; original home and hub staging stays in their own styles. */
:root{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{line-height:1.65}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:rgba(70,150,180,.18)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #1384a6;outline-offset:4px}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px;max-width:100%}
:where(button,.btn-primary,.btn-secondary,.btn-ghost,.btn-small){min-height:44px}
:where(.fine-print,.note,.subnote,.helper,.hint,.form-note){font-size:14px;line-height:1.7}
:where(.desc,.lead,.subtitle,.result-desc){line-height:1.75;overflow-wrap:anywhere}
body:not(.home-moon) main{min-width:0}
body:not(.home-moon) :where(.result-box,.question-box,.panel,.wrap){overflow-wrap:anywhere}
body .fine-print{font-size:14px;line-height:1.7;color:#57617b}
body.clay .fine-print{color:#57617b}
body .pillar .role,body .pillar .ss,body .daeun-item .age,body .daeun-item .ss{font-size:14px;line-height:1.6}
body .moon-field small,body .moon-intake-note,body .focus-options span{font-size:14px;line-height:1.65}
body .moon-dock a{font-size:13px;min-height:48px}
body .tale .tale-text{font-size:18px;line-height:1.8}
body .tale .tale-choices button{font-size:16px;min-height:48px;line-height:1.65}
body.moon-record .pg-body{line-height:1.9}
@media(prefers-reduced-motion:reduce){:where(.card,.pop,.pl-ring,.pl-click,.gm-satring,.gm-satclick){animation:none!important;transition:none!important}}

/* Readable supporting text and controls across forms, navigation, and Gwigok tools. */
body .nav-links a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
body .small-btn,body .btn-small{font-size:15px;min-height:44px}
body .set-row .hint,body .pay-badge{font-size:14px;line-height:1.7}
body .me-pic.ph{object-fit:contain;padding:8px}
body .toggle{height:44px}
body .toggle .knob{top:9px;bottom:9px}
body .toggle input:focus-visible+.knob{outline:3px solid #1384a6;outline-offset:4px}
body .gb-lang-btn{min-width:44px;min-height:44px}
body.gwigok-page .gb-lang{left:auto;right:14px}
body.gwigok-page .gb-lang-menu{left:auto;right:0}
body.gwigok-page .head{padding-top:76px}
body.gwigok-page .head .back{top:18px;display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#d7c5ae}
body.gwigok-page .head .kicker{font-size:14px;color:#cc967b}
body.gwigok-page .head p,body.gwigok-page .gate p{font-size:16px;line-height:1.9}
body.gwigok-page .gate select,body.gwigok-page .gate input{font-size:16px;min-height:44px}
body.gwigok-page .who a{font-size:14px;color:#c0ab96;min-height:44px;display:inline-flex;align-items:center}
body.gwigok-page .legend,body.gwigok-page .cnt,body.gwigok-page .sign,body.gwigok-page .foot{font-size:14px;color:#bcaa97;letter-spacing:normal}
body.gwigok-page .dow{font-size:14px;color:#cbb298}
body.gwigok-page .day{min-height:58px}
body.gwigok-page .day .gz{font-size:12px;color:#b4a38f}
body.gwigok-page .day .n{font-size:16px}
body.gwigok-page #reading,body.gwigok-page .reading{font-size:17px;line-height:1.95}
body.gwigok-page #status,body.gwigok-page .oncebar{font-size:15px;line-height:1.8}
body.gwigok-page textarea{font-size:16px;line-height:1.8}

body:not(.original-hub):not(.home-moon) .site-header{padding-left:60px}
body .site-nav{display:flex;flex-wrap:wrap;gap:6px}
body .site-nav a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;margin-left:0}
body.clay:not(.original-hub) .hero p,body.clay:not(.original-hub) .panel p,body.clay .set-row .hint{color:#586080}
body.original-hub #gt-line a{color:#a2dbff;text-decoration:underline;text-underline-offset:4px;display:inline-flex;min-height:44px;align-items:center}
@media(max-width:420px){body .me-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px}body .me-row>button{grid-column:1/-1;justify-self:start}body .me-mail{overflow-wrap:anywhere}body .sec-head{flex-direction:column;align-items:flex-start;gap:12px}body .sec-head a,body .sec-head button{white-space:nowrap}body .set-row>div{min-width:0}body .set-row>button{flex:none}}

@media(max-width:560px){body .num-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}}
body.gwigok-page .day{aspect-ratio:auto;min-width:0;width:100%;padding:6px 4px;text-align:left}

body.account-page :is(.gbd-wrap,.gbd-min){display:none!important}

body.gwigok-page .fine,body.gwigok-page .oncebar span{font-size:14px!important;line-height:1.8;color:#bcaa97!important}

/* On small screens, reading surfaces sit in front of the ambient buddy. */
@media(max-width:700px){
  body:is(.original-hub,.content-theme) .gbd-wrap{z-index:0}
  body.original-hub .card-grid .card{position:relative;z-index:1}
  body.content-theme :is(.panel,.gate,.askbox,.paper,.read,.moon-box,.pg-frame){position:relative;z-index:1}
}

/* Mobile category chrome keeps its links clear of the language control. */
@media(max-width:700px){
  body.original-hub.clay .site-header{width:100%;max-width:none;margin:0;padding:16px 16px 12px 66px;gap:8px;justify-content:center;flex-wrap:wrap;border:0;border-bottom:1px solid #d6d6ee24;border-radius:0;background:#101a2b94;box-shadow:none;backdrop-filter:blur(8px)}
  body.original-hub .site-header .logo{margin:0}
  body.original-hub .site-header .logo-img{height:36px;max-width:100%;object-fit:contain}
  body.original-hub .site-nav{width:100%;justify-content:center;gap:7px}
  body.original-hub.clay .site-nav a{margin:0;padding:6px 11px;min-height:44px;background:#101a2b8a;border:1px solid #c2bfd93d;box-shadow:none;color:#eee6d7;font:600 13px/1.5 'Malgun Gothic',sans-serif}
  body.original-hub.clay .site-nav a:hover{color:#fff4d4;background:#26324b}
}