/* ---- 이야기 50 《그리지 않은 것이 그린 것을 지탱한다》 ---- */
.st-hero{min-height:64vh;background:var(--deep)}
.st-hero::before{background:radial-gradient(ellipse at 20% 80%,rgba(156,106,40,.28),transparent 55%),linear-gradient(90deg,rgba(7,5,3,.6),rgba(7,5,3,.2))}
.st-hero .hero-in{position:relative}
.st-hero h1{font-size:clamp(40px,6.4vw,96px);font-weight:600}
.st-hero p{color:#e9dfd1}
.st-kicker2{font:600 11px/1.4 var(--sans);letter-spacing:.22em;color:#bfa985;margin:-4px 0 0;text-transform:uppercase}
.st-hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.st-hero .btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.st-hero .btn:hover{background:#fff;color:var(--deep)}
.st-hero .btn.solid{background:var(--gold-2);border-color:var(--gold-2)}
.st-hero .btn.solid:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.st-hero-num{position:absolute;right:var(--gap);bottom:-10px;font:600 clamp(160px,28vw,360px)/1 var(--serif);color:rgba(255,255,255,.045);letter-spacing:-.06em;pointer-events:none;user-select:none}
[dir="rtl"] .st-hero-num{right:auto;left:var(--gap)}

/* 추천 카드 (오늘 한 편 · 네 개의 문) */
.st-today-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:40px;align-items:center}
.st-today-grid h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.03em;margin:4px 0 10px}
.st-today-grid .lead{font-size:17px;max-width:420px}
@media (max-width:900px){.st-today-grid{grid-template-columns:1fr;gap:22px}}
.st-feature{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-s);transition:border-color .15s}
.st-feature:hover{border-color:var(--gold)}
.st-feature .ph{aspect-ratio:4/3;background:var(--paper-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.st-feature .ph img{width:100%;height:100%;object-fit:contain;padding:10px}
.st-feature .cb{padding:16px 18px 20px}
.st-feature .num{font:600 10px/1 var(--sans);letter-spacing:.18em;color:var(--gold)}
.st-feature h3{font-size:clamp(20px,1.8vw,26px);line-height:1.15;margin:10px 0 6px}
.st-feature p{color:var(--muted);font-size:14px;margin:0}
.st-feature-wide{flex-direction:row;align-items:stretch}
.st-feature-wide .ph{flex:1 1 55%;aspect-ratio:auto;min-height:280px}
.st-feature-wide .cb{flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;padding:28px}
.st-feature-wide h3{font-size:clamp(26px,2.6vw,36px)}
@media (max-width:640px){.st-feature-wide{flex-direction:column}.st-feature-wide .ph{aspect-ratio:4/3;min-height:0}}
.noimg{color:var(--muted);text-align:center;font:600 11px/1.4 var(--sans);letter-spacing:.14em;padding:18px}
.noimg b{display:block;font:600 34px var(--serif);color:var(--gold);margin-bottom:6px;letter-spacing:-.02em}

.st-path-card .go,.st-same-card .go{letter-spacing:.14em}

/* 네 번의 움직임 */
.st-arc{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.st-arc-part{background:var(--paper);padding:26px 24px 22px;display:flex;flex-direction:column;min-height:200px;transition:background .15s}
.st-arc-part:hover{background:var(--paper-2)}
.st-arc-part .roman{font:600 40px/1 var(--serif);color:var(--gold);letter-spacing:-.02em}
.st-arc-part h3{font-size:clamp(18px,1.5vw,22px);line-height:1.2;margin:16px 0 6px}
.st-arc-part p{color:var(--muted);font-size:14px;margin:0 0 14px}
.st-arc-part small{margin-top:auto;font:600 11px/1 var(--sans);letter-spacing:.18em;color:var(--muted-2)}
@media (max-width:900px){.st-arc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.st-arc{grid-template-columns:1fr}}

/* 쉰 편의 시간 */
.st-part{margin-top:34px}
.st-part-head{display:flex;align-items:center;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.st-part-head .roman{font:600 44px/1 var(--serif);color:var(--gold);min-width:56px;letter-spacing:-.02em}
.st-part-head h3{font-size:clamp(20px,2vw,26px);margin:0 0 2px}
.st-part-head p{margin:0;color:var(--muted);font-size:14px}
.st-list{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
.st-list li{break-inside:avoid}
.st-list a{display:grid;grid-template-columns:44px 1fr auto;gap:0 14px;align-items:baseline;padding:11px 4px;border-bottom:1px solid var(--line-2);font-size:17px;transition:color .15s}
.st-list a:hover{color:var(--gold-2)}
.st-list .n{font:600 12px/1.6 var(--sans);letter-spacing:.14em;color:var(--gold)}
.st-list b{font-weight:600;letter-spacing:-.01em}
.st-list em{font:12px/1.5 var(--sans);font-style:normal;color:var(--muted);text-align:end}
@media (max-width:820px){.st-list{columns:1}}
@media (max-width:480px){.st-list a{grid-template-columns:40px 1fr}.st-list em{grid-column:2;text-align:start}}
.st-door-links{margin:14px 0 18px}
.card.dark .st-door-links .chip{background:transparent;border-color:rgba(255,255,255,.3);color:#efe6d8}
.card.dark .st-door-links .chip:hover{border-color:var(--gold-soft);color:var(--gold-soft)}
.st-footline{font:600 11px/1 var(--sans);letter-spacing:.22em;color:var(--gold-soft);margin:auto 0 0}

/* 읽기 페이지 */
.st-reader{max-width:var(--read);margin:auto;padding:40px var(--gap) 80px}
.st-head{padding-bottom:30px;border-bottom:1px solid var(--line)}
.st-id{font:600 11px/1.6 var(--sans);letter-spacing:.2em;color:var(--gold);margin:0 0 10px}
.st-title{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}
.st-work{color:var(--muted);font-size:17px;margin:0}
.st-art{margin:40px 0 12px}
.st-art img{width:100%;max-height:72vh;object-fit:contain;background:var(--paper-2);border:1px solid var(--line)}
.st-art .noimg{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line);background:var(--paper)}
.st-art figcaption{margin-top:10px;font:12px/1.6 var(--sans);letter-spacing:.06em;color:var(--muted);text-align:center}
.st-prose{font-size:19px;line-height:2.05;padding:44px 0 36px}
.st-prose p{margin:0 0 .55em}
.st-tags{margin:0 0 22px}
.st-callout{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-s);padding:18px 20px;margin:0 0 30px;transition:border-color .15s}
.st-callout:hover{border-color:var(--gold)}
.st-callout .num{grid-column:1;font:600 10px/1 var(--sans);letter-spacing:.16em;color:var(--muted)}
.st-callout b{grid-column:1;font-weight:600;font-size:17px}
.st-callout em{grid-column:2;grid-row:1/3;font-style:normal;color:var(--gold-2);font-size:20px}
.st-archive{border-top:1px solid var(--line);padding:32px 0 6px}
.st-archive h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;margin:0 0 18px}
.st-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.st-archive-card{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:16px 18px;transition:border-color .15s}
.st-archive-card:hover{border-color:var(--gold)}
.st-archive-card span{grid-column:1;font:600 9px/1 var(--sans);letter-spacing:.16em;color:var(--gold)}
.st-archive-card b{grid-column:1;font-weight:600;font-size:16px}
.st-archive-card em{grid-column:2;grid-row:1/3;font-style:normal;color:var(--gold-2)}
@media (max-width:600px){.st-archive-grid{grid-template-columns:1fr}}
.st-follow{border-top:1px solid var(--line);margin-top:26px;padding:20px 0 0;display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}
.st-follow span{width:100%;font:600 9px/1 var(--sans);letter-spacing:.16em;color:var(--muted)}
.st-follow a{font:600 12px/1.6 var(--sans);letter-spacing:.08em;color:var(--gold-2);border-bottom:1px solid var(--gold)}
.st-reader .pager{margin-top:36px}

/* 길 · 같은 이름 */
.st-path-hero{padding-bottom:18px}
.st-path-hero h1{font-size:clamp(40px,6.4vw,88px);line-height:.98;letter-spacing:-.045em;margin:4px 0 10px}
.st-path-sub{font-size:clamp(20px,2.2vw,26px);color:var(--ink-2);letter-spacing:-.01em;margin:0 0 16px}
.st-same-en{font:600 12px/1.4 var(--sans);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.st-path-intro{max-width:720px;font-size:18px;color:var(--ink-2);margin:0 0 22px}
.st-path-switch{margin-top:26px}
.st-flow{list-style:none;margin:0;padding:0;max-width:960px}
.st-flow-item{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line);transition:color .15s}
.st-flow li:first-child .st-flow-item{border-top:0}
.st-flow-item:hover h3{color:var(--gold-2)}
.st-flow-item .ph{width:260px;height:190px;display:flex;align-items:center;justify-content:center;background:var(--paper-2);border:1px solid var(--line-2);overflow:hidden}
.st-flow-item .ph img{width:100%;height:100%;object-fit:contain;padding:8px}
.st-flow-item .num{font:600 10px/1 var(--sans);letter-spacing:.16em;color:var(--gold)}
.st-flow-item h3{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;margin:8px 0 4px}
.st-flow-item p{color:var(--muted);margin:0 0 6px}
.st-flow-item small{font:11px/1.5 var(--sans);letter-spacing:.06em}
@media (max-width:700px){.st-flow-item{grid-template-columns:1fr;gap:14px}.st-flow-item .ph{width:100%;height:auto;aspect-ratio:4/3}}
.st-same-works{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.st-pending{opacity:.85}

/* ---- 문학과 기록의 경계 알림 (templates/pages/_notice.html 의 literary_notice) ----
   이야기 50 · 독백 · 100주년 기념판 독백 · 문학 입구가 함께 쓴다.
   같은 블록이 stories.css 와 monologue.css 에 있다 — 고칠 때는 두 곳을 같이 고친다 (공통 부품이므로 site.css 로 옮길 것). */
.lit-note{max-width:36em;margin:20px 0 0;font:12.5px/1.75 var(--sans);letter-spacing:.01em;color:var(--muted);text-align:start}
.lit-note::before{content:"";display:block;width:36px;border-top:1px solid var(--gold);margin:0 0 10px}
.lit-note p{margin:0;max-width:none;font:inherit;letter-spacing:inherit;color:inherit}
.lit-note .lit-by{font-weight:600;letter-spacing:.05em;color:var(--ink-2)}
.lang-ko .lit-note{word-break:keep-all}
.lit-note-end{margin-top:34px}
.lit-note.center{margin-left:auto;margin-right:auto;text-align:center}
.lit-note.center::before{margin-left:auto;margin-right:auto}
.lit-note.norule::before{display:none}
.lit-note.on-dark{color:#cdbd9f}
.lit-note.on-dark .lit-by{color:#f3ead9}
.lit-note.on-dark::before{border-top-color:var(--gold-soft)}
/* 자리별 간격 */
.st-hero .lit-note{margin-top:26px}
.st-reader .lit-note-end{margin:0 0 30px}

.lit-note.lit-by-only{border:0;padding:0;margin:0 0 14px;font:600 12px/1 var(--sans);letter-spacing:.14em;color:var(--gold)}
.lit-note.lit-by-only.center{text-align:center}
.lit-note.lit-by-only.on-dark{color:var(--gold-soft)}
.lit-note.lit-by-only::before{display:none}