/* 18461 — PLUS-owned rendition of ORIGINAL's cover-first introduction, in-card
   chapter slide, and adjacent spoiler-gated comments. No original global CSS is imported. */
.plus-intro-layer[hidden],.plus-intro-dialog [hidden]{display:none!important}
html.plus-intro-open,body.plus-intro-open{overscroll-behavior:none!important}
/* PLUS login/settings are appended beside the intro in <body>; keep their
   existing account UI above the intro so unauthenticated reactions can sign in. */
html.plus-intro-open .plus-auth-dialog:not([hidden]),html.plus-intro-open .plus-settings-dialog:not([hidden]){z-index:3100}
.plus-intro-layer{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:clamp(10px,2vw,28px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;font-family:inherit}
.plus-intro-backdrop{position:fixed;inset:0;background:rgba(8,9,11,.42);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:backdrop-filter 80ms linear,-webkit-backdrop-filter 80ms linear,background-color 80ms linear}
.plus-intro-layer.is-backdrop-ready .plus-intro-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(8,9,11,.50)}
.plus-intro-dialog{position:relative;z-index:1;width:min(804px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;color:#f5f2ef;background:transparent;border:0;outline:0;isolation:isolate;-webkit-user-select:none;user-select:none;transition:width 340ms cubic-bezier(.22,1,.36,1)}
.plus-intro-book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:600px;position:relative;transition:grid-template-columns 340ms cubic-bezier(.22,1,.36,1)}
.plus-intro-close{position:absolute;top:12px;right:14px;z-index:5;border:0;background:transparent;color:#b0b0b0;font-size:29px;font-weight:300;cursor:pointer;line-height:1;padding:4px 8px;opacity:0;pointer-events:none;transition:opacity .14s ease .28s}
.plus-intro-close:hover{color:#fff}
.plus-intro-cover{position:relative;z-index:3;min-height:600px;background:#111315;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.plus-intro-cover::selection,.plus-intro-cover *::selection{color:inherit;background:transparent}
.plus-intro-cover>img{width:100%;height:100%;max-height:600px;display:block;object-fit:cover;background:#111315;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:none;outline:0;border:0}
.plus-intro-cover-placeholder{width:100%;height:100%;min-height:600px;display:grid;place-content:center;gap:6px;text-align:center;font-size:30px;font-weight:850;color:#efebe5;letter-spacing:.12em;background:linear-gradient(145deg,#181a1d,#101113);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.plus-intro-cover-placeholder b{font-size:13px;letter-spacing:.42em;color:#eb9fb9}
/* An unopened real cover must not flash the branded missing-cover artwork.
   The fallback branding is shown only when the work has no usable cover. */
.plus-intro-layer.is-cover-loading .plus-intro-cover-placeholder{color:transparent}
.plus-intro-layer.is-cover-loading .plus-intro-cover-placeholder b{visibility:hidden}
.plus-intro-information{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;min-height:600px;padding:49px 43px 37px;box-sizing:border-box;background:linear-gradient(150deg,rgba(31,32,32,.995),rgba(15,17,17,.995));border:1px solid rgba(217,174,99,.18);border-left:0;box-shadow:0 24px 70px rgba(0,0,0,.42);overflow:hidden;transform:translate3d(-100%,0,0);transition:transform .43s cubic-bezier(.18,.82,.20,1);will-change:transform}
.plus-intro-kicker{font-size:11px;letter-spacing:.25em;color:#dda64d;font-weight:900}
.plus-intro-information h2{margin:20px 0 11px;font-size:clamp(28px,2.4vw,36px);letter-spacing:-.05em;line-height:1.28;color:#fff;word-break:keep-all;overflow-wrap:anywhere}
.plus-intro-author{width:fit-content;max-width:100%;font-size:14px;color:#a8a8a8;text-decoration:none;overflow-wrap:anywhere}
.plus-intro-author[href]:hover{color:#e9b568}
.plus-intro-summary{margin:26px 0 12px;max-height:155px;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;color:#dededb;font-size:15px;line-height:1.8;font-weight:570}
.plus-intro-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0;color:#c7a66d;font-size:12px}
.plus-intro-spacer{flex:1;min-height:20px}
.plus-intro-meta{border-top:1px solid #383938;padding-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.plus-intro-meta>button,.plus-intro-meta>.plus-intro-time{border:1px solid #383938;border-radius:11px;min-height:70px;padding:8px 2px;background:#1d1f1e;color:#dadad7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.plus-intro-meta svg,.plus-intro-cta svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plus-intro-meta>button span,.plus-intro-meta>.plus-intro-time span{font-size:10px;line-height:1.2;white-space:nowrap}
.plus-intro-meta>button:hover:not(:disabled),.plus-intro-meta>button[aria-pressed="true"],.plus-intro-meta>button[aria-expanded="true"]{border-color:#c7a06b;color:#ecb86e;background:rgba(211,160,82,.08)}
.plus-intro-meta>button:disabled{cursor:default;opacity:.5}
.plus-intro-cta{display:flex;gap:10px;margin-top:12px;min-height:62px}
.plus-intro-cta>a,.plus-intro-cta>button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:58px;border-radius:11px;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}
.plus-intro-cta .plus-intro-read{flex:1;background:#daa650;color:#221a11;border:0}
.plus-intro-cta .plus-intro-read:hover{background:#f0bd68}
.plus-intro-play{width:24px;height:24px;display:inline-grid;place-items:center;font-size:10px;border-radius:50%;background:rgba(34,26,17,.15)}
.plus-intro-cta .plus-intro-read.is-disabled{pointer-events:none;opacity:.5}
.plus-intro-cta>button{flex:0 0 67px;flex-direction:column;gap:3px;background:#242523;color:#e6d2a8;border:1px solid #766044}
.plus-intro-cta>button span{font-size:10px;color:#efebde;white-space:nowrap}
.plus-intro-start-over{align-self:center;margin-top:9px;text-decoration:underline;text-underline-offset:3px;color:#d8b67c;font-size:11px}
.plus-intro-status{margin:8px 0 0;color:#cfcca9;font-size:11px}.plus-intro-status.is-error{color:#f9b4bc}
/* The TOC replaces the info *inside* its card; it does not expand below the cover. */
.plus-intro-toc-panel{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;padding:42px 27px 24px;background:linear-gradient(150deg,#202122,#111313);border:1px solid rgba(217,174,99,.18);opacity:0;transform:translate3d(-48px,0,0);pointer-events:none;transition:opacity 180ms ease,transform 280ms cubic-bezier(.22,1,.36,1)}
.plus-intro-layer.is-toc-open .plus-intro-toc-panel{opacity:1;transform:translate3d(0,0,0);pointer-events:auto}
.plus-intro-toc-panel h3{margin:0 0 20px;font-size:22px;color:#f6f3ed}
.plus-intro-toc-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 21px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#a98c58}
.plus-intro-toc-topline button{border:0;background:transparent;color:rgba(239,235,226,.76);font-size:12px;font-weight:750;cursor:pointer;padding:0}
.plus-intro-toc-panel h3 button,.plus-intro-comment-heading button,.plus-intro-comment-actions button,.plus-intro-comments button[data-intro-reply-cancel]{border:0;background:transparent;color:#d4b67b;cursor:pointer;font-size:12px}
.plus-intro-toc-panel [data-intro-chapters]{display:grid;gap:8px;min-height:0;overflow-y:auto;padding:0 3px 5px 0;scrollbar-width:thin}
.plus-intro-toc-panel [data-intro-chapters]>a{padding:12px 10px;text-align:left;background:rgba(255,255,255,.025);border:1px solid #41413e;border-radius:9px;color:#ece9e3;cursor:pointer;text-decoration:none;display:block;font-size:12px;line-height:1.5}
.plus-intro-toc-panel [data-intro-chapters]>a:hover{border-color:#b39158;background:rgba(211,160,82,.10)}
/* 18491: comments replace the introduction content in the SAME right card. */
.plus-intro-overview{display:flex;flex-direction:column;flex:1;min-height:0;transition:opacity 170ms ease,transform 300ms cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.plus-intro-comments{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;
 box-sizing:border-box;min-height:0;padding:47px 28px 27px;background:linear-gradient(150deg,#202122,#111313);
 border:1px solid rgba(217,174,99,.18);opacity:0;pointer-events:none;transform:translate3d(calc(-100% - 28px),0,0);
 transition:opacity 190ms ease,transform 320ms cubic-bezier(.22,1,.36,1)}
/* The cover stays mounted and visible in its original grid column.
   Only the right-side information content swaps to the discussion view. */
.plus-intro-layer.is-comments-open .plus-intro-overview{opacity:0;transform:translate3d(34px,0,0);pointer-events:none}
.plus-intro-layer.is-comments-visible .plus-intro-comments{opacity:1;transform:translate3d(0,0,0);pointer-events:auto}
.plus-intro-comment-footer{display:flex;align-items:center;gap:9px;flex:none;min-height:59px;margin-top:12px}
.plus-intro-comment-footer .plus-intro-comment-read{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
 min-height:54px;border:0;border-radius:10px;background:#daa650;color:#211b12;text-decoration:none;font-size:14px;font-weight:800}
.plus-intro-comment-footer .plus-intro-comment-read.is-disabled{pointer-events:none;opacity:.5}
.plus-intro-comment-footer>button{flex:0 0 107px;min-height:54px;border:1px solid #786244;border-radius:10px;
 background:#242523;color:#efebde;font-size:13px;font-weight:750;cursor:pointer}
.plus-intro-comment-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;font-size:16px;gap:8px}
.plus-intro-comment-heading small{font-size:10px;font-weight:400;color:#b7ac9a;margin-left:6px}
.plus-intro-episode-row{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;margin:10px 0 15px}
.plus-intro-episode-row select{max-width:63%;min-width:0;background:#252626;border:1px solid #4e4e4e;border-radius:7px;padding:7px;color:#eee}
.plus-intro-comments textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #525250;background:#202120;color:#fff;border-radius:8px;resize:vertical;min-height:54px;font-size:13px;-webkit-user-select:text;user-select:text}
.plus-intro-comments input,.plus-intro-comments select{ -webkit-user-select:text;user-select:text }
.plus-intro-comments [data-intro-comment-form]>div{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:6px 0}
.plus-intro-comments [data-intro-comment-send]{padding:8px 12px;background:#d6a862;color:#241b11;border:0;border-radius:6px;font-size:12px;cursor:pointer}
.plus-intro-comments [data-intro-comment-send]:disabled{opacity:.5}
.plus-intro-comment-message{font-size:12px;color:#a8a8a6;margin:9px 0}
.plus-intro-comment-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.plus-intro-comment{border-top:1px solid #41413e;padding:11px 0 9px}
.plus-intro-comment.is-reply{margin:9px 0 0 14px;padding-left:12px;border-left:2px solid #6f5950}
.plus-intro-comment-author{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.plus-intro-comment-author time{font-size:10px;color:#a6a6a4}
.plus-intro-comment p{margin:6px 0 5px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.plus-intro-layer.is-revealed .plus-intro-information{transform:translate3d(0,0,0)}
.plus-intro-layer.is-revealed .plus-intro-close{opacity:1;pointer-events:auto}

@media(max-width:800px){
 .plus-intro-layer{place-items:start center;padding:8px}
 .plus-intro-dialog{width:min(570px,100%);max-height:calc(100dvh - 16px);transition:none}
 .plus-intro-book{grid-template-columns:1fr;min-height:0;transition:none}
 .plus-intro-cover{min-height:0;max-height:35dvh;box-shadow:none}
 .plus-intro-cover>img{width:100%;height:35dvh;max-height:35dvh}
 .plus-intro-cover-placeholder{min-height:30dvh}
 .plus-intro-information{min-height:0;padding:20px 19px 23px;transform:none;transition:none;border-left:1px solid rgba(217,174,99,.18)}
 .plus-intro-information h2{margin:12px 0 5px;font-size:23px}
 .plus-intro-summary{max-height:100px;margin-top:13px}
 .plus-intro-spacer{min-height:12px}
 .plus-intro-meta>button,.plus-intro-meta>.plus-intro-time{min-height:52px}
 .plus-intro-comments{padding:22px 18px 18px}
 .plus-intro-toc-panel{padding:22px 18px;transform:translate3d(0,-20px,0)}
 .plus-intro-close{background:#242422b8;border-radius:100%;opacity:1;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.plus-intro-layer *{scroll-behavior:auto!important;transition:none!important}.plus-intro-information,.plus-intro-toc-panel,.plus-intro-comments{transform:none!important}.plus-intro-close{opacity:1!important;pointer-events:auto!important}}
.plus-book-card [data-card-title]>a{color:inherit;text-decoration:none}.plus-book-card [data-card-title]>a:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:800px){
 .plus-intro-layer.is-comments-open .plus-intro-information{min-height:min(57dvh,510px)}
 .plus-intro-comment-footer>button{flex-basis:95px}
}