@import url('./fonts.css');
/* Bilingual reading rhythm. Loaded after the page composition stylesheet. */
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html:lang(en){--font-body:var(--font-sans-en);--font-display:var(--font-display-en)}
body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.75;letter-spacing:0;overflow-wrap:break-word}
:lang(ko){word-break:keep-all}
:lang(en){word-break:normal;hyphens:manual}
button,input,textarea,select{font-family:inherit}
h1,h2,h3{font-family:var(--font-display);font-weight:700;text-wrap:balance;overflow-wrap:break-word}
p,dd,figcaption{text-wrap:pretty}
.guide-header h1{font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:600;line-height:1.4;letter-spacing:-.025em}
.guide-description{max-width:68ch;font-size:1.125rem;line-height:1.8;letter-spacing:-.01em}
.diagram-section-title{max-width:56ch;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.55;letter-spacing:-.02em}
.simple-section h2{font-size:1.5rem;line-height:1.4;font-weight:600}
.simple-section h3{font-size:1rem;font-weight:600;line-height:1.5}
.diagram-readiness,.toolbar-technology,.toolbar-progress,[data-ui="story-progress"],.press-meta,#pr .press-meta,#activity-count{font-size:.75rem;line-height:1.6;font-variant-numeric:tabular-nums}
.toolbar button{font-size:.8125rem;line-height:1.4}
.canvas-subtitle,html[lang="en"] .canvas-subtitle{font-size:.9375rem;line-height:1.65;max-width:72ch;padding:14px 20px;letter-spacing:0}
.canvas-subtitle strong{font-size:.75rem;line-height:1.4;letter-spacing:.04em}
.company-info>div,html[lang="en"] .company-info>div{font-size:.9375rem;line-height:1.8}
.company-info dd{min-width:0;overflow-wrap:anywhere}
.contact-invitation{font-size:.875rem;line-height:1.75;max-width:58ch}
#contact-form input,#contact-form textarea{font-size:1rem;line-height:1.65}
#contact-form label,#contact-status,.contact-actions button{font-size:.875rem;line-height:1.6}
#pr .press-card strong,#pr .activity-slider figcaption strong{font-size:1.0625rem;line-height:1.65;letter-spacing:-.01em}
#press-dialog .article-title{font-size:clamp(1.375rem,2.5vw,1.875rem);line-height:1.5;letter-spacing:-.02em;text-wrap:balance}
#press-dialog .article-content{font-size:1.0625rem;line-height:1.9;max-width:72ch;margin-inline:auto}
#press-dialog .article-content p{margin-bottom:1.4em}
#press-dialog .article-meta,#press-dialog .visual-caption,.press-sources{font-size:.8125rem;line-height:1.65}
#press-dialog .diagram-caption,#press-dialog .diagram-node,#press-dialog .flow-step{font-size:.875rem;line-height:1.7}
.language-floating{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border:1px solid var(--color-action);font-size:.8125rem;line-height:1.4;text-decoration:none}
.workshop-floating{font-size:.875rem}
footer{font-size:.75rem;line-height:1.7}
.static-diagram-description{max-width:72ch;margin:16px 0 24px;color:var(--color-text-muted)}
html[lang="en"] .guide-header h1,html[lang="en"] .diagram-section-title{letter-spacing:-.015em}
@media(max-width:760px){
 .guide-header h1{font-size:1.375rem}.guide-description{font-size:1rem;line-height:1.8}
 .canvas-subtitle,html[lang="en"] .canvas-subtitle{font-size:.875rem;line-height:1.6;padding:12px;left:9px;right:9px}
 .canvas-subtitle strong{font-size:.75rem}
 .company-info>div,html[lang="en"] .company-info>div{font-size:.875rem;grid-template-columns:100px minmax(0,1fr);gap:12px}
 #pr .press-card strong,#pr .activity-slider figcaption strong{font-size:1rem}
 #press-dialog .article-content{font-size:1rem;line-height:1.85}
}

/* Geometric game studio identity; content remains unchanged. */
.guide-header h1{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:1.3;letter-spacing:-.025em}
.diagram-section-title{font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:700;line-height:1.4}
.simple-section h2{font-weight:700;letter-spacing:-.015em}
#pr .press-card strong,#pr .activity-slider figcaption strong{font-family:var(--font-display);font-weight:700;line-height:1.5}
.guide-description{line-height:1.75}
.diagram-shell{border-top:2px solid var(--color-action)}
@media(max-width:760px){.guide-header h1{font-size:1.75rem}.diagram-section-title{font-size:1.375rem}}