/* Just Xplored content pages V27 */
.note-paper{position:relative}
.note-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:20px;margin:0 0 22px;border:1px solid rgba(255,255,255,.12);background:#101620}
.note-paper .actions{margin-top:22px}
.content-empty{padding:34px;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:rgba(247,244,236,.74);line-height:1.65;text-align:center}
.content-load-error{border-color:rgba(255,110,110,.35);background:rgba(120,20,20,.15)}
.article-page .notes-hero{min-height:46vh;padding-bottom:42px}
.article-shell{padding:34px 22px 110px}
.article-wrap{width:min(920px,100%);margin:0 auto}
.article-card{border-radius:32px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden;backdrop-filter:blur(18px)}
.article-cover{display:none;width:100%;max-height:520px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.12);background:#101620}
.article-card-inner{padding:clamp(26px,5vw,58px)}
.article-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;color:#cfeeff;font-weight:900}
.article-meta{color:#d4b16f;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:950;margin-bottom:16px}
.article-title{font-size:clamp(2.6rem,7vw,5.8rem);line-height:.91;letter-spacing:-.065em;text-transform:none;max-width:none;text-shadow:none;margin:0}
.article-summary{margin:22px 0 34px;color:rgba(247,244,236,.72);font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.65}
.article-body{color:rgba(247,244,236,.9);font-size:1.08rem;line-height:1.82}
.article-body>*+*{margin-top:1.25em}
.article-body h2,.article-body h3,.article-body h4{line-height:1.05;letter-spacing:-.035em;color:#fff;margin-top:1.6em}
.article-body h2{font-size:clamp(1.9rem,4vw,2.8rem)}
.article-body h3{font-size:clamp(1.45rem,3vw,2rem)}
.article-body ul,.article-body ol{padding-left:1.5em}
.article-body li+li{margin-top:.45em}
.article-body blockquote{padding:18px 22px;border-left:4px solid #39a8e8;background:rgba(1,119,187,.13);border-radius:0 18px 18px 0;color:#e7f6ff}
.article-body a{color:#77cfff;text-decoration:underline;text-underline-offset:3px}
.article-body hr{border:0;border-top:1px solid rgba(255,255,255,.16);margin:2em 0}
.article-body img{display:block;max-width:100%;height:auto;border-radius:20px;border:1px solid rgba(255,255,255,.12);margin:1.7em auto}
.article-body figure{margin:1.7em 0}
.article-body figcaption{margin-top:.6em;color:rgba(247,244,236,.58);font-size:.9rem;text-align:center}
.article-message{padding:42px;text-align:center;color:rgba(247,244,236,.72);line-height:1.65}
@media(max-width:620px){.article-shell{padding:20px 14px 90px}.article-card{border-radius:24px}.article-card-inner{padding:25px 20px}.article-title{font-size:clamp(2.35rem,13vw,4.1rem)}}