/* =====================================================================
   길드 페이지(/guilds, /guilds/*) 전용 (2026-10-12 리브랜딩). 원본: _workspace/rebrand-20261011/pages/space-guild.css
   길드 지면(css/guild-sales.css)의 구성은 그대로 두고 사이트 공통 디자인(space.css)에 맞춘다.
   - 바탕: 첫 화면과 검은 구간(ed-sec--ink, ed-end)은 우주, 나머지는 회백색
   - 글꼴: 프리텐다드 하나 (세리프·고정폭·손글씨 → 프리텐다드)
   - 색: 길드장마다 고유한 색(링크드인 파랑, 독서 보라, 네트워킹 자홍·무지개, 자동화 연두)은 그대로 살린다(10/12 밤밤 "각 길드장들의 고유 컬러는 살려줘라").
     우주 바탕도 길드 색으로 물들이고, 버튼·번호·강조 글자는 길드 색을 쓴다.
   - 장식: 테이프, 기울인 사진, 손글씨 메모, 딱딱한 그림자, 형광펜 → 떠 있는 카드와 글자색
   ===================================================================== */
html.sp .guild-sales{--ink:#191f28;--rule:#e8eaee;--serif:var(--font);--mono:var(--font);--hand:var(--font);color:var(--ink)}
/* 길드 목록(/guilds)은 길드 색이 없어서 사이트 공통 색을 쓴다 */
html.sp .guild-sales.hub{--paper:#fafafb;--paper2:#f3f4f7;--white:#fff;--acc:#7b2fff;--sig:#7b2fff;--on-sig:#fff;--lt:#c4b5fd;--mark:rgba(123,47,255,.14);--purple:#7b2fff;background:var(--paper)}
/* 우주 바탕은 길드 색으로 물들인다 */
html.sp .guild-sales{--g-top:#1a0f3d;--g-bottom:#0b0719;--g-glow:rgba(123,47,255,.32)}
html.sp .guild-sales.lp--li{--g-top:#141a4f;--g-bottom:#080b22;--g-glow:rgba(110,106,255,.36)}
html.sp .guild-sales.lp--rd{--g-top:#1c1040;--g-bottom:#0b0719;--g-glow:rgba(150,120,255,.34)}
html.sp .guild-sales.lp--nw{--g-top:#2a0f26;--g-bottom:#120711;--g-glow:rgba(222,80,150,.30)}
html.sp .guild-sales.lp--au{--g-top:#151515;--g-bottom:#070707;--g-glow:rgba(212,240,0,.13)}
html.sp .guild-sales .ed,html.sp .guild-sales .ed-sec,html.sp .guild-sales .ed-hero{background-image:none}

/* ---------- 바탕: 첫 화면·검은 구간·끝 구간은 우주 ---------- */
html.sp .guild-sales :is(.ed-hero,.ed-sec--ink,.ed-end){
  background:radial-gradient(60% 50% at 78% 18%,var(--g-glow),transparent 72%),linear-gradient(var(--g-top),var(--g-bottom))!important;color:#fff}
html.sp .guild-sales .ed-sec--paper{background-color:var(--paper2)}
/* 첫 화면은 원래 밝은 바탕이라 글자색 변수를 뒤집는다(카드 바탕은 흰색 그대로) */
html.sp .guild-sales .ed-hero{--ink:#fff;--rule:rgba(255,255,255,.16);padding-bottom:110px}
html.sp .guild-sales .ed-hero :is(.ed-lede,.ed-body){color:rgba(255,255,255,.72)}
html.sp .guild-sales .ed-hero .ed-body b,html.sp .guild-sales .ed-hero .ed-body strong{color:#fff}
html.sp .guild-sales .ed-hero :is(.ed-byline span,.ed-back,.ed-cap){color:rgba(255,255,255,.6)}
html.sp .guild-sales .ed-hero .ed-byline small{color:rgba(255,255,255,.45)}
html.sp .guild-sales .ed-hero .ed-masthead{border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.7)}
html.sp .guild-sales .ed-hero .ed-masthead span:first-child{color:var(--lt,var(--l))}
html.sp .guild-sales .ed-hero .ed-back:hover{color:#fff}
html.sp .guild-sales .ed-hero__visual::before{display:none}
html.sp .guild-sales .ed-hero__visual>.ed-cap{color:rgba(255,255,255,.6)}
/* 검은 구간 안 */
html.sp .guild-sales :is(.ed-sec--ink,.ed-end) .ed-folio{border-color:rgba(255,255,255,.14)}
html.sp .guild-sales :is(.ed-sec--ink,.ed-end,.ed-hero) .ed-folio b{color:var(--lt,var(--l))}
html.sp .guild-sales :is(.ed-sec--ink,.ed-end) .ed-body{color:rgba(255,255,255,.72)}
html.sp .guild-sales :is(.ed-sec--ink,.ed-end) .ed-cap{color:rgba(255,255,255,.5)}

/* ---------- 글 ---------- */
html.sp .guild-sales .ed-display{font-weight:700;letter-spacing:-0.04em;line-height:1.22}
html.sp .guild-sales .ed-display .d-mark{color:var(--lt,var(--lav))}
html.sp .guild-sales .ed-display .d-mark::after{display:none}
html.sp .guild-sales [data-sp=paper] .ed-display .d-mark{color:var(--acc,var(--p))}
html.sp .guild-sales :is(.ed-h2,.ed-h3,.ed-name,.ed-fit__h,.ed-step__no,.ed-pull p){font-weight:700;letter-spacing:-0.03em}
html.sp .guild-sales .ed-h2{line-height:1.35}
html.sp .guild-sales .ed-lede{color:var(--ink-sub)}
html.sp .guild-sales .ed-body{color:var(--ink-sub)}
html.sp .guild-sales .ed-muted,html.sp .guild-sales .ed-fit ul.is-no li{color:var(--ink-mut)}
html.sp .guild-sales :is(.ed-cap,.ed-back,.ed-byline small,.ed-pull footer){color:var(--ink-mut);letter-spacing:0}
html.sp .guild-sales .ed-byline span{color:var(--ink-sub)}
html.sp .guild-sales :is(.ed-masthead,.ed-folio span,.ed-folio){text-transform:none;letter-spacing:0}
html.sp .guild-sales .ed-masthead{font-size:.875rem;font-weight:600;border-color:var(--rule)}
/* 구간 번호와 이름: 홈의 구간 이름표처럼 크게 */
html.sp .guild-sales .ed-folio{align-items:baseline;gap:12px;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:700;color:inherit}
html.sp .guild-sales .ed-folio b{font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:800;color:var(--acc,var(--p))}
/* 손글씨 메모 → 보라 글자 */
html.sp .guild-sales .ed-hand{font-size:1.125rem;font-weight:700;line-height:1.5;color:var(--acc,var(--p));transform:none}
html.sp .guild-sales :is(.ed-sec--ink,.ed-end,.ed-hero) .ed-hand{color:var(--lt,var(--lav))}
html.sp .guild-sales .ed-hand--todo{color:var(--acc,var(--p))}
html.sp .guild-sales .ed-note{font-size:1.0625rem;font-weight:600;line-height:1.7;color:var(--ink);background:#fff;background-image:none;border-radius:18px;box-shadow:var(--lift-l);transform:none!important;margin-top:0!important}
html.sp .guild-sales .ed-pull::before{font-weight:700;color:var(--acc,var(--p))}

/* ---------- 사진·카드: 테이프와 기울임 대신 떠 있는 카드 ---------- */
html.sp .guild-sales .ed-tape{display:none}
html.sp .guild-sales :is(.ed-fig,.ed-portrait,.ed-shelfwrap){transform:none!important;border-radius:20px;overflow:hidden;background:#fff;padding:10px;box-shadow:0 1px 2px rgba(25,31,40,.05),0 18px 44px color-mix(in srgb,var(--acc,#4c1d95) 16%,transparent)}
html.sp .guild-sales :is(.ed-hero,.ed-sec--ink,.ed-end) :is(.ed-fig,.ed-portrait,.ed-shelfwrap){box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 90px var(--g-glow)}
html.sp .guild-sales :is(.ed-fig,.ed-portrait) img{border-radius:12px}
html.sp .guild-sales .ed-fig .ed-cap{padding:8px 4px 2px}
html.sp .guild-sales .ed-portrait{padding:12px}

/* ---------- 버튼: 우주 바탕은 연두, 밝은 바탕은 보라 ---------- */
html.sp .guild-sales .ed-btn{border-radius:14px;min-height:54px;padding:0 24px;font-weight:600;background:var(--sig,var(--p));color:var(--on-sig,#fff);box-shadow:0 12px 30px color-mix(in srgb,var(--sig,#7b2fff) 32%,transparent);transition:transform .3s cubic-bezier(.2,.9,.25,1.2),box-shadow .3s,background-color .2s}
html.sp .guild-sales :is(.ed-hero,.ed-sec--ink,.ed-end) .ed-btn{background:var(--lt,var(--l));color:#0d0d0d;box-shadow:0 10px 30px color-mix(in srgb,var(--lt,#d4f000) 24%,transparent)}
html.sp .guild-sales .ed-btn--light{background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13);box-shadow:none!important}
@media (hover:hover) and (pointer:fine){
  html.sp .guild-sales .ed-btn:hover{transform:translateY(-4px);box-shadow:0 20px 46px color-mix(in srgb,var(--sig,#7b2fff) 48%,transparent)}
  html.sp .guild-sales :is(.ed-hero,.ed-sec--ink,.ed-end) .ed-btn:hover{box-shadow:0 20px 46px color-mix(in srgb,var(--lt,#d4f000) 40%,transparent)}
  html.sp .guild-sales .ed-btn--light:hover{background:rgba(255,255,255,.16)!important;box-shadow:0 16px 40px rgba(0,0,0,.4)!important}
}

/* ---------- 딱딱한 그림자 걷기 ---------- */
html.sp .guild-sales [class*="ticket"],html.sp .guild-sales [class*="card"]{border-radius:20px}
html.sp .guild-sales .d-sticky,html.sp .guild-sales .gs-sticky{border-radius:999px}

/* ---------- 짙은 테두리(길드 지면의 검은 선) → 가는 선. 상자는 둥글게 ---------- */
html.sp .guild-sales :is(.ed-sec--ink,.ed-end){--rule:rgba(255,255,255,.14)}
html.sp .guild-sales :is(.cp-acts li,.cp-crew__item,.cp-crew__photo,.cp-done__head,.cp-done__more figure,.cp-done__talks li,.cp-introbox,.cp-join,.cp-shot,.cp-strip>.d-post,.cp-strip>.d-letter,.d-shelf li,.d-ticket,.d-ticket__main,.ed-leaves li,.ed-apply__facts,.ed-checkout,.ed-cred,.ed-field input,.ed-field textarea,.ed-fit__h,.ed-form,.ed-gloss,.ed-howto,.ed-masthead,.ed-note,.ed-pull,.ed-stats,.ed-video__toggle,.lp-change .is-after,.lp-change__h,.lp-must,.lp-must>div+div,.lp-quotes blockquote,.lp-teams,.nw-after__h,.nw-event__prog,.nw-join__item,.nw-stats){border-color:var(--rule)!important}
html.sp .guild-sales .cp-acts li::before{border-color:var(--rule)!important}
html.sp .guild-sales :is(.cp-crew__item,.cp-done__more figure,.cp-introbox,.cp-join,.cp-shot,.cp-strip>.d-post,.cp-strip>.d-letter,.ed-checkout,.ed-form,.ed-gloss,.ed-howto,.ed-stats,.lp-change .is-after,.lp-must,.lp-quotes blockquote,.lp-teams,.nw-join__item,.nw-stats,.nw-event__prog,.ed-apply__facts,.d-ticket){border-radius:18px;overflow:hidden}
html.sp .guild-sales :is(.cp-crew__item,.cp-introbox,.cp-join,.cp-strip>.d-post,.cp-strip>.d-letter,.ed-checkout,.ed-form,.ed-howto,.lp-must,.lp-quotes blockquote,.lp-teams,.nw-join__item){background-color:#fff;box-shadow:0 1px 2px rgba(25,31,40,.05),0 14px 36px rgba(76,29,149,.10)}
html.sp .guild-sales :is(.ed-sec--ink,.ed-end,.ed-hero) :is(.cp-crew__item,.cp-introbox,.cp-join,.lp-must,.lp-quotes blockquote,.lp-teams,.nw-join__item,.ed-howto){background-color:rgba(255,255,255,.06);box-shadow:none}
html.sp .guild-sales :is(.ed-field input,.ed-field textarea){border-radius:12px;background:#f6f7f9}
html.sp .guild-sales .cp-crew__photo{border-radius:14px}

/* 첫 화면 안의 흰 카드(선언문·사진·책장·게시물)는 글자색을 다시 짙게 */
html.sp .guild-sales .ed-hero :is(.lp-manifesto,.ed-fig,.ed-shelfwrap,.rd-covers,.d-post,.d-letter,.ed-note){--ink:#191f28;color:#191f28}
html.sp .guild-sales .ed-hero .lp-manifesto{border-radius:20px;border-color:#e8eaee!important;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 90px var(--g-glow)}

/* 길드 색으로 칠한 상자(길드장 카드 등)는 흰 바탕으로 덮지 않는다 */
html.sp .guild-sales .cp-crew__item.is-lead{background-color:var(--sig)!important;border-color:var(--sig)!important;color:var(--on-sig)}

/* 결제 주소가 아직 없는 버튼(결제 페이지 준비 중)은 누를 수 있는 것처럼 보이지 않게 */
html.sp .guild-sales .is-off,html.sp .guild-sales .ed-checkout__btn.is-off{opacity:.45;cursor:default;pointer-events:none;box-shadow:none!important;transform:none!important}