/* Keep the presentation page free of internal production guidance. */
.field-list-bottom{justify-content:flex-end;margin-top:24px}
.field-blog-link .field-blog-button{align-self:center}
@media(max-width:700px){.field-list-bottom{align-items:flex-start}}

/* Selected A logo: transparent PNG with larger symbol and smaller lettering. */
.concept-a .gyeoldam-brand{--brand-symbol-width:66px;--brand-name-width:88px;display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;line-height:1;letter-spacing:0;isolation:isolate}
.concept-a .gyeoldam-brand .brand-crop{display:block;position:relative;overflow:hidden;flex:none;font-style:normal;mix-blend-mode:normal}
.concept-a .gyeoldam-brand .brand-emblem{width:var(--brand-symbol-width);height:calc(var(--brand-symbol-width)*750/790)}
.concept-a .gyeoldam-brand .brand-name{width:var(--brand-name-width);height:calc(var(--brand-name-width)*365/575)}
.concept-a .gyeoldam-brand .brand-crop img{position:absolute;max-width:none;height:auto;object-fit:fill;display:block;margin:0;pointer-events:none}
.concept-a .gyeoldam-brand .brand-emblem img{width:calc(var(--brand-symbol-width)*1150/790);left:calc(var(--brand-symbol-width)*-200/790);top:calc(var(--brand-symbol-width)*-155/790)}
.concept-a .gyeoldam-brand .brand-name img{width:calc(var(--brand-name-width)*1150/575);left:calc(var(--brand-name-width)*-298/575);top:calc(var(--brand-name-width)*-900/575)}
.concept-a .site-footer .gyeoldam-brand{--brand-symbol-width:76px;--brand-name-width:96px;gap:12px}
@media(max-width:700px){.concept-a .site-header .gyeoldam-brand{--brand-symbol-width:56px;--brand-name-width:72px;gap:8px}}
@media(max-width:380px){.concept-a .site-header .gyeoldam-brand{--brand-symbol-width:50px;--brand-name-width:64px}.concept-a .site-header{gap:10px}.concept-a .header-contact{padding-inline:10px;gap:8px}}
@media(max-height:560px) and (min-width:701px){.concept-a .site-header .gyeoldam-brand{--brand-symbol-width:54px;--brand-name-width:72px;gap:8px}}

/* Visible social channels share the site's quiet button treatment. */
.social-channel{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#405445;font:500 14px/1.5 'Pretendard','Malgun Gothic',sans-serif;white-space:nowrap}
.social-channel svg{width:18px;height:18px;flex:none}.social-n{font:800 15px/1 Arial,sans-serif;color:#428057}.social-out{font-size:16px}.social-channel:hover{text-decoration:underline;text-underline-offset:5px}
.header-social-links{display:flex;gap:14px;flex:none}.header-social-links .social-channel{font-size:12px;gap:5px}.header-social-links .social-out{display:none}
.mobile-social-links{display:flex;gap:12px;padding-top:14px;margin-top:14px;border-top:1px solid #d9dcd0}.concept-a .mobile-social-links .social-channel{padding:10px 14px;font-size:14px;border:1px solid #cdd5c5;flex:1;justify-content:center}
.story-social-links{display:flex;justify-content:flex-end;gap:12px;margin:-12px 0 26px}.field-social-links{display:flex;gap:12px;margin-top:22px}.story-social-links .social-channel,.field-social-links .social-channel{border:1px solid #cdd5c5;padding:10px 16px;background:transparent}
.field-blog-actions{display:flex;flex-direction:column;gap:10px}.field-instagram-button{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;border:1px solid #83937a;color:#405445;font-size:14px;line-height:1.6;min-height:52px}
.footer-social-links{display:flex;gap:12px;margin:0 0 28px}.footer-social-links .social-channel{border:1px solid #cdd5c5;padding:12px 18px;min-height:48px}
@media(max-width:1100px){.header-social-links{display:none}}
@media(max-width:700px){.story-social-links{justify-content:flex-start;margin:0 0 24px}.field-social-links{flex-wrap:wrap}.footer-social-links{flex-wrap:wrap}.field-blog-actions .field-blog-button{max-width:none}.story-social-links .social-channel,.field-social-links .social-channel{padding:10px 14px}.footer-social-links .social-channel{flex:1;justify-content:center}.field-instagram-button{width:100%}}
