/* 우리 넷 리디자인 테마 — 마지막에 로드되는 오버라이드 레이어
   방향: Pretendard, 화이트 서페이스 + 딥그린 프라이머리 + 오렌지 액센트,
   라운드/엘리베이션 체계, 필 버튼·칩. */

:root{
 --bg:#F7F8F5; --surface:#FFFFFF; --panel:#F0F3EC; --note:#FAF6EA;
 --line:#E6E9E1; --line-strong:#D6DCCF;
 --ink:#17251C; --ink-2:#3D4A3F; --muted:#68766A; --faint:#93A093;
 --primary:#1E5B3C; --primary-deep:#154430; --primary-soft:#E3EFE6;
 --accent:#F4602C; --accent-deep:#D24E20; --accent-soft:#FDEDE4;
 --r-lg:20px; --r-md:14px; --r-sm:10px;
 --sh-sm:0 1px 2px rgba(23,37,28,.05),0 1px 6px rgba(23,37,28,.04);
 --sh-md:0 6px 16px rgba(23,37,28,.08),0 2px 6px rgba(23,37,28,.05);
 --sh-lg:0 16px 40px rgba(23,37,28,.13);
}

/* ── 베이스 ── */
html,body{background:var(--bg)!important}
body,button,input,select,textarea{font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',system-ui,-apple-system,sans-serif!important}
body{color:var(--ink-2);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,strong,b{color:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(244,96,44,.45);outline-offset:3px;border-radius:6px}
::selection{background:var(--primary-soft)}
input,select,textarea{border-radius:var(--r-sm)!important;border-color:var(--line-strong)!important;background:var(--surface)!important;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(30,91,60,.14)}
input::placeholder,textarea::placeholder{color:#A6B0A4}

/* ── 헤더 ── */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.brand{letter-spacing:-.8px}
.brand-mark i{border-radius:50%}
.nav-link{padding:8px 13px;border-radius:999px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}
.nav-link:hover{background:var(--panel);color:var(--ink);text-decoration:none}
.site-header .nav-link.active,.nav-link.active{background:var(--primary)!important;color:#fff!important}
.nav-link.active::after,.nav-link::after{display:none!important;content:none!important}
.edition-label{color:var(--faint);letter-spacing:.14em;font-size:10.5px;font-weight:700;font-family:inherit!important}

/* ── 타이포·레이블 ── */
.issue-label,.join-type,.course-area,.poll-kicker{font-family:inherit!important;font-weight:800;letter-spacing:.1em;font-size:11px}
.issue-label{color:var(--primary)}
.join-type,.course-area{color:var(--accent-deep)}
.club-intro h1,.editorial-heading h2,.text-page h1{letter-spacing:-.9px;font-weight:800}
.club-intro>p,.editorial-caption{color:var(--muted)}
.public-content .issue-label{color:var(--primary)}

/* ── 버튼 ── */
.ink-button{background:var(--primary)!important;border-radius:999px!important;gap:8px;font-weight:700;font-size:14px;padding:13px 22px;box-shadow:var(--sh-sm);transition:background .15s,transform .15s,box-shadow .15s}
.ink-button:hover{background:var(--primary-deep)!important;transform:translateY(-1px);box-shadow:var(--sh-md);text-decoration:none!important}
.join-profile .secondary,.acct-head .secondary,.acct-form .secondary,button.secondary,.date-filter button{border-radius:999px!important;border:1px solid var(--line-strong)!important;color:var(--ink-2)!important;font-weight:600;background:var(--surface)!important;transition:border-color .15s,background .15s}
button.secondary:hover,.date-filter button:hover{border-color:var(--primary)!important;color:var(--primary)!important}
.ink-text-button{color:var(--primary);font-weight:700}

/* ── 필터 칩 ── */
.content-filters{gap:8px!important;flex-wrap:wrap;border:0!important}
.content-filters button,.content-filters>a{padding:9px 16px!important;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink-2)!important;font-weight:600;font-size:13px!important;line-height:1;transition:all .15s}
.content-filters button:hover,.content-filters>a:hover{border-color:var(--primary);color:var(--primary)!important;text-decoration:none}
.content-filters button.active,.content-filters>a.active,.join-main .content-filters button.active{background:var(--primary);border:1px solid var(--primary)!important;color:#fff!important;border-bottom:1px solid var(--primary)!important}
.content-filters button.active::after{display:none!important}
.date-filter input{border-radius:999px!important;padding:9px 14px}

/* ── 홈 히어로 ── */
.cover-story>a{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md)}
.cover-tag{border-radius:999px;font-weight:700}
.round-arrow{border-radius:50%}
.taste-poll{background:linear-gradient(160deg,#F4602C,#E44E1E)!important;border-radius:var(--r-lg);box-shadow:var(--sh-md);color:#FFF4EC!important}
.taste-poll h2,.taste-poll .poll-kicker{color:#fff}
.taste-poll .poll-top{color:rgba(255,255,255,.85)}
.taste-poll .poll-choices button{border-radius:var(--r-md);font-weight:700;box-shadow:var(--sh-sm);background:#fff!important;color:var(--ink)!important}
.taste-poll .poll-choices button span{color:var(--accent-deep)}
.taste-poll .poll-choices button b{color:var(--accent)}
.cover-shade{background:linear-gradient(180deg,rgba(8,18,12,.02) 26%,rgba(8,18,12,.55) 62%,rgba(8,18,12,.86) 100%)!important}
.cover-copy h2{text-shadow:0 2px 18px rgba(0,0,0,.5)}
.cover-copy p,.cover-copy span,.cover-bottom{text-shadow:0 1px 8px rgba(0,0,0,.45)}
.poll-answer{color:#fff}
.poll-answer h3{color:#fff}
.poll-match{color:#fff;font-weight:700}
.poll-foot{color:rgba(255,244,236,.8)}
.poll-next{color:#FFD9C6;font-weight:600}

/* ── 퀵메뉴 ── */
.quick-menu{border:0!important;padding:26px 0 6px}
.quick-menu a{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-sm);transition:transform .15s,box-shadow .15s,border-color .15s}
.quick-menu a:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--primary)}
.quick-menu b{font-size:16px}
.quick-menu span{color:var(--muted)}
.quick-menu i{color:var(--accent);background:var(--accent-soft);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px}

/* ── 섹션 구분 ── */
.join-strip,.course-strip,.join-how{border-top:1px solid var(--line)!important}
.editorial-section{border-top:1px solid var(--line)}
.club-ticker{display:none}

/* ── 카드 공통 ── */
.join-card,.course-card,.acct-card,.utility-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important;box-shadow:var(--sh-sm);transition:transform .15s,box-shadow .15s}
.join-card:hover,.course-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.join-badge{border-radius:999px;font-weight:700;background:var(--panel);color:var(--muted)}
.join-badge.live{background:var(--accent);color:#fff}
.join-badge.verified{background:var(--primary);color:#fff}
.join-meta li span{color:var(--faint)}
.join-mood{color:var(--accent-deep)}
.join-desc{color:var(--muted)}
.join-cta{color:var(--primary)!important;border-top:1px solid var(--line)!important}
.seat-dots{color:var(--accent)}
.seat-left{color:var(--ink)}
.seat-left.urgent{color:var(--accent-deep)}
.join-board-note,.course-note{background:var(--note);border-radius:var(--r-sm);color:var(--muted)}
.join-login{background:var(--primary-soft);border-radius:var(--r-sm);color:var(--ink-2)}

/* ── 골프장 카드 ── */
.course-actions{border-top:1px solid var(--line)!important}
.course-actions a:first-child{color:var(--accent-deep)}
.course-actions a:last-child{color:var(--primary)}
.course-region,.course-info{color:var(--muted)}

/* ── 스토리 카드 ── */
.story-image-button{border-radius:var(--r-md);overflow:hidden;display:block}
.story-image-button img{transition:transform .35s}
.story-card:hover .story-image-button img{transform:scale(1.04)}
.story-number{border-radius:999px;font-family:inherit!important;font-weight:800;font-size:13px;box-shadow:var(--sh-sm);background:#fff}
.image-stamp{border-radius:var(--r-sm)}
.type-cover{border-radius:var(--r-md)}
.story-meta>a{color:var(--accent-deep)!important}
.save-story{color:var(--faint)}
.save-story.saved{color:var(--accent)}
.public-content .story-card>p{color:var(--muted)}
.public-content .read-time{color:var(--faint)}
.story-title h3{letter-spacing:-.3px}

/* ── 폼 패널 ── */
.join-profile,.join-open,.split-form{background:var(--panel)!important;border-radius:var(--r-md);border:1px solid var(--line)}
.join-profile label,.join-form-grid label{color:var(--ink-2)}
.join-request-form{border-top:1px dashed var(--line-strong)}
.join-sent{background:var(--primary-soft);border-radius:var(--r-sm);color:var(--ink-2)}
.join-form-status{color:var(--accent-deep)}
.join-steps li{border-top:3px solid var(--primary)}
.join-steps b{color:var(--ink)}
.join-rules{border:1px dashed var(--line-strong);border-radius:var(--r-md)}
.join-rules a,.team-plan-links a,.article-body a,.text-page a{color:var(--primary);text-decoration-color:rgba(30,91,60,.4)}

/* ── 계산기·유틸 스트립 ── */
.utility-strip{border:0!important;background:var(--panel);border-radius:var(--r-lg);padding:34px 34px!important;margin-top:26px}
.split-result{background:linear-gradient(160deg,#F4602C,#E44E1E)!important;border-radius:var(--r-md);color:#FFF4EC}
.split-result p{color:#FFE3D4!important}
.utility-card span{color:var(--muted)}
.utility-extra a{color:var(--primary)}

/* ── 계정·팀·투표 ── */
.acct-list li{background:var(--panel);border-radius:var(--r-sm)}
.acct-list li.empty{border:1px dashed var(--line-strong);background:none;border-radius:var(--r-sm)}
.acct-status{border-radius:999px}
.acct-status.s-approved,.acct-status.s-confirmed{background:var(--primary)}
.acct-status.s-pending,.acct-status.s-received{background:var(--accent)}
.acct-note{color:var(--muted)}
.team-chip{border-radius:999px;background:var(--primary-soft);color:var(--ink-2)}
.team-chip.empty{background:var(--panel);color:var(--faint)}
.team-logs li{background:var(--panel);border-radius:var(--r-sm)}
.team-logs li b{color:var(--primary)}
.team-logs li.empty{background:none;border:1px dashed var(--line-strong);border-radius:var(--r-sm)}
.team-name-input:focus,.team-motto-input:focus{box-shadow:none}
.vote-choice{border-radius:var(--r-sm);background:var(--panel);border:1px solid transparent;transition:border-color .15s,background .15s}
.vote-choice:hover{border-color:var(--primary)}
.vote-choice input{accent-color:var(--primary)}
.vote-bar{border-radius:999px;background:var(--line)}
.vote-bar i{border-radius:999px;background:var(--faint)}
.vote-row.best .vote-bar i{background:var(--accent)}
.vote-row-top span{color:var(--accent-deep)}
.vote-share-row input{border-radius:var(--r-sm)!important}
.saved-empty{border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted)}

/* ── 글 상세·텍스트 페이지 ── */
.article-cover{border-radius:var(--r-md)}
.article-cta{background:var(--panel);border-radius:var(--r-md);padding:22px 24px}
.article-cta-sub{color:var(--primary)!important}
.article-image-note,.tool-note{color:var(--faint)!important}
.related-reading>a{border-bottom:1px solid var(--line)}
.related-reading>a>span{color:var(--faint)}
blockquote{color:var(--primary);border-color:var(--accent)}
.no-js-note,.join-board-note{border-radius:var(--r-sm)}

/* ── 마무리·푸터 ── */
.club-closing>span{color:#E2E7DD}
.club-closing a{color:var(--primary)}
.public-footer{border-top:1px solid var(--line);color:var(--faint)}
.footer-links{color:var(--ink-2)}
.footer-links a:hover{color:var(--primary)}
.sr-status{border-radius:var(--r-sm);background:var(--ink);box-shadow:var(--sh-lg)}

/* ── 모바일 미세 조정 ── */
@media(max-width:680px){
 .site-header{padding-top:12px}
 .nav-link{padding:7px 10px}
 .cover-story>a{border-radius:var(--r-md)}
 .utility-strip{padding:24px 20px!important;border-radius:var(--r-md)}
}
.date-filter input{min-width:150px}
