/* Shared divider alignment. Contract: docs/design/shared-frame-rules.md */
:root{--hs-frame-rail-max:1440px}
.hs-frame-section{
  --hs-frame-content-max:1280px;
  --hs-frame-gutter:40px;
  --hs-frame-row-space:40px;
  --hs-frame-line:#ffffff10;
  /* clip: 넘친 가로줄은 그대로 자르되 안쪽 position:sticky 를 막지 않는다(manuscript-samples.html #process 단계 목록). hidden 은 clip 을 모르는 옛 브라우저용 */
  position:relative;overflow:hidden;overflow:clip;
}
.hs-frame-section::before{content:'';position:absolute;inset-block:0;left:50%;transform:translateX(-50%);
  width:min(var(--hs-frame-rail-max),calc(100% - 32px));border-inline:1px solid var(--hs-frame-rail-line,#ffffff12);pointer-events:none}
.hs-frame{width:calc(100% - var(--hs-frame-gutter)*2);max-width:var(--hs-frame-content-max);
  margin-inline:auto;position:relative}
.hs-frame-row{position:relative;min-width:0;padding-block:var(--hs-frame-row-space)}
.hs-frame-row::before,.hs-frame::after{content:'';position:absolute;left:50%;width:100vw;
  transform:translateX(-50%);border-top:1px solid var(--hs-frame-line);pointer-events:none}
.hs-frame-row::before{top:0}
.hs-frame::after{bottom:0}

/* Full-screen scene shared by #ai-sources, #process-steps, #results, #together (dark, company.html too) and #search-shift, #ai-sources (light, 유저 2026-10-10 「흰색 톤」).
   Section files keep only their own breakpoints; the base, the two tones and the centered heading live here.
   A scene may widen its content with --hs-scene-content-max (e.g. #process-steps widens to 1280px). */
/* 주소 # 로 장면에 내려올 때 고정 메뉴에 가리지 않게: 홈(한 화면 넘김)은 0, 하위 페이지 폰만 메뉴 높이(home.css .site-interior 가 --hs-scene-scroll-margin 을 준다) */
.hs-dark-scene,.hs-light-scene{scroll-margin-top:var(--hs-scene-scroll-margin,0);min-height:100svh;display:flex;align-items:center;padding:calc(var(--hs-nav-clearance,85px) + 24px) 0 24px}
.hs-dark-scene{background:#101010;color:#edece9;border-bottom:1px solid #242424}
.hs-light-scene{background:#fff;color:#151a23;border-bottom:1px solid #e2e2dd;--hs-frame-line:#1823340f;--hs-frame-rail-line:#1823340f;--hs-scene-sub:#5b6070;
  /* 흰 바탕용: 기존 파랑 → 하늘색 그라데이션, 끝 하늘색(#9fe7ff)만 흰 바탕에 묻히지 않게 한 단계 진하게(#5fc6f2). 폰 넘김 「>」는 검게 */
  --hs-feature-gradient-fill:linear-gradient(100deg,#2e6bff 0%,#3f9bff 50%,#5fc6f2 100%);--hs-swipe-arrow:#151a23}
.hs-dark-scene .hs-frame,.hs-light-scene .hs-frame{--hs-frame-content-max:var(--hs-scene-content-max,1120px)}
.hs-scene-heading{text-align:center}
.hs-scene-heading :is(h1,h2){margin:0;font-size:56px;line-height:1.2;font-weight:500;letter-spacing:-.05em;word-break:keep-all}
.hs-scene-heading p{margin:20px 0 0;font-size:20px;line-height:1.6;color:var(--hs-scene-sub,#aaa9a5);letter-spacing:-.025em;word-break:keep-all}
@media(min-width:901px) and (max-width:1200px){
  .hs-frame-section{--hs-frame-gutter:24px}
}
@media(min-width:901px) and (max-height:850px){
  .hs-frame-section{--hs-frame-row-space:24px}
}