/* Q&A presentation is scoped to .is-note; the wishlist footer applies to each news article. */
.news-detail>.news-article-footer{flex-shrink:0;display:flex;justify-content:center;margin:24px 0 0;padding:22px 0 4px;border-top:1px solid #ffd36e40}
.news-detail>.news-article-footer .news-article-wishlist{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:44px;text-align:center;text-decoration:none}
.news-detail>.news-article-footer .news-article-wishlist::after{content:"♡";font-size:18px;line-height:1}
.news-detail>.news-article-footer .news-article-wishlist:focus-visible{outline:2px solid #ffd36e;outline-offset:4px}
.news-detail.is-note>.news-article-footer{margin:0 36px 12px}
@media(max-width:767px){.news-detail.is-note>.news-article-footer{margin:0 21px 12px}}
@font-face{font-family:'Oriontis Noto Serif SC';src:url('/oriontis/assets/qa/fonts/NotoSerifSC-Oriontis-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Oriontis Noto Serif SC';src:url('/oriontis/assets/qa/fonts/NotoSerifSC-Oriontis-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
.news-detail.is-note{display:block;padding:0 0 80px;background:#2f1a42}
.news-detail.is-note>.news-detail-media[hidden],.news-detail.is-note>.news-detail-meta[hidden],.news-detail.is-note>.news-detail-title[hidden],.news-detail.is-note>.news-detail-lead[hidden],.news-detail.is-note>.news-quote[hidden]{display:none}
.news-detail.is-note .note-hero{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;min-height:246px;background:#2f1a42}
.news-detail.is-note .note-hero-art{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#2f1a42 0%,#2f1a42f5 29%,#2f1a42cc 43%,#2f1a4220 70%,transparent),url('/oriontis/assets/qa/isla.webp');background-size:100% calc(100% + 2px),cover;background-repeat:no-repeat;background-position:center,center 47%}
.news-detail.is-note .note-heading{padding:22px 34px 28px}
.news-detail.is-note .note-series{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#c5abf3;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.news-detail.is-note .note-series>span{font-size:26px;line-height:1;color:#ffd36e}
.news-detail.is-note .note-heading h3{margin:0;font-family:'Cormorant SC',serif;font-size:clamp(48px,4.85vw,87px);font-weight:600;line-height:.92;letter-spacing:-.025em;color:#fff3e6}
.news-detail.is-note .note-heading h3>span{display:block}
.news-detail.is-note .note-heading h3>.note-title-gold{margin-top:10px;color:#ffd36e;font-size:.82em}
.news-detail.is-note>.news-detail-body{display:block;margin:0;padding:20px 36px 48px}
.news-detail.is-note>.news-detail-body p{margin:0 0 14px;color:#e1d8e9;font-size:16px;line-height:1.7}
.news-detail.is-note>.news-detail-body>.note-part{margin-bottom:17px;color:#ffd36e;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.news-detail.is-note>.news-detail-body>.note-intro{margin-bottom:28px;color:#f5eaf8;line-height:1.65}
.news-detail.is-note .note-question{margin:27px 0 10px;color:#fff3e6;font-family:'Cormorant SC',serif;font-weight:600;font-size:29px;letter-spacing:.01em;line-height:1.2}
.news-detail.is-note:lang(zh) .note-heading h3,.news-detail.is-note:lang(zh) .note-question,.news-detail.is-note:lang(zh) .note-part{font-family:'Oriontis Noto Serif SC',serif;letter-spacing:0;line-height:1.15}
.news-detail.is-note:lang(zh)>.news-detail-body p{font-family:Inter,'Oriontis Noto Serif SC',serif}
.news-detail.is-note:lang(zh) .note-series{font-family:Inter,'Oriontis Noto Serif SC',serif}
.news-detail.is-note:lang(zh)>.news-detail-body>.note-part{font-size:13px}
.news-detail.is-note .note-clip{position:relative;isolation:isolate;aspect-ratio:16/9;width:100%;max-width:640px;margin:22px auto 30px;overflow:hidden;border:1px solid #c5abf340;border-radius:3px;background:#24132f}
.news-detail.is-note .note-clip video{display:block;width:100%;height:100%;object-fit:contain}
.news-detail.is-note .note-clip-toggle{position:absolute;right:10px;bottom:10px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #c5abf3aa;border-radius:50%;background:#24132fe8;color:#fff3e6;font:600 15px Inter,sans-serif;cursor:pointer}
.news-detail.is-note .note-clip-toggle:hover{background:#4c2e68}
.news-detail.is-note .note-clip-toggle:focus-visible{outline:2px solid #ffd36e;outline-offset:3px}
@media(max-width:1200px) and (min-width:768px){
 .news-detail.is-note .note-hero{min-height:220px}
 .news-detail.is-note .note-heading{padding:20px 26px 30px}
 .news-detail.is-note .note-series{font-size:11px;letter-spacing:.06em}
 .news-detail.is-note>.news-detail-body{padding:20px 26px 40px}
}
@media(max-width:767px){
 .news-articles .news-detail.is-note{padding:0 0 80px}
 .news-detail.is-note .note-hero{min-height:202px}
 .news-detail.is-note .note-heading{padding:19px 20px 26px}
 .news-detail.is-note .note-series{font-size:10px;letter-spacing:.075em;gap:7px;margin-bottom:20px}
 .news-detail.is-note .note-series>span{font-size:20px}
 .news-detail.is-note .note-heading h3{font-size:clamp(28px,13cqw,65px);line-height:.96}
 .news-detail.is-note .note-heading h3>span{white-space:nowrap}
 .news-detail.is-note .note-heading h3>.note-title-gold{margin-top:9px}
 .news-detail.is-note .note-hero-art{background-image:linear-gradient(90deg,#2f1a42ef,#2f1a42c9 46%,#2f1a4255 100%),url('/oriontis/assets/qa/isla.webp');background-position:center,center 47%}
 .news-detail.is-note>.news-detail-body{padding:20px 21px 35px}
 .news-detail.is-note>.news-detail-body p{font-size:15px;line-height:1.7}
 .news-detail.is-note>.news-detail-body>.note-part{font-size:10px}
 .news-detail.is-note:lang(zh)>.news-detail-body>.note-part{font-size:12px}
 .news-detail.is-note .note-question{font-size:25px;margin-top:26px}
}
