.em-page{max-width:1200px;margin:0 auto;color:#30261e}.em-page h1,.em-page h2,.em-page h3{font-family:'Noto Serif',serif;font-weight:500}.em-page p{line-height:1.65}.em-page a{color:inherit}.em-hero{min-height:305px;background:linear-gradient(90deg,#24190f 0%,#24190f 43%,transparent 69%),url('/assets/emotions-reference.webp') 0 10.9%/127.5% 328%;color:#fff;display:flex;align-items:center;padding:30px 60px}.em-hero h1{font-size:39px;line-height:1.2;margin:8px 0 12px}.em-hero>div>span{font-size:11px}.em-hero p{font-size:13px;margin:0 0 15px}.em-hero .button{border:1px solid #f5e2c5}.em-principles{display:grid;grid-template-columns:repeat(3,1fr) 230px;gap:20px;padding:25px 30px;background:#faf5eb}.em-principles>div{display:flex;align-items:center;gap:16px}.em-principles>div>span{font-size:35px;color:#943f20}.em-principles h2{font:600 13px 'Be Vietnam Pro',sans-serif;margin:0 0 6px}.em-principles p{font-size:11px;margin:0}.em-columns{display:grid;grid-template-columns:1fr 260px;gap:30px;padding:20px 30px}.em-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 0 14px}.em-heading h2{font-size:20px;margin:0}.em-heading>a{font-size:10px;white-space:nowrap}.em-heading form{display:flex;align-items:center;gap:5px}.em-heading input{max-width:130px}.em-heading input,.em-heading select,.em-heading button{padding:7px;font-size:10px}.em-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.em-card>a{display:block}.em-art{display:block;width:100%;aspect-ratio:2.85;background-image:url('/assets/emotions-reference.webp');background-repeat:no-repeat;border-radius:5px}.em-art-0{background-size:483.02% 512%;background-position:4.27% 65.78%;aspect-ratio:1.59}.em-art-1{background-size:595.35% 1137.78%;background-position:30.52% 58.03%}.em-art-2{background-size:600% 1137.78%;background-position:52.11% 58.03%}.em-art-3{background-size:595.35% 1190.7%;background-position:30.52% 76.76%}.em-art-4{background-size:600% 1190.7%;background-position:52.11% 76.76%}.em-feature{grid-row:span 2}.em-card h3{font-size:15px;line-height:1.4;margin:5px 0}.em-feature h3{font-size:21px}.em-card p{font-size:11px;line-height:1.5;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.em-feature p{font-size:13px;-webkit-line-clamp:4}.em-card>div>small{display:inline-block;font-size:9px;background:#eee1ca;border-radius:3px;padding:2px 5px;margin-top:5px;color:#7d361d}.em-card footer{display:flex;align-items:center;gap:6px;font-size:9px;background:none;border:0;padding:0;color:#6d6259}.em-avatar{display:inline-grid;place-items:center;border-radius:50%;width:25px;height:25px;flex-shrink:0;background:#e9dcc4;color:#7e472b;font-size:12px}.em-panel{padding:17px;background:#f7efdf;border:1px solid #e9decc;border-radius:6px;margin-bottom:16px}.em-panel h2{font-size:17px;margin:0 0 13px}.em-panel p,.em-panel li{font-size:11px;line-height:1.7}.em-panel ul{padding-left:17px}.em-panel>a{font-size:11px;color:#914321}.em-topics{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e3d5bf}.em-topics a{font-size:10px;padding:5px 8px;border:1px solid #dfcdb0;border-radius:5px;color:#924323}.em-topics a.active{background:#8f4324;color:#fff}.em-side-card{display:flex;align-items:center;gap:10px;margin:10px 0}.em-side-card .em-art{width:78px;height:57px;flex-shrink:0}.em-side-card strong{font-size:11px;line-height:1.5;display:block}.em-side-card small{font-size:9px;color:#776b60;display:block;margin-top:5px}.em-more{display:block;text-align:center;max-width:220px;margin:20px auto 0}.em-crumb{font-size:10px;padding:18px 0;color:#8b7b67}.ed-page{padding:0 28px}.ed-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.ed-hero{min-height:295px;padding:20px 25px 20px 0;background:linear-gradient(90deg,#f7f2e8 0%,#f7f2e8 40%,transparent 68%),url('/assets/emotion-detail-reference.webp') 60.55% 12%/189% 347%}.ed-hero>div{max-width:50%}.ed-hero>div>span{font-size:10px;color:#8b3f21}.ed-hero h1{font-size:30px;line-height:1.25;margin:8px 0 13px}.ed-hero p{font-size:12px;margin:0 0 14px}.ed-author{display:flex;align-items:center;gap:10px;font-size:11px}.ed-author small{display:block;font-size:9px;color:#7e7060;margin-top:5px}.ed-note{display:flex;gap:14px;background:#f8efdf;border:1px solid #e5ceb1;border-radius:5px;padding:12px 16px;margin:12px 0 16px}.ed-note>span{font-size:35px;color:#904421}.ed-note h2{font-size:16px;margin:0 0 5px;color:#8d3e21}.ed-note p{font-size:11px;margin:0}.ed-prose{font-size:13px;line-height:1.7;display:flow-root}.ed-prose>p:first-of-type:first-letter{float:left;font:58px/1 'Noto Serif',serif;color:#903d1e;margin-right:6px}.ed-photo{float:right;width:38%;margin:0 0 12px 18px}.ed-photo>span{display:block;aspect-ratio:1.8;background:url('/assets/emotion-detail-reference.webp') 45.4% 56%/532% 731%;border-radius:6px}.ed-photo figcaption{font-size:9px;line-height:1.5;color:#7f7366;margin-top:5px}.ed-mentioned{margin:22px 0}.ed-mentioned h2,.ed-responses h2{font-size:17px;color:#8c3e21}.ed-mentioned>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ed-mentioned>div>a{display:block;background:#faf5ec;border:1px solid #e5d7c4;border-radius:5px;padding:12px;font-size:12px}.ed-mentioned p{font-size:10px}.ed-mentioned small{font-size:10px;color:#93411f}.ed-responses{border-top:1px solid #dfd1bb;padding:18px 0 30px}.ed-responses p{font-size:12px;color:#796e60}.ed-submit{background:#8b4325;color:#fff;padding:20px;border-radius:5px;margin-bottom:16px}.ed-submit h2{font-size:18px;margin:0}.ed-submit p,.ed-submit a{font-size:12px}.ed-page .em-side-card{margin:15px 0}.ed-page .em-panel .button{display:block;text-align:center}
@media(max-width:1050px){.em-principles{grid-template-columns:repeat(3,1fr)}.em-principles>div:last-child{display:none}.em-heading{flex-wrap:wrap}.ed-hero h1{font-size:25px}.em-columns{padding:20px}.ed-columns{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:700px){.em-hero{min-height:280px;padding:25px 20px;background:linear-gradient(90deg,#24190fe8,#24190f80),url('/assets/emotions-reference.webp') 68% 10.9%/480% 328%}.em-hero h1{font-size:29px}.em-hero p{font-size:12px}.em-hero p br{display:none}.em-principles{grid-template-columns:1fr;padding:20px;gap:20px}.em-principles h2{font-size:14px}.em-principles p{font-size:12px}.em-columns{display:block;padding:20px 16px}.em-columns>aside{margin-top:25px}.em-grid{display:block}.em-card{margin-bottom:22px}.em-card .em-art{aspect-ratio:2.75}.em-card.em-feature .em-art{aspect-ratio:1.59}.em-card h3,.em-feature h3{font-size:20px}.em-card p,.em-feature p{font-size:13px}.em-card footer{font-size:10px}.em-heading h2{font-size:20px}.em-heading input{max-width:150px}.em-heading form{width:100%}.em-page .em-card>div>small{font-size:10px}.ed-page{padding:0 16px}.em-crumb{font-size:9px;line-height:1.6}.ed-columns{display:block}.ed-hero{padding:190px 0 0;background:linear-gradient(0deg,#f7f2e8 0%,#f7f2e8 54%,transparent 62%),url('/assets/emotion-detail-reference.webp') 61% 11%/350% 350%}.ed-hero>div{max-width:none}.ed-hero h1{font-size:27px}.ed-hero p{font-size:13px}.ed-author{font-size:12px}.ed-author small{font-size:10px}.ed-note p{font-size:12px}.ed-photo{float:none;width:100%;margin:0 0 15px}.ed-prose{font-size:14px}.ed-mentioned>div:last-child{grid-template-columns:1fr}.ed-mentioned>div>a{font-size:14px}.ed-page aside{padding-bottom:20px}}

.em-art{position:relative;overflow:hidden}.em-card .em-art:after{content:"";position:absolute;bottom:0;left:0;right:0;height:23px;background:#f5efe3}.em-card.em-feature .em-art:after{height:22px}
/* Keep only the photograph region; surrounding reference UI must never enter the live banner. */
.ed-hero{background:none;position:relative;isolation:isolate}.ed-hero:before{content:"";position:absolute;right:0;top:0;width:60%;height:100%;background:url('/assets/emotion-detail-reference.webp') 98.046875% 15.5294%/600% 588.5057%;z-index:-2}.ed-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f2e8 0%,#f7f2e8 40%,transparent 68%);z-index:-1}.ed-hero>div{position:relative;z-index:1}.ed-photo>span{background-position:46.747% 53.446%;background-size:527.835% 736.691%}.em-side-card .em-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:#f7efdf}
@media(max-width:700px){.ed-hero{padding-top:205px;background:none}.ed-hero:before{width:100%;height:190px;background-position:98.046875% 15.5294%;background-size:600% 588.5057%}.ed-hero:after{display:none}}