.jx .wg-hero-copy>p{word-break:keep-all;overflow-wrap:anywhere;margin:14px 0;line-height:1.9}.jx .jx-two{align-items:start}.jx .jx-lead{word-break:keep-all;overflow-wrap:anywhere;line-height:1.95;margin-bottom:22px}.jx .jx-steps li{line-height:1.85;word-break:keep-all}.jx .jx-steps li b{line-height:1.5;margin-bottom:12px}
.js-study .js-top{height:48px;min-height:48px;gap:10px;scrollbar-width:thin;align-items:center}.js-top .js-back[aria-label="홈"]{width:30px;height:28px;padding:4px;display:grid;place-items:center}.js-top .js-back svg{width:19px;height:19px}.js-top .js-room-label{background:#d6b65f;color:#172e26;border-color:#d6b65f;font-weight:700}.js-study .js-top button,.js-study .js-top .js-back{height:28px;min-height:28px;line-height:18px;box-sizing:border-box;font-size:11px;border-radius:6px}.js-study .js-top .js-opt{display:flex;flex-direction:row;align-items:center;gap:6px;flex:none}.js-top .js-opt>span,.js-top .js-opt label{display:inline-flex;align-items:center;gap:5px;font-size:11px}.js-top .js-opt input[type=range]{width:65px;accent-color:#d6b65f}.js-top #opt-view{gap:5px}.js-top .js-kind{display:inline-flex;gap:14px;margin-right:16px;background:none;border:0;padding:0}.js-top .js-kind button{border:1px solid #527164;padding:4px 12px}.js-top .js-fams{gap:8px}.js-top #angle-row[hidden]{display:flex!important}.js-top #angle-row:has(input:disabled){opacity:.55}
#stone-tip-tail{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:999;overflow:visible}#stone-tip-tail path{fill:#fff9e9;stroke:#c7ac6b;stroke-width:1.2;stroke-linejoin:round}.js-stone-tip{width:260px;max-width:calc(100vw - 24px);border-radius:14px;padding:14px 17px;box-shadow:0 9px 26px #0003}.js-stone-tip p{font-size:12px;line-height:1.75;max-height:150px}.js-stone-tip strong{font-size:13px}.js-stone-tip[hidden],#stone-tip-tail[hidden]{display:none!important}
@media(max-width:860px){.js-study .js-top{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto}.js-study .js-boardcol{min-height:0;padding-top:12px}.js-stone-tip{width:235px;padding:11px 14px}.js-stone-tip p{max-height:115px;font-size:11px}.jx .jx-two{gap:32px}.jx .jx-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.jx .jx-lead{font-size:14px;line-height:1.95}.jx .jx-steps{grid-template-columns:1fr}.jx .wg-hero-copy>p{font-size:14px!important}}
.js-study .js-board{width:min(var(--study-size,86%),calc((100dvh - 155px) * var(--study-factor,.86)))}@media(max-width:860px){.js-study .js-board{width:min(var(--study-size,95%),650px)}}
.js-study .js-top .js-opt>button{background:#1a382e;color:#ecdfac;border:1px solid #466455;padding:3px 8px}.js-study .js-top .js-opt>button:disabled{opacity:.45}

/* One tooltip owns its attached bottom tail and visibility. */
.js-stone-tip{box-sizing:border-box;overflow:visible}
#stone-tip #stone-tip-tail{position:absolute;inset:0 auto auto 0;width:100%;height:100%;z-index:auto;overflow:visible;pointer-events:none}
#stone-tip-tail path{fill:#fff9e9;stroke:#c7ac6b;stroke-width:1.2}
.js-stone-tip::after{content:"";position:absolute;left:var(--tail-start,20px);bottom:-1px;width:18px;height:2px;background:#fff9e9}
.js-stone-tip[hidden]{display:none!important}

.js-study .js-board:has(.gb[data-native="true"]){width:min(var(--study-size,86%),calc((100dvh - 155px) * var(--study-factor,.86)))}
@media(max-width:860px){.js-study .js-board:has(.gb[data-native="true"]){width:min(var(--study-size,95%),650px)}}
