/* BrainON V27: extends the accepted V26 component. No site-wide styles. */
[data-bn-svc-card]:not(#book-layout-service) { position:relative;border-radius:8px;transition:background-color .2s,box-shadow .2s; }
html.bn-svc-ready [data-bn-svc-card] { cursor:pointer; }
[data-bn-svc-card]:not(#book-layout-service):hover { background:rgba(255,255,255,.48); }
[data-bn-svc-card] .bn-svc-title-link { color:inherit;text-decoration:none; }
[data-bn-svc-card] .bn-svc-detail-link { position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:9px;color:#b82838;font:600 13px/1.5 AvenirReg,Arial,sans-serif;text-decoration:none;letter-spacing:.025em; }
[data-bn-svc-card] .bn-svc-detail-link::after { content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:#b82838;transform:scaleX(0);transform-origin:left; }
[data-bn-svc-card].bn-svc-hover-pending .bn-svc-detail-link::after { animation:bn-svc-dwell 2s linear both; }
[data-bn-svc-card] .bn-svc-detail-link:hover { color:#921826; }
[data-bn-svc-card] a:focus-visible { outline:2px solid #b82838;outline-offset:5px;border-radius:2px; }
.bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-bar-title { min-width:0; }
.bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-bar h2 { overflow-wrap:break-word; }
.bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-stage h3 { font-size:26px; }
.bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-copy h3 { font-size:34px; }
.bn-svc-cover .bn-svc-stage img,.bn-svc-mockups .bn-svc-stage img { height:294px; }
.bn-svc-dialog .bn-svc-stage video { display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#11161a;border:1px solid #586066;border-radius:7px;box-shadow:0 20px 40px rgba(0,0,0,.3); }
.bn-svc-video .bn-svc-stage { margin-top:35px; }
.bn-svc-video .bn-svc-stage figcaption { margin-top:24px; }
.bn-svc-dialog .bn-svc-demo-label { color:#a7abae;font-size:9px;line-height:1.5;letter-spacing:.1em;text-align:right; }
.bn-svc-dialog .bn-svc-visual-note { color:#bec3c6;font-size:11px;line-height:1.55;margin:18px 0 0; }
.bn-svc-dialog .bn-svc-reader { margin:23px auto 15px;background:#f6f2e8;width:100%;max-width:348px;border:10px solid #11171c;border-radius:17px;box-shadow:0 18px 35px rgba(0,0,0,.4),0 0 0 1px #535b62;color:#343538;overflow:hidden; }
.bn-svc-dialog .bn-svc-reader-top,.bn-svc-dialog .bn-svc-reader-bottom { display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px/1.5 AvenirReg,Arial,sans-serif;letter-spacing:.1em;color:#77786f;padding:12px 20px;border-bottom:1px solid #dcd7c9; }
.bn-svc-dialog .bn-svc-reader-bottom { border-top:1px solid #dcd7c9;border-bottom:0;padding:10px 20px; }
.bn-svc-dialog .bn-svc-reading { padding:24px 23px 18px;min-height:293px;font:16px/1.65 Georgia,serif; }
.bn-svc-dialog .bn-svc-reader-chapter { display:block;font:9px/1.5 AvenirReg,Arial,sans-serif;letter-spacing:.16em;color:#777064; }
.bn-svc-dialog .bn-svc-reading h3 { margin:8px 0 19px;padding:0;color:#2d3235;font:500 23px/1.2 PlayfairSmBold,Georgia,serif; }
.bn-svc-dialog .bn-svc-reading p { color:inherit;font:inherit;text-align:left;margin:0 0 12px;padding:0; }
.bn-svc-dialog .bn-svc-reading[data-size="large"] { font-size:19px; }
.bn-svc-dialog .bn-svc-reader-tools { display:flex;align-items:center;justify-content:center;gap:18px; }
.bn-svc-dialog .bn-svc-reader-tools > span { color:#ccd0cf;font-size:12px; }
.bn-svc-dialog .bn-svc-reader-tools button { min-width:52px; }
.bn-svc-dialog .bn-svc-route { margin:28px 0 22px; }
.bn-svc-dialog .bn-svc-route-step { display:flex;gap:21px;position:relative;align-items:flex-start;margin-bottom:28px; }
.bn-svc-dialog .bn-svc-route-step:not(:last-child)::after { content:"";position:absolute;top:43px;left:20px;bottom:-25px;width:1px;background:linear-gradient(#6d787d,#343e44); }
.bn-svc-dialog .bn-svc-route-step > span { display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border:1px solid #687177;border-radius:50%;font:11px/1.5 AvenirReg,Arial,sans-serif;color:#e5b1ab;background:#273037; }
.bn-svc-dialog .bn-svc-route-step > div { padding-top:5px;min-width:0; }
.bn-svc-dialog .bn-svc-route-step strong { font:500 22px/1.25 PlayfairSmBold,Georgia,serif;color:#f3eee5; }
.bn-svc-dialog .bn-svc-route-step p { margin:8px 0 0;padding:0;font-size:13px;line-height:1.65;color:#bac2c7; }
.bn-svc-dialog .bn-svc-platforms { display:flex;gap:8px;flex-wrap:wrap;margin-top:8px; }
.bn-svc-dialog .bn-svc-platforms > span { color:#e6ded0;font-size:12px;border:1px solid #5a646c;border-radius:4px;padding:9px 11px; }
.bn-svc-dialog .bn-svc-proof-sheet { background:#f5f0e7;color:#3a3b3c;border:1px solid #e9e0d0;border-radius:3px;margin:30px 0 24px;padding:25px 26px;box-shadow:7px 7px 0 #526068,0 24px 35px rgba(0,0,0,.2); }
.bn-svc-dialog .bn-svc-paper-eyebrow { font:9px/1.5 AvenirReg,Arial,sans-serif;letter-spacing:.12em;color:#7c7161; }
.bn-svc-dialog .bn-svc-before,.bn-svc-dialog .bn-svc-after { padding:0;margin:20px 0;font:20px/1.5 Georgia,serif;color:#3b3b3b; }
.bn-svc-dialog .bn-svc-before del { color:#a5424d;text-decoration-thickness:1.5px; }
.bn-svc-dialog .bn-svc-after ins { color:#2d594c;text-decoration:none;background:#e0e8db;border-bottom:2px solid #648672;padding:1px 3px; }
.bn-svc-dialog .bn-svc-paper-note { font:italic 12px/1.5 Georgia,serif;color:#7b7164; }
.bn-svc-dialog .bn-svc-language-sample { border-top:1px solid #59636a;border-bottom:1px solid #59636a;padding:15px 0;margin:6px 0; }
.bn-svc-dialog .bn-svc-language-sample > div { display:flex;align-items:baseline;gap:19px;padding:8px 0; }
.bn-svc-dialog .bn-svc-language-sample span { flex:0 0 20px;font-size:10px;color:#dca09e;letter-spacing:.09em; }
.bn-svc-dialog .bn-svc-language-sample p { font:16px/1.5 Georgia,serif;color:#ece9e2;margin:0;padding:0; }
.bn-svc-dialog .bn-svc-print-sheet { margin:27px auto 25px;padding:18px;background:#f2eee5;color:#30373a;width:100%;max-width:355px;box-shadow:0 20px 35px rgba(0,0,0,.28); }
.bn-svc-dialog .bn-svc-trim-frame { padding:17px;border:1px dashed #ad8c85;position:relative; }
.bn-svc-dialog .bn-svc-trim-frame::after { content:"";position:absolute;inset:5px;border:1px solid #d8d0c6;pointer-events:none; }
.bn-svc-dialog .bn-svc-trim-frame h3 { color:#30373a;font:500 26px/1.25 PlayfairSmBold,Georgia,serif;margin:16px 0 27px;padding:0; }
.bn-svc-dialog .bn-svc-print-line { display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:12px;padding:11px 0 0;border-top:1px solid #dcd6cb;font-size:11px;line-height:1.45; }
.bn-svc-dialog .bn-svc-print-line strong { font-size:10px;white-space:nowrap;font-weight:500;color:#a04e4b; }
.bn-svc-dialog .bn-svc-included { display:flex;align-items:flex-start;gap:15px;padding-top:8px; }
.bn-svc-dialog .bn-svc-included > span { color:#ddbba6;border:1px solid #747875;font-size:16px;line-height:30px;text-align:center;flex:0 0 32px;height:32px;border-radius:50%; }
.bn-svc-dialog .bn-svc-included strong { color:#f3eee3;font:500 20px/1.3 PlayfairSmBold,Georgia,serif; }
.bn-svc-dialog .bn-svc-included p { margin:7px 0 0;color:#c0c6c7;font-size:12px;line-height:1.6; }
@media(max-width:760px) {
 .bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-bar h2 { font-size:18px!important; }
 .bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-bar-title { gap:9px; }
 .bn-svc-cover .bn-svc-stage img,.bn-svc-mockups .bn-svc-stage img { height:240px; }
 .bn-svc-video .bn-svc-stage { margin-top:20px; }
 .bn-svc-dialog .bn-svc-reader { max-width:285px;margin-top:19px; }
 .bn-svc-dialog .bn-svc-reading { padding:20px;min-height:260px;font-size:15px; }
 .bn-svc-dialog .bn-svc-reading[data-size="large"] { font-size:18px; }
 .bn-svc-dialog .bn-svc-reader-top { padding:10px 17px; }
 .bn-svc-dialog .bn-svc-proof-sheet { margin-top:23px;padding:21px; }
 .bn-svc-dialog .bn-svc-route-step { margin-bottom:24px;gap:16px; }
 .bn-svc-dialog .bn-svc-route { margin-top:25px; }
 .bn-svc-dialog .bn-svc-route-step strong { font-size:21px; }
 .bn-svc-dialog .bn-svc-print-sheet { max-width:310px;padding:14px; }
 .bn-svc-dialog .bn-svc-trim-frame { padding:15px; }
 .bn-svc-dialog .bn-svc-print-line { gap:8px; }
}
@media(max-width:360px) {
 .bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-bar { padding-left:14px;padding-right:12px;gap:8px; }
 .bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-bar h2 { font-size:16px!important; }
 .bn-svc-dialog[data-bn-svc-version="27"] .bn-svc-copy h3 { font-size:30px; }
 .bn-svc-dialog .bn-svc-print-line { flex-wrap:wrap;gap:2px; }
 .bn-svc-dialog .bn-svc-demo-label { font-size:8px;max-width:100px; }
 .bn-svc-dialog .bn-svc-reader { border-width:8px; }
 .bn-svc-dialog .bn-svc-reading { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
 [data-bn-svc-card],[data-bn-svc-card] *,[data-bn-svc-card] *::after { animation:none!important;transition:none!important; }
}
