/* 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{font-size:11.5px!important;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 .opinion-list{display:flex;}#visitorOpinions{display:contents;}#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[hidden]{display:none!important;}#visitorOpinions{display:contents;}#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 {font-size:11.5px!important;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;}


/* Shared home-list visual style for Explore Related Stories */
.related-story-list{background:#fff;border:1px solid #eee4e6;border-radius:15px;overflow:hidden;}
.related-story{display:block;padding:14px 28px 15px;text-decoration:none;color:#302b33;border-bottom:1px solid #eee4e6;transition:background .2s;}
.related-story:last-child{border-bottom:0;}
.related-story:hover,.related-story:focus-visible{background:#fdf6f8;}
.related-story-title{display:block;font:700 19px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.3px;}
.related-story-quote{display:block;font:italic 16px/1.55 Georgia,serif;color:#806773;margin-top:5px;}
@media(max-width:740px){.related-story{padding:13px 20px}.related-story-title{font-size:17px}.related-story-quote{font-size:15px}}

/* Opinion cards: prevent nested paragraphs and force full-width text. */ .opinion-list .opinion{display:flex;align-items:flex-start;gap:15px;}.opinion-list .opinion-index{flex:0 0 38px;}.opinion-list .opinion-body{flex:1 1 0;min-width:0;}.opinion-list .opinion-body p{margin:0;max-width:none;width:auto;line-height:1.8;}.related-story-list{background:#fff;border:1px solid #eee4e6;border-radius:15px;overflow:hidden;}.related-story{display:block;padding:14px 28px 15px;text-decoration:none!important;color:#302b33!important;border-bottom:1px solid #eee4e6;}.related-story:last-child{border-bottom:0;}.related-story[hidden]{display:none!important;}.related-story:hover{background:#fdf6f8;}.related-story-title{display:block;font:700 19px/1.35 Arial,sans-serif;}.related-story-quote{font:italic 16px/1.55 Georgia,serif;color:#806773;margin-top:5px;}.site-link{color:var(--accent);text-decoration:none;}.related-story-quote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.stat-explanation p{margin:10px 0;}.stat-donuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;}.home-wrap{max-width:1000px;margin:auto;padding:0 28px;}.home-hero{padding:55px 0 52px;background:linear-gradient(110deg,#f9edf0,#fdfbfa 75%);border-bottom:1px solid var(--line);}.home-hero h1{font:normal clamp(34px,5vw,52px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 18px;}.home-hero h1 span{display:block;}.home-main{padding:45px 28px 75px;max-width:1000px;margin:auto;}.home-main h2{font:normal 31px Georgia,serif;}.home-stories{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;}.home-stories .related-story{padding:14px 28px 15px;}.view-all{display:block;text-align:right;color:var(--accent);text-decoration:none;font-size:13px;font-weight:bold;margin:12px 3px 0;}.insights{border-top:1px solid var(--line);margin-top:45px;padding-top:35px;}.insightgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.insight-tile{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;min-width:0;}.insight-tile h3{font:normal 20px Georgia,serif;margin:0 0 16px;}.insight-tile .stat-donut{width:74px;height:74px;}.insight-tile .stat-donut:before{inset:10px;}.insight-tile .stat-donut-value{font-size:16px;}.insight-tile .stat-donut-item strong{font-size:11px;}.insight-tile .vote-option{font-size:12px;padding:8px;}.insight-tile .vote-options{gap:7px;margin:10px 0;}.insight-tile button{font-size:12px;padding:9px 12px;}.insight-tile .stat-donuts{grid-template-columns:repeat(2,minmax(0,1fr));}.insight-tile .stat-donut-card{padding:0;border:0;}.insight-tile .stat-explanation{font-size:12px;}.insight-tile .stat-explanation p{font-size:12px;}.insight-tile.reflect{background:linear-gradient(135deg,#f8e9ee,#f5e2e8);}.insight-tile.reflect p{font-size:14px;}.category-list{display:grid;gap:14px;}.category-list .related-story-list{margin:0;}.home-search{border:1px solid var(--line);border-radius:30px;padding:9px 15px;max-width:100%;font:inherit;}.notice{font-size:12px;color:var(--muted);}@media(max-width:740px){.home-hero{padding:38px 0 36px}.home-wrap{padding:0 19px}.home-main{padding:32px 19px 60px}.insightgrid{grid-template-columns:1fr}.related-story{padding:13px 20px}.related-story-title{font-size:17px}.related-story-quote{font-size:15px}}
.category-pagination{display:flex;justify-content:center;gap:12px;margin-top:20px;}.category-pagination a{color:var(--accent);text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:6px;}.category-pagination a[aria-current=page]{font-weight:700;background:#f7edf0;}.category-load-more{margin-top:20px;}
/* Homepage insight fixes */ .insight-tile .stat-donut{background:conic-gradient(#a77989 0 calc(var(--percent)*1%),#efe4e8 calc(var(--percent)*1%) 100%);flex-shrink:0;}.insight-tile.reflect{display:flex;flex-direction:column;}.insight-tile.reflect .reflection-lead{font-weight:700;line-height:1.75;margin:4px 0 0;}.insight-tile.reflect .reflection-rest{line-height:1.8;margin:19px 0 24px;}.insight-tile.reflect>a.site-link{display:inline-block;margin-top:auto;padding-top:18px;}

/* Explicit homepage donut geometry: do not depend on template selector inheritance. */
.insight-tile .stat-donuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 15px;}
.insight-tile .stat-donut-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;}
.insight-tile .stat-donut{box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;width:88px;height:88px;min-width:88px;min-height:88px;max-width:88px;max-height:88px;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;}
.insight-tile .stat-donut::before{content:"";display:block;position:absolute;inset:12px;border-radius:50%;background:#fff;z-index:0;}
.insight-tile .stat-donut-value{position:relative;z-index:1;display:block;font:600 17px/1 Arial,sans-serif;color:#302c34;}
.insight-tile .stat-donut-item strong{display:block;text-align:center;font-size:12px;}
.insight-tile .stat-unit{width:100%;}
.insight-tile .stat-donut-card{background:transparent;box-shadow:none;}
.insight-tile .stat-explanation{line-height:1.65;}
@media(max-width:380px){.insight-tile .stat-donut{width:78px;height:78px;min-width:78px;min-height:78px}}

/* Story listing description: retain source text, constrain width and display to one line. */
.home-stories .related-story-quote, .category-list .related-story-quote, .related-story-list .related-story-quote{max-width:650px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;}
/* Insights homepage excerpts: one source-derived sentence per statistic and a short reflection excerpt. */
.insightgrid .insight-tile { box-sizing:border-box; min-height:420px; height:auto; display:flex; flex-direction:column; overflow:visible; }
.insightgrid .insight-tile .insight-preview { flex:1 1 auto; min-height:0; overflow:visible; }
.insightgrid .insight-tile .stat-copy p { display:block; overflow:visible; max-height:none; margin:10px 0 0; line-height:1.65; }
.insightgrid .insight-tile.reflect .reflection-rest { display:block; overflow:visible; max-height:none; margin:14px 0 0; line-height:1.8; }
.insightgrid .insight-tile > .insight-link { display:block; flex:0 0 auto; align-self:flex-start; margin-top:16px; padding-top:7px; text-decoration:none; }
@media(max-width:740px){.insightgrid .insight-tile{min-height:0;}}

.home-hero .home-copy{color:var(--muted);font-family:inherit;font-size:16px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:inherit;}.home-eyebrow{margin:0 0 10px;}.home-hero{padding-bottom:27px;}
@media(max-width:740px){.home-eyebrow{margin-bottom:8px}.home-hero{padding-bottom:16px}}

/* Lumieny Insights compact preview v2 */
/* Slightly tighter text and approximately two fewer lines of card height. */
.insightgrid .insight-tile { min-height:0; height:560px; }
.insightgrid .insight-tile .stat-copy p { line-height:1.45; margin-top:9px; }
.insightgrid .insight-tile .insight-link { margin-top:auto; }
@media(max-width:740px){ .insightgrid .insight-tile { height:auto; min-height:0; } }

/* Insights compact v3: 60px shorter cards; max four lines with end ellipsis. */
@media (min-width:741px) {
  .insightgrid .insight-tile { height:500px; min-height:0; }
}
.insightgrid .insight-tile .stat-copy p {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  line-clamp:4;
  overflow:hidden;
  max-height:calc(4 * 1.45em);
  line-height:1.45;
}

/* Standalone fifth line for the Insights preview ellipsis. */
.insightgrid .insight-tile .stat-copy p { display:block; -webkit-line-clamp:unset; line-clamp:unset; max-height:none; overflow:visible; }
.insightgrid .insight-tile .stat-copy-ellipsis { font:inherit; line-height:1.45; margin-top:0; }

/* Expanded homepage preview: two more statistical lines and five more reflection lines. */
.insightgrid .insight-tile.reflect .reflection-rest { line-height:1.55; margin-top:14px; }
.insightgrid .insight-tile .reflection-preview-ellipsis { line-height:1.55; margin-top:0; }
@media (min-width:741px) { .insightgrid .insight-tile { height:500px; } }

/* Expert Perspectives: matching Reflection styling and contained card preview.
   Keep other insight cards (including the statistics copy) unchanged. */
.insightgrid .expert-perspectives-tile .reflection-lead { font-weight:700; line-height:1.75; margin:4px 0 0; }
.insightgrid .expert-perspectives-tile .reflection-rest {
  font-weight:400; line-height:1.55; margin:19px 0 0;
  display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:10; line-clamp:10; overflow:hidden;
}
.insightgrid .expert-perspectives-tile .insight-preview { min-height:0; overflow:hidden; }
@media (max-width:740px) {
  .insightgrid .expert-perspectives-tile .reflection-rest { -webkit-line-clamp:12; line-clamp:12; }
}

/* Expert preview: whole-word excerpt; ellipsis always on its own line. */
.insightgrid .expert-perspectives-tile .reflection-lead { line-height:1.55; }
.insightgrid .expert-perspectives-tile .reflection-rest {
  display:block; -webkit-line-clamp:unset; line-clamp:unset;
  max-height:none; overflow:visible; line-height:1.55; margin-top:14px;
}
.insightgrid .expert-perspectives-tile .expert-preview-ellipsis {
  display:block; line-height:1.55; margin-top:0; font-size:14px; font-weight:400;
}
.insightgrid .expert-perspectives-tile .expert-preview-ellipsis[hidden]{display:none;}
