/* gs_align.css — 2026-10-15 layout alignment layer (loaded after gs.css). */
/* 1) sub_bottom blocks (Creator card, 반응속도 bar, 꼭 읽어보아야 할 것) on list pages = full post-list column; on post view = article content column */
html body .sub-layout .gsb-sub-bottom,html body .sub-layout .gs-mrd{margin-left:0!important;margin-right:0!important;box-sizing:border-box}
html body .sub-layout .gsb-sub-bottom{display:flex;flex-direction:column;gap:16px;margin-top:24px!important;margin-bottom:0!important}
html body .sub-layout .gsb-sub-bottom>*{margin:0!important;width:auto;max-width:none}
html body .sub-layout .gs-mrd{margin-top:16px!important;margin-bottom:0!important;border-radius:18px}
/* post view: article.gs-post has its own inner padding -> follow it */
@media (min-width:961px){html body .sub-layout>:first-child:has(>article.gs-post)>.gsb-sub-bottom,html body .sub-layout>:first-child:has(>article.gs-post)>.gs-mrd{margin-left:48px!important;margin-right:48px!important}}
@media (max-width:960px){html body .sub-layout>:first-child:has(>article.gs-post)>.gsb-sub-bottom,html body .sub-layout>:first-child:has(>article.gs-post)>.gs-mrd{margin-left:16px!important;margin-right:16px!important}}
/* carousel: whole cards, soft right-edge mask instead of hard clipping */
html body .gs-mrd-tr{--mrd-n:4;height:auto!important;padding-bottom:2px;scroll-padding-left:0}
html body .gs-mrd-c{flex:0 0 calc((100% - (var(--mrd-n) - 1)*12px)/var(--mrd-n))!important;min-width:0}
html body .gs-mrd-th{width:100%!important;height:auto!important;aspect-ratio:5/3}
@media (max-width:1100px){html body .gs-mrd-tr{--mrd-n:3}}
@media (max-width:640px){html body .gs-mrd-tr{--mrd-n:2}}
html body .gs-mrd-h button{width:40px;height:40px}
/* unified card look (list cards / sub-bottom / carousel) */
html body .sub-layout .gsb-creator,html body .sub-layout .gsb-sim{border-radius:18px}
/* board list search + autocomplete + pager (2026-10-15) */
.gs-lsearch{position:relative;display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 6px 6px 16px;border:1px solid #e5e8eb;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(25,31,40,.04);color:#8b95a1;box-sizing:border-box}
.gs-lsearch:focus-within{border-color:#3182f6;box-shadow:0 0 0 3px rgba(49,130,246,.15)}
.gs-lsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#191f28;height:40px;-webkit-appearance:none}
.gs-lsearch button{flex:none;height:40px;padding:0 18px;border:0;border-radius:10px;background:#3182f6;color:#fff;font-weight:700;font-size:14px;cursor:pointer}
.gs-ls-dd{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:min(420px,60vh);overflow:auto;background:#fff;border:1px solid #e5e8eb;border-radius:14px;box-shadow:0 12px 32px rgba(25,31,40,.14);padding:6px}
.gs-ls-h{padding:8px 10px 4px;font-size:12px;font-weight:700;color:#8b95a1}
.gs-ls-dd a{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border-radius:10px;color:#191f28;text-decoration:none;font-size:14px}
.gs-ls-dd a.on,.gs-ls-dd a:hover{background:#f2f6ff}.gs-ls-dd mark{background:none;color:#3182f6;font-weight:800}
.gs-ls-p span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-ls-p em{flex:none;font-style:normal;font-size:11.5px;font-weight:700;color:#3182f6;background:#eef4ff;padding:2px 8px;border-radius:99px}
.gs-lsearch-r{margin:-6px 0 14px;font-size:14px;color:#4e5968}.gs-lsearch-r a{color:#3182f6;font-weight:700}
.gs-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:24px 0 0}
.gs-pager a,.gs-pager span{min-width:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:600;color:#4e5968;text-decoration:none;box-sizing:border-box}
.gs-pager a{background:#fff;border:1px solid #e5e8eb}.gs-pager a:hover{border-color:#3182f6;color:#3182f6}
.gs-pager .on{background:#3182f6;color:#fff;border:1px solid #3182f6}.gs-pager .is-off{color:#c4c9d0}.gs-pager .gs-pg-gap{min-width:20px;padding:0}
@media (max-width:640px){.gs-pager .gs-pg-pn{padding:0 8px}.gs-lsearch{padding-left:12px}.gs-lsearch button{padding:0 14px}}
/* utility-bar tagline (2026-10-15) */
.util .gs-pov{font-style:normal;margin-left:10px;padding-left:10px;border-left:1px solid #e5e8eb;color:#3182f6;font-weight:600;opacity:.9;white-space:nowrap}
@media (max-width:640px){.util .gs-pov{display:none}}
/* mobile audit fixes (2026-10-15) */
@media (max-width:840px){
 body:has(.tabbar) .sticky-cta{bottom:58px!important;padding-bottom:8px!important}
 body:has(.tabbar):has(.sticky-cta:not(.off)) #gs-chatbot:not(.is-open){bottom:136px!important}
 body:has(.tabbar):has(.sticky-cta:not(.off)) a.gs-aw-fab.gs-aw-fab{bottom:200px!important}
 .tvtape-more{min-height:40px;display:inline-flex;align-items:center}
 header a.logo,.hd a.logo{min-height:40px;display:inline-flex;align-items:center}
 [class*=lang] a,[class*=langpick] a{min-height:40px}
 .gs-so-go a,.gs-mrd-h button{min-height:40px}
}
.prose table,.faq table,#faq_wrap table,.bo_v_con table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose img,#faq_wrap img{max-width:100%;height:auto}
@media (max-width:640px){button.tap{min-height:40px}}