/* Lumieny editorial refinements */
.header-inner{max-width:1180px;}.logo{font-weight:600;letter-spacing:-1.2px;}.hero-inner{max-width:860px;}.hero{border-bottom:1px solid #f0e4e8;}.eyebrow,.section-kicker{letter-spacing:2.4px;}.content-section{scroll-margin-top:30px;}h2{font-weight:500;}h1{font-family:Georgia,"Noto Serif KR",serif;font-weight:600;}.opinion,.stat-card{box-shadow:0 8px 25px rgba(65,35,48,.025);}.primary{background:#916274;}.secondary{background:#f3e5eb;}.vote-option:hover{border-color:#bb96a5;}.discussion{border:1px solid #ecdde3;}.content-section:last-child{border-bottom:0;}
.content-section[hidden]{display:none!important;}@media(max-width:500px){#voteBtn{width:100%}}

#voteResults{padding:24px;border:1px solid var(--line);background:#fff;border-radius:14px;}#voteResults h3{margin:0 0 12px;font-family:Georgia,serif;}#voteResults .result-track{height:11px;}#voteResults .result{margin:17px 0;}#voteResults .result-head{align-items:center;}#voteResults .result-head b{white-space:nowrap;color:var(--accent);}


/* Future ad inventory: hidden by default, visible only in ?adpreview=1 */
.ad-slot{display:none;box-sizing:border-box;}
.ad-preview .ad-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#f8f4f2;border:1px dashed #d8c9ce;border-radius:10px;color:#94868b;text-align:center;font:12px/1.5 system-ui,sans-serif;}
.ad-slot .ad-name{font-weight:600;letter-spacing:.03em;}
.ad-slot .ad-note{font-size:11px;}
.ad-inline{margin:30px 0;min-height:120px;}
.ad-sidebar{min-height:250px;width:100%;position:sticky;top:30px;}
/* Keep reading width; only wide screens gain a third, ad-ready column. */
@media(min-width:1420px){.layout{max-width:1370px;grid-template-columns:195px minmax(0,760px) minmax(180px,260px);gap:42px}}
@media(max-width:1419px){.ad-sidebar{display:none!important}}
@media(max-width:820px){.ad-inline{min-height:100px;margin:24px 0}}


/* Lumieny editorial paragraph rhythm */
#other-people-s-experiences .section-content p {margin-bottom:19px;line-height:1.95;}
#other-people-s-experiences .section-content h3 {margin-bottom:21px;}
@media(max-width:820px){#other-people-s-experiences .section-content p{line-height:1.9;margin-bottom:17px;}}



/* Lumieny discussion: three opinions before participation */
.opinion-index{flex:0 0 38px;align-self:flex-start;text-align:center;background:#f7edf0;color:#a47789;border-radius:9px;padding:4px 0;font-size:19px;line-height:1.65;}
.opinion p{flex:1;}.opinion{align-items:flex-start;padding:17px 16px;gap:15px;}
.opinion[data-extra="true"][hidden],.discussion[hidden]{display:none!important;}
.discussion{background:linear-gradient(125deg,#faf0f3,#f7edf0);padding:24px 20px;}
.discussion h3{font-size:20px;margin:0 0 6px;}.discussion p{font-size:14px;}
.discussion textarea{min-height:110px;}.discussion-bottom button{background:#916274;color:#fff;}
.discussion-posted{margin-top:18px;}.discussion-posted .user-comment{border:1px solid #e8d7de;}
@media(max-width:600px){.opinion{padding:15px 12px;gap:10px}.opinion-index{flex-basis:32px;font-size:17px}.discussion{padding:19px 15px}}

/* Compact reading-first discussion after participation */
.discussion textarea[hidden],.discussion .discussion-bottom[hidden],.discussion #addOpinionBtn[hidden],.discussion p[hidden]{display:none!important;}
.discussion .user-comment{border:1px solid #eadce1;margin-top:12px;line-height:1.75;}
.discussion .add-opinion-btn{display:block;margin-top:15px;margin-left:auto;padding:9px 16px;background:#f3e5eb;color:#916274;font-size:13px;}
.discussion #comments:not(:empty){margin-top:10px;}



/* Statistics: vertical cards, two percentage donut charts per card */
#statistics .section-content{display:flex;flex-direction:column;gap:34px;}
#statistics .stat-unit{width:100%;}
#statistics .stat-donut-card{padding:26px 28px 23px;}
#statistics .stat-donut-card h3{margin:0 0 24px;font-size:18px;line-height:1.55;}
#statistics .stat-donuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#statistics .stat-donut-item{display:flex;align-items:center;flex-direction:column;gap:11px;}
#statistics .stat-donut-item strong{font-size:15px;font-weight:650;}
#statistics .stat-donut{width:clamp(104px,20vw,152px);height:clamp(104px,20vw,152px);border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a77989 0 calc(var(--percent)*1%),#efe4e8 calc(var(--percent)*1%) 100%);position:relative;}
#statistics .stat-donut:before{content:"";position:absolute;inset:15px;border-radius:50%;background:#fff;}
#statistics .stat-donut-value{position:relative;z-index:1;font-size:clamp(22px,3vw,29px);font-weight:650;line-height:1;color:#302c34;}
#statistics .stat-explanation{margin:15px 0 5px;font-size:15.5px;line-height:1.85;}
#statistics .stat-source{margin:0;color:#77717a;}
@media(max-width:500px){#statistics .stat-donut-card{padding:20px 15px}#statistics .stat-donuts{gap:7px}#statistics .stat-donut{width:112px;height:112px}#statistics .stat-donut:before{inset:12px}}
.discussion .discussion-bottom{justify-content:flex-start!important;}.discussion #commentBtn{margin-left:0!important;}.discussion textarea::placeholder{white-space:pre-line;line-height:1.9;color:#8b8188;opacity:1;}



/* Compact, consistent source notes for experience stories */
#other-people-s-experiences .experience-source { margin: 18px 0 0; font-size: 11.5px; line-height: 1.65; color: #77717a; }
#other-people-s-experiences .experience-source .source-line { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 13px; row-gap: 2px; }
#other-people-s-experiences .experience-source .source-line strong { color: #302c34; }
#other-people-s-experiences .experience-source .source-note { margin-top: 3px; }
#other-people-s-experiences .experience-source a { color: #916274; }



/* Single-line source metadata for Experiences and What Happened Next */
.experience-source.source-inline {margin:18px 0 0;font-size:11.5px;line-height:1.65;color:#77717a;}
.experience-source.source-inline .source-line {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;column-gap:9px;row-gap:2px;}
.experience-source.source-inline .source-note {margin:0;}
.experience-source.source-inline a {color:#916274;}
.experience-source.source-inline strong {color:#302c34;}


#statistics .stat-donuts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));}#statistics .stat-donut-item strong{text-align:center;font-size:13px;}.stat-bars{display:grid;gap:17px;}.bar-item{display:grid;grid-template-columns:1fr auto;gap:6px 15px;align-items:center;}.bar-item .track{grid-column:1/-1;height:13px;}.bar-label{font-size:14px;}.bar-value{color:var(--accent);font-size:15px;}.experience-source.source-inline .source-line{display:block;}.experience-source.source-inline .source-line span{display:inline;margin-right:9px;}.experience-source.source-inline .source-line a{margin-right:9px;}

.experience-source.source-inline{line-height:1.65!important;color:#77717a;margin-top:14px;}.experience-source.source-inline a{color:#916274;}#statistics .experience-source{margin-top:12px;}

#what-s-your-take .my-opinion-label{display:inline-block;margin-bottom:5px;font-size:12px;font-weight:700;color:#916274;}#what-s-your-take .discussion-action{margin:14px 8px 0 0;font-size:13px;padding:10px 15px;}#what-s-your-take .opinion[hidden]{display:none!important;}#what-s-your-take .discussion [hidden]{display:none!important;}

#what-s-your-take .opinion-list{display:flex;flex-direction:column;}#what-s-your-take .opinion-body{min-width:0;flex:1;}#what-s-your-take .opinion-body p{overflow-wrap:anywhere;}#showEarlierOpinions{margin:0 0 14px 0;}#what-s-your-take .newly-posted{border-color:#b78da0;background:#fdf7f9;}


#what-happened-next .experience-source.source-inline .source-note{display:inline;font-size:inherit;line-height:inherit;color:inherit;font-style:normal;margin:0 0 0 9px;}
#other-people-s-experiences .experience-source.source-inline em{font-style:normal;}


/* Lumieny source metadata, common rule §2 */
.section-content p.experience-source.source-inline,
#statistics .section-content p.experience-source.source-inline,
#expert-commentary .section-content p.experience-source.source-inline,
#other-people-s-experiences .section-content .experience-source.source-inline,
#what-happened-next .section-content .experience-source.source-inline {line-height:1.65!important;color:#77717a!important;}
.section-content .experience-source.source-inline a {font-size:inherit;color:#916274;}


.hero h1{margin-top:0;}.content-section h2{margin-top:0;}.hero{padding-top:65px;padding-bottom:60px;}
/* Common template: no instruction above comment input */
#what-s-your-take .discussion > p{display:none!important;}


/* Stage 1: English pages and experience-board preview */
.experience-board{border:1px solid var(--line);border-radius:14px;background:white;padding:22px;}.experience-compose{margin:20px 0;}.experience-compose summary{cursor:pointer;color:var(--accent);font-weight:700;}.experience-compose textarea{margin-top:12px;}.experience-entry{border-top:1px solid var(--line);padding:15px 0;}.experience-entry summary{cursor:pointer;}.experience-reply{margin:10px 0 0 16px;}.experience-board button{background:var(--accent);color:white;margin-top:8px;}.experience-status{font-size:12px;color:var(--muted);}

/* Typography update: Georgia headings + Source Sans 3 body */
body{letter-spacing:.1px;}
h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.65px;}
h1{font-size:clamp(30px,4.3vw,47px);line-height:1.35;}
.section-content p{font-size:16.5px;line-height:1.9;}
.subtitle{font-size:18px;line-height:1.9;}
aside a{font-size:14px;}
/* Keep compact source metadata at the size specified by the production guide. */

/* Prepublish fixes */
.hero h1{text-wrap:balance;}.stat-copy{margin-top:17px;}.stat-copy p{margin-bottom:12px;}.editorial-label{display:block;font-size:12px;font-weight:600;color:var(--accent);margin:0 0 5px;}.opinion p{flex:1;}.opinion:has(.editorial-label){align-items:flex-start;}.opinion .editorial-label+p{margin-top:0;}.stat-bars{padding:4px 0 8px;}.bar-item .track div{background:#a77989;}@media(min-width:821px) and (max-width:1419px){.layout{grid-template-columns:195px minmax(0,760px);justify-content:center}}

/* Lumieny confirmed readability adjustments — 2026-10-28 */
/* Constrain reading paragraphs without narrowing polls, charts, or opinion cards. */
@media (min-width: 821px) {
  .content-section > .section-content > p:not(.experience-source) { max-width: 680px; }
}
/* Source notes remain intentionally subtle but readable. */
.content-section .experience-source.source-inline,
#other-people-s-experiences .experience-source,
#statistics .stat-source,
#statistics .experience-source,
.content-section .section-content > p.experience-source.source-inline {
  font-size: 11.5px !important;
}


/* Latest detail-page override (preserved) */

/* Opinion cards: no ordinal badges */
.opinion{display:block;}
.opinion-body{width:100%;min-width:0;}

/* Desktop wide-screen: center the reading column, keeping TOC and right rail. */
@media (min-width: 1420px) {
  .layout {
    max-width: 1370px;
    grid-template-columns: minmax(195px, 1fr) minmax(0, 760px) minmax(195px, 1fr);
    column-gap: 32px;
    justify-content: stretch;
  }
  .layout > aside { grid-column: 1; }
  .layout > main { grid-column: 2; min-width: 0; }
  .layout > .ad-sidebar { grid-column: 3; min-width: 0; }
}

/* Mobile story hero: reduce vertical whitespace only; preserve typography and desktop. */
@media (max-width: 820px) {
  .hero { padding-top: 32px; padding-bottom: 36px; }
}

/* Statistics chart grid: up to four donuts per row */
#statistics .stat-donuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;justify-items:center;}
#statistics .stat-donut-item{min-width:0;width:100%;}
#statistics .stat-donut{width:min(100%,115px);height:auto;aspect-ratio:1;margin-inline:auto;}
@media(max-width:700px){#statistics .stat-donuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;}}

/* Final HTML revision: consistent subtle source citations */
.lumieny-source-note, .lumieny-source-inline,
#statistics .lumieny-source-inline, #expert-commentary .lumieny-source-inline {
 font-size:11.5px!important;line-height:1.65!important;color:#77717a!important;font-weight:400;
}
.lumieny-source-note a,.lumieny-source-inline a{font-size:inherit!important;color:#916274;}
.lumieny-source-inline{display:block;margin-top:5px;}
/* Experience questions: rounded outline and italic type */
#share-your-experience .experience-question-card{border:1px solid #302c34;border-radius:38px;padding:20px 24px;margin-bottom:20px;}
#share-your-experience .experience-question-card p:nth-child(-n+2){font-style:italic;font-size:16px;line-height:1.55;}
#share-your-experience .experience-question-card p:last-child{font-style:normal;}
#share-your-experience .experience-status:empty{display:none;}
@media(max-width:600px){#share-your-experience .experience-question-card{padding:16px;border-radius:26px;}}

/* 2026-10-29 discussion and experience layout refinement */
#what-s-your-take .visitor-opinions{display:contents;}
#what-s-your-take .visitor-opinion{margin:0;}
#what-s-your-take .visitor-opinion .editorial-label{margin-bottom:7px;}
#showMoreOpinions{margin:14px 0 18px;}
#share-your-experience .experience-question-panel{border:1px solid #302c34;border-radius:38px;padding:24px;margin-bottom:22px;}
#share-your-experience .experience-question-panel .experience-prompts{border:0;padding:0;margin:0 0 18px;}
#share-your-experience .experience-question-panel .experience-compose{margin:12px 0 0;}
#share-your-experience #experience-list:empty{display:none;}
@media(max-width:600px){#share-your-experience .experience-question-panel{padding:17px;border-radius:26px;}}

/* Initial opinions preview: three full cards and half of the fourth. */
#what-s-your-take .opinion-half-preview{max-height:95px;overflow:hidden;position:relative;}
#what-s-your-take .opinion-half-preview::after{content:"";position:absolute;inset:auto 0 0;height:22px;background:linear-gradient(transparent,#fff);pointer-events:none;}
#what-s-your-take #showMoreOpinions{align-self:flex-start;margin:12px 0 20px;}

/* V5: opinion reveal and reaction controls */
#what-s-your-take .opinion-toolbar{display:flex;justify-content:flex-end;min-height:0;margin:0 0 10px;}
#what-s-your-take .opinion-toolbar:empty{display:none;}
#what-s-your-take #showMoreOpinions{margin:0;padding:8px 13px;font-size:12px;}
#what-s-your-take #showMoreOpinions[hidden]{display:none!important;}
#what-s-your-take .opinion-reactions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px;}
#what-s-your-take .opinion-reaction{border:1px solid #e8dce1;border-radius:20px;background:#fff;color:#766773;padding:5px 11px;font-size:12px;cursor:pointer;min-width:58px;}
#what-s-your-take .opinion-reaction.selected{background:#f8eaf0;border-color:#bc8da2;color:#80445d;}
#what-s-your-take .opinion-reaction:focus-visible{outline:2px solid #a77989;outline-offset:2px;}

/* V6: always-open experience form; remove inner black outline */
#share-your-experience .experience-question-panel{border:none;border-radius:0;padding:0;margin:0 0 16px;}
#share-your-experience .experience-compose{display:block;margin:16px 0 0;}
#share-your-experience .experience-compose input{box-sizing:border-box;}
#share-your-experience .experience-compose textarea{display:block;width:100%;box-sizing:border-box;}
#share-your-experience #experience-list:empty{display:none;}

/* Distinct, subdued source line */
.stat-copy .lumieny-source-note,.lumieny-source-note{font-size:11.5px;color:#81777c;line-height:1.6;margin-top:12px;}
.lumieny-source-note p{font-size:inherit;line-height:inherit;margin:0;}
.lumieny-source-note a{color:#9a687b;}

/* Unified source note: generated exclusively from JSON statistics[].source */
.stat-copy .lumieny-source-note,
.stat-unit .lumieny-source-note {
  font-size: 11.5px !important;
  line-height: 1.55;
  color: #777 !important;
  font-weight: 400 !important;
  margin-top: 10px;
}
.stat-copy .lumieny-source-note a,
.stat-unit .lumieny-source-note a {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* Unified citations in every story section (not statistics alone). */
main .section-content p.lumieny-source-note,
main .section-content div.lumieny-source-note,
main #expert-commentary p.lumieny-source-note,
main #what-happened-next p.lumieny-source-note,
main #other-people-s-experiences p.lumieny-source-note {
  font-size: 11.5px !important;
  line-height: 1.6 !important;
  color: #77717a !important;
  font-weight: 400 !important;
  margin-top: 10px;
}
main .lumieny-source-note a {
  font-size: inherit !important;
  color: #916274 !important;
  font-weight: inherit !important;
}

/* Source note uniformity: every case and expert source, 11.5px gray. */
#other-people-s-experiences .lumieny-case .lumieny-source-note,
#what-happened-next .lumieny-case .lumieny-source-note,
#expert-commentary .lumieny-source-note {
  font-size:11.5px!important;line-height:1.6!important;color:#81777c!important;
  font-weight:400!important;margin:12px 0 18px;
}
#other-people-s-experiences .lumieny-case .lumieny-source-note p,
#what-happened-next .lumieny-case .lumieny-source-note p,
#expert-commentary .lumieny-source-note p {
  font-size:inherit!important;line-height:inherit!important;color:inherit!important;
  font-weight:inherit!important;margin:0!important;
}
.lumieny-source-note a {font-size:inherit!important;color:#916274!important;}

/* Shared quantitative bar chart renderer */
#statistics .stat-bars .bar-item .track{display:block;width:100%;height:13px;overflow:hidden;border-radius:999px;background:#efe4e8;}
#statistics .stat-bars .bar-item .track>div{display:block;height:100%;min-width:0;border-radius:inherit;background:#a77989;}

/* 2026-10-29: compact both Share Your Experience forms */
#share-your-experience .experience-prompts,
#other-people-s-experiences .experience-board-secondary .experience-prompts {
  margin-bottom: 18px;
}
#share-your-experience .experience-compose,
#other-people-s-experiences .experience-board-secondary .experience-compose {
  margin-top: 0;
}
#share-your-experience .experience-compose textarea,
#other-people-s-experiences .experience-board-secondary .experience-compose textarea {
  height: 100px;
  min-height: 100px;
  box-sizing: border-box;
}

/* 2026-10-29: Standardize article body copy to 1.7; preserve hero, source notes, and experience prompts. */
body .section-content p,
body #other-people-s-experiences .section-content .lumieny-case p,
body #what-happened-next .section-content .lumieny-case p,
body .stat-copy > p,
body .opinion-body p,
body .section-content li { line-height: 1.7 !important; }
/* Source notes retain their original typography. */
body .lumieny-source-note, body .lumieny-source-note p,
body .experience-source, body .experience-source p,
body .source-note { line-height: 1.6 !important; }

/* 2026-10-29: compact both experience forms; preserve prompts and button. */
#share-your-experience .experience-board,
#other-people-s-experiences .experience-board-secondary { padding-bottom: 24px; }
#share-your-experience .experience-compose,
#other-people-s-experiences .experience-board-secondary .experience-compose { margin-bottom: 0 !important; }
#share-your-experience .experience-compose textarea,
#other-people-s-experiences .experience-board-secondary .experience-compose textarea {
  height: 100px !important;
  min-height: 100px !important;
  box-sizing: border-box;
}

/* Match the two Share Your Experience forms */

/* Experience questions: rounded outline and italic type */
.experience-inline-section .experience-question-card{border:1px solid #302c34;border-radius:38px;padding:20px 24px;margin-bottom:20px;}

.experience-inline-section .experience-question-card p:nth-child(-n+2){font-style:italic;font-size:16px;line-height:1.55;}

.experience-inline-section .experience-question-card p:last-child{font-style:normal;}

.experience-inline-section .experience-status:empty{display:none;}
.experience-inline-section .experience-question-card{padding:16px;border-radius:26px;}

.experience-inline-section .experience-question-panel{border:1px solid #302c34;border-radius:38px;padding:24px;margin-bottom:22px;}

.experience-inline-section .experience-question-panel .experience-prompts{border:0;padding:0;margin:0 0 18px;}

.experience-inline-section .experience-question-panel .experience-compose{margin:12px 0 0;}

.experience-inline-section #experience-list:empty{display:none;}
.experience-inline-section .experience-question-panel{padding:17px;border-radius:26px;}


/* V6: always-open experience form; remove inner black outline */
.experience-inline-section .experience-question-panel{border:none;border-radius:0;padding:0;margin:0 0 16px;}

.experience-inline-section .experience-compose{display:block;margin:16px 0 0;}

.experience-inline-section .experience-compose input{box-sizing:border-box;}

.experience-inline-section .experience-compose textarea{display:block;width:100%;box-sizing:border-box;}

.experience-inline-section #experience-list:empty{display:none;}


/* 2026-10-29: compact both Share Your Experience forms */
.experience-inline-section .experience-prompts,
#other-people-s-experiences .experience-board-secondary .experience-prompts {
  margin-bottom: 18px;
}

.experience-inline-section .experience-compose,
#other-people-s-experiences .experience-board-secondary .experience-compose {
  margin-top: 0;
}

.experience-inline-section .experience-compose textarea,
#other-people-s-experiences .experience-board-secondary .experience-compose textarea {
  height: 100px;
  min-height: 100px;
  box-sizing: border-box;
}


/* 2026-10-29: compact both experience forms; preserve prompts and button. */
.experience-inline-section .experience-board,
#other-people-s-experiences .experience-board-secondary { padding-bottom: 24px; }

.experience-inline-section .experience-compose,
#other-people-s-experiences .experience-board-secondary .experience-compose { margin-bottom: 0 !important; }

.experience-inline-section .experience-compose textarea,
#other-people-s-experiences .experience-board-secondary .experience-compose textarea {
  height: 100px !important;
  min-height: 100px !important;
  box-sizing: border-box;
}
#other-people-s-experiences .experience-inline-section {margin-top:38px;}
#other-people-s-experiences .experience-inline-section h2 {font-family:Georgia,serif;}
#other-people-s-experiences .experience-inline-section .experience-board {border:1px solid var(--line);border-radius:14px;background:#fff;}

/* Unified prompt paragraph rhythm for both Share Your Experience forms. */
.experience-prompts p,
#share-your-experience .experience-prompts p,
.experience-inline-section .experience-prompts p,
#other-people-s-experiences .experience-prompts p {
  margin: 0;
  line-height: 1.6;
  font-style: italic;
}

/* Only remove the divider immediately above the second Share Your Experience form. */
#what-happened-next.content-section { border-bottom: none; }

/* Match the second Share form top spacing to the first inline form. */
#share-your-experience.content-section { padding-top: 0; }

/* Share Your Experience: both headings 25px */
#share-your-experience h2,
#share-your-experience-after-experiences h2 {
  font-size: 25px;
}