@import url('./fonts.css?v=b463529b31410626');
/* 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:var(--font-weight-bold);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:var(--font-weight-semibold);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:var(--font-weight-semibold);line-height:1.55;letter-spacing:-.02em}
.simple-section h2{font-size:1.5rem;line-height:1.4;font-weight:var(--font-weight-semibold)}
.simple-section h3{font-size:1rem;font-weight:var(--font-weight-semibold);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:var(--space-3-half) var(--space-5);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 var(--space-4);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:var(--space-4) 0 var(--space-6);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:var(--space-3);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:var(--space-3)}
 #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:var(--font-weight-bold);line-height:1.3;letter-spacing:-.025em}
.diagram-section-title{font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:var(--font-weight-bold);line-height:1.4}
.simple-section h2{font-weight:var(--font-weight-bold);letter-spacing:-.015em}
#pr .press-card strong,#pr .activity-slider figcaption strong{font-family:var(--font-display);font-weight:var(--font-weight-bold);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}}

/* Homepage introduction and mobile-only guidance. */
.guide-description>strong{font-weight:var(--font-weight-bold)}
.guide-mobile-note{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.65}
.wf-relation .wf-badge{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight)}

/* Compact navigation is distinct from body copy. */
.solution-directory__group h2{font-family:var(--font-display);font-size:var(--font-size-lead);font-weight:var(--font-weight-bold);line-height:1.5}
.solution-directory a{font-size:var(--font-size-ui);line-height:var(--line-height-body)}