:root{--bjc2-blue:#166ba8;--bjc2-blue-dark:#0f4f7c;--bjc2-ink:#263347;--bjc2-paper-yellow:#fff0a8;--bjc2-paper-blue:#bfe8ff;--bjc2-paper-green:#ccefc1;--bjc2-paper-pink:#ffd0df;--bjc2-paper-white:#fffdf5}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;overflow-x:hidden;background:transparent;color:var(--bjc2-ink);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.ii-bjc2-page{position:relative;min-height:var(--ii-studio-viewport-height,100vh);overflow:visible}
.ii-bjc2-canvas{position:relative;width:1920px;min-height:1080px;margin:0;overflow:visible;background:transparent}
.ii-bjc2-scene-component{position:absolute;left:0;top:0;display:block;width:auto;height:auto;max-width:none;transform-origin:center center;object-fit:contain;pointer-events:none}
.ii-bjc2-scene-component.is-placeholder{width:var(--ii-bjc2-placeholder-width,1px);height:var(--ii-bjc2-placeholder-height,1px)}
.ii-bjc2-scene-background{position:absolute!important;z-index:0!important;left:0!important;top:0!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;translate:none!important;scale:1!important;rotate:0deg!important;transform:none!important;pointer-events:none!important}.ii-bjc2-scene-background.is-placeholder{background:transparent}.ii-site-global-content-plane.ii-bjc2-has-page-background{background-image:var(--ii-bjc2-page-background)!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;background-color:transparent!important}
.ii-bjc2-scene-header{z-index:4}.ii-bjc2-scene-header.is-placeholder{background:rgba(255,255,255,.78);border:8px solid rgba(28,103,153,.28);border-radius:42px}
.ii-bjc2-scene-board_surface{z-index:1}.ii-bjc2-scene-board_surface.is-placeholder{background:#b87939;border-radius:36px;box-shadow:inset 0 0 0 16px rgba(106,57,25,.28)}
.ii-bjc2-scene-board_frame{z-index:3}.ii-bjc2-scene-board_frame.is-placeholder{border:56px solid #79502d;border-radius:48px;background:transparent}
.ii-bjc2-scene-bluejay_pose_1,.ii-bjc2-scene-bluejay_pose_2{z-index:2}.ii-bjc2-scene-bluejay_pose_2{visibility:hidden}.ii-bjc2-scene-bluejay_pose_1.is-placeholder,.ii-bjc2-scene-bluejay_pose_2.is-placeholder{background:rgba(43,120,177,.16);border:6px dashed rgba(22,107,168,.4);border-radius:48% 48% 35% 35%}
.ii-bjc2-placeholder-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:18px;color:#175781;font-weight:900;text-align:center;letter-spacing:.03em}
.ii-bjc2-notes-layer{position:relative;z-index:5;min-height:1080px;pointer-events:none}

/* Canonical note artboards. The root is the only Studio geometry owner. */
.ii-bjc2-note{position:absolute;left:0;top:0;width:360px;height:300px;min-width:0;min-height:0;transform-origin:center center;pointer-events:auto;z-index:10;color:var(--bjc2-ink)}
.ii-bjc2-note.format-featured,.ii-bjc2-note.is-featured{width:620px;height:340px}
.ii-bjc2-note-presentation,.ii-bjc2-note-artboard{position:relative;width:100%;height:100%}
.ii-bjc2-note-paper-motion{position:absolute;inset:0;z-index:1;width:100%;height:100%;transform-origin:50% 14%;will-change:transform,opacity}
.ii-bjc2-note-pin-slot{will-change:transform,opacity}
.ii-bjc2-note-presentation{transform:rotate(var(--bjc2-note-rotation,0deg));transform-origin:50% 18%;transition:filter .18s ease,transform .18s ease}
.ii-bjc2-note:hover .ii-bjc2-note-presentation{filter:drop-shadow(0 18px 18px rgba(42,37,29,.24));transform:rotate(var(--bjc2-note-rotation,0deg)) translateY(-4px) scale(1.01)}
.ii-bjc2-note-paper-slot{position:absolute;inset:0;z-index:0;pointer-events:none}
.ii-bjc2-note-paper-art,.ii-bjc2-note-paper-fallback{display:block;width:100%;height:100%}
.ii-bjc2-note-paper-art{object-fit:fill;max-width:none}
.ii-bjc2-note-paper-fallback{position:relative;border-radius:10px;background-color:var(--bjc2-paper-yellow);box-shadow:0 14px 28px rgba(70,50,30,.25);overflow:hidden}
.ii-bjc2-note.paper-notebook .ii-bjc2-note-paper-fallback{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(70,130,180,.22) 32px,transparent 33px)}
.ii-bjc2-note.paper-notebook .ii-bjc2-note-paper-fallback:before{content:"";position:absolute;left:30px;top:0;bottom:0;border-left:2px solid rgba(210,80,90,.35)}
.ii-bjc2-note.paper-torn .ii-bjc2-note-paper-fallback{clip-path:polygon(1% 2%,6% 0,12% 2%,19% 0,27% 2%,35% 0,43% 2%,52% 0,61% 2%,70% 0,79% 2%,88% 0,99% 2%,100% 98%,94% 100%,86% 98%,77% 100%,68% 98%,58% 100%,48% 98%,38% 100%,28% 98%,18% 100%,9% 98%,0 100%)}
.ii-bjc2-note.paper-crumpled .ii-bjc2-note-paper-fallback{background-image:linear-gradient(145deg,rgba(255,255,255,.38),transparent 34%),linear-gradient(35deg,rgba(80,60,30,.09),transparent 46%),linear-gradient(175deg,transparent 40%,rgba(80,60,30,.08) 52%,transparent 67%)}
.ii-bjc2-note.color-yellow .ii-bjc2-note-paper-fallback{background-color:var(--bjc2-paper-yellow)}
.ii-bjc2-note.color-blue .ii-bjc2-note-paper-fallback{background-color:var(--bjc2-paper-blue)}
.ii-bjc2-note.color-green .ii-bjc2-note-paper-fallback{background-color:var(--bjc2-paper-green)}
.ii-bjc2-note.color-pink .ii-bjc2-note-paper-fallback{background-color:var(--bjc2-paper-pink)}
.ii-bjc2-note.color-white .ii-bjc2-note-paper-fallback{background-color:var(--bjc2-paper-white)}
.ii-bjc2-note-pin-slot{position:absolute;z-index:3;left:50%;top:4px;width:48px;height:48px;transform:translateX(-50%);pointer-events:none}
.ii-bjc2-note.format-featured .ii-bjc2-note-pin-slot{width:52px;height:52px;top:3px}
.ii-bjc2-note-pin-art,.ii-bjc2-note-pin-fallback{display:block;width:100%;height:100%;object-fit:contain}
.ii-bjc2-note-pin-fallback{border-radius:50%;box-shadow:0 7px 8px rgba(50,30,20,.34),inset 0 5px 7px rgba(255,255,255,.36);background:#d94a42}
.ii-bjc2-note.pin-blue .ii-bjc2-note-pin-fallback{background:#348fd0}.ii-bjc2-note.pin-green .ii-bjc2-note-pin-fallback{background:#51a663}.ii-bjc2-note.pin-wood .ii-bjc2-note-pin-fallback{background:#9b6a3e}
.ii-bjc2-note-content-safe{position:absolute;z-index:2;top:58px;right:32px;bottom:27px;left:32px;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden}
.ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{top:62px;right:44px;bottom:31px;left:44px}
.ii-bjc2-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px}
.ii-bjc2-note-category,.ii-bjc2-article-category{display:inline-block;max-width:70%;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.72);font-size:11px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ii-bjc2-note-featured,.ii-bjc2-article-featured{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#f4b22b;color:#563600;font-size:10px;font-weight:900;line-height:1.2;text-transform:uppercase}
.ii-bjc2-note-title{display:-webkit-box;margin:10px 0 8px;overflow:hidden;font-size:28px;line-height:1.02;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ii-bjc2-note.format-featured .ii-bjc2-note-title{margin-top:9px;font-size:31px;-webkit-line-clamp:2}
.ii-bjc2-note-body{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;gap:8px;overflow:hidden}
.ii-bjc2-note.format-featured.has-image .ii-bjc2-note-body{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:18px;align-items:stretch}
.ii-bjc2-note-image-wrap{min-width:0;min-height:0;height:76px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.42)}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap{height:100%}
.ii-bjc2-note-image{display:block;width:100%;height:100%;object-fit:cover}
.ii-bjc2-note-excerpt{display:-webkit-box;min-width:0;min-height:0;margin:0;overflow:hidden;font-size:15px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.ii-bjc2-note:not(.has-image) .ii-bjc2-note-excerpt{-webkit-line-clamp:5}
.ii-bjc2-note.format-featured .ii-bjc2-note-excerpt{font-size:17px;line-height:1.4;-webkit-line-clamp:5}
.ii-bjc2-note-link{flex:0 0 auto;display:inline-block;align-self:flex-start;margin-top:8px;color:#134f7d;font-size:13px;font-weight:900;text-decoration:none}
.ii-bjc2-note-link:hover{text-decoration:underline}
.ii-bjc2-empty{position:absolute;left:720px;top:450px;width:480px;padding:28px;border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 20px 50px rgba(30,80,110,.18);text-align:center;pointer-events:auto}.ii-bjc2-empty strong,.ii-bjc2-empty span{display:block}.ii-bjc2-empty strong{font-size:26px}.ii-bjc2-empty span{margin-top:8px}

/* Production article presentation. */
.ii-bjc2-article-page,.ii-bjc2-archive-page{min-height:var(--ii-studio-viewport-height,100vh);padding:38px 24px 88px;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.9),transparent 28%),linear-gradient(180deg,#a9e3ff 0%,#e9f8ff 42%,#f6edce 100%)}
.ii-bjc2-public-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 26px;padding:12px 18px;border:1px solid rgba(23,103,168,.18);border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 8px 26px rgba(35,82,112,.08);backdrop-filter:blur(10px)}
.ii-bjc2-public-nav a{color:var(--bjc2-blue-dark);font-weight:900;text-decoration:none}.ii-bjc2-public-nav a:hover{text-decoration:underline}.ii-bjc2-public-nav span{color:#547184;font-size:14px;font-weight:800}
.ii-bjc2-article{position:relative;max-width:1080px;margin:0 auto;padding:68px 76px 72px;border-radius:24px;background:#fffdf4;box-shadow:0 28px 90px rgba(38,74,94,.2);overflow:hidden}
.ii-bjc2-article:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 32%),linear-gradient(18deg,transparent 62%,rgba(80,60,30,.07))}
.ii-bjc2-article.paper-notebook:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(70,130,180,.12) 40px,transparent 41px)}
.ii-bjc2-article.color-yellow{background-color:var(--bjc2-paper-yellow)}.ii-bjc2-article.color-blue{background-color:var(--bjc2-paper-blue)}.ii-bjc2-article.color-green{background-color:var(--bjc2-paper-green)}.ii-bjc2-article.color-pink{background-color:var(--bjc2-paper-pink)}.ii-bjc2-article.color-white{background-color:var(--bjc2-paper-white)}
.ii-bjc2-article>*{position:relative;z-index:1}
.ii-bjc2-article-header{max-width:860px;margin:0 auto 32px;text-align:center}.ii-bjc2-article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}.ii-bjc2-article-meta time{color:#5c6d77;font-size:13px;font-weight:800}.ii-bjc2-article h1{margin:20px 0 12px;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.045em}.ii-bjc2-article-deck{max-width:760px;margin:0 auto;color:#43545e;font-size:21px;line-height:1.5;font-weight:700}
.ii-bjc2-article-image-wrap{margin:34px 0 42px;border:10px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 14px 35px rgba(47,57,62,.16);overflow:hidden}.ii-bjc2-article-image{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.ii-bjc2-article-content{max-width:820px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.82}.ii-bjc2-article-content>*:first-child{margin-top:0}.ii-bjc2-article-content h2,.ii-bjc2-article-content h3{font-family:Nunito,system-ui,sans-serif;line-height:1.15}.ii-bjc2-article-content img{max-width:100%;height:auto;border-radius:16px}.ii-bjc2-article-content a{color:#0f5f92;font-weight:700}.ii-bjc2-article-content blockquote{margin:32px 0;padding:18px 24px;border-left:6px solid var(--bjc2-blue);border-radius:0 14px 14px 0;background:rgba(255,255,255,.5)}
.ii-bjc2-article-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:820px;margin:50px auto 0;padding-top:24px;border-top:2px dashed rgba(38,51,71,.2)}.ii-bjc2-article-footer a{color:var(--bjc2-blue-dark);font-weight:900;text-decoration:none}.ii-bjc2-article-footer a:hover{text-decoration:underline}

/* Responsive archive cards reuse the note artboards but never expose Studio IDs. */
.ii-bjc2-archive-page{padding-top:38px}.ii-bjc2-archive-hero{max-width:1420px;margin:0 auto 42px}.ii-bjc2-archive-heading{max-width:820px;margin:48px auto 30px;text-align:center}.ii-bjc2-archive-kicker{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--bjc2-blue);color:#fff;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.ii-bjc2-archive-heading h1{margin:14px 0 10px;font-size:clamp(52px,7vw,88px);line-height:.95;letter-spacing:-.045em}.ii-bjc2-archive-heading p{margin:0;color:#4e697a;font-size:19px;font-weight:700}
.ii-bjc2-archive-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.ii-bjc2-archive-filters a{padding:10px 15px;border:2px solid rgba(23,103,168,.18);border-radius:999px;background:rgba(255,255,255,.7);color:var(--bjc2-blue-dark);font-size:13px;font-weight:900;text-decoration:none}.ii-bjc2-archive-filters a:hover,.ii-bjc2-archive-filters a.is-active{border-color:var(--bjc2-blue);background:var(--bjc2-blue);color:#fff}
.ii-bjc2-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:34px;align-items:start;max-width:1420px;margin:0 auto}.ii-bjc2-archive-grid .ii-bjc2-note{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:360/300;translate:none!important;rotate:none!important;scale:1!important;transform:none!important}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured{grid-column:span 2;aspect-ratio:620/340}.ii-bjc2-archive-grid .ii-bjc2-note:hover .ii-bjc2-note-presentation{transform:translateY(-5px)}
.ii-bjc2-archive-empty{grid-column:1/-1;padding:54px;border:2px dashed rgba(23,103,168,.35);border-radius:24px;background:rgba(255,255,255,.72);text-align:center}.ii-bjc2-archive-empty strong,.ii-bjc2-archive-empty span{display:block}.ii-bjc2-archive-empty strong{font-size:28px}.ii-bjc2-archive-empty span{margin-top:8px;color:#5a7180}
.ii-bjc2-pagination{max-width:1420px;margin:46px auto 0}.ii-bjc2-pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.ii-bjc2-pagination a,.ii-bjc2-pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.82);color:var(--bjc2-blue-dark);font-weight:900;text-decoration:none}.ii-bjc2-pagination .current{background:var(--bjc2-blue);color:#fff}
@media(max-width:900px){.ii-bjc2-article{padding:48px 34px}.ii-bjc2-article h1{font-size:48px}.ii-bjc2-article-content{font-size:18px}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured{grid-column:auto}.ii-bjc2-public-nav span{display:none}}
@media(max-width:520px){.ii-bjc2-article-page,.ii-bjc2-archive-page{padding:22px 14px 64px}.ii-bjc2-public-nav{padding:10px 14px;border-radius:18px}.ii-bjc2-article{padding:38px 22px;border-radius:18px}.ii-bjc2-article h1{font-size:40px}.ii-bjc2-article-deck{font-size:17px}.ii-bjc2-article-image-wrap{margin:26px -8px 32px;border-width:6px}.ii-bjc2-article-footer{align-items:flex-start;flex-direction:column}.ii-bjc2-archive-grid{grid-template-columns:minmax(0,1fr);gap:24px}.ii-bjc2-archive-heading{margin-top:34px}.ii-bjc2-archive-heading h1{font-size:50px}.ii-bjc2-archive-grid .ii-bjc2-note{font-size:calc(100vw / 390)}}
@media(prefers-reduced-motion:reduce){.ii-bjc2-note-presentation{transition:none}.ii-bjc2-note:hover .ii-bjc2-note-presentation{transform:rotate(var(--bjc2-note-rotation,0deg))}}

/* Bluejay 2.0 community sign-up sheet and moderated Islander notes. */
.ii-bjc2-community{max-width:1320px;margin:56px auto 0;color:#2f3a48}
.ii-bjc2-community-header{max-width:820px;margin:0 auto 24px;text-align:center}.ii-bjc2-community-kicker{display:inline-block;padding:7px 14px;border-radius:999px;background:#1767a8;color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ii-bjc2-community-header h2{margin:15px 0 8px;font-size:46px;line-height:1.05}.ii-bjc2-community-header p{margin:0;font-size:18px;line-height:1.55}
.ii-bjc2-community-notice{max-width:900px;margin:0 auto 18px;padding:14px 18px;border-radius:14px;font-weight:800}.ii-bjc2-community-notice.is-success{background:#dff5df;border:2px solid #78b978}.ii-bjc2-community-notice.is-error{background:#ffe4e1;border:2px solid #cf7770}
.ii-bjc2-community-composer{max-width:980px;margin:0 auto 36px;padding:28px;background:#fffdf4;border:10px solid #8a603b;border-radius:26px;box-shadow:0 18px 48px rgba(53,66,77,.18)}.ii-bjc2-community-composer form>label{display:block;margin:18px 0;font-weight:900}.ii-bjc2-community-composer input[type=text],.ii-bjc2-community-composer textarea{display:block;width:100%;margin-top:7px;padding:13px 15px;border:2px solid #b6c3cc;border-radius:12px;background:#fff;color:#263347;font:inherit}.ii-bjc2-community-composer textarea{resize:vertical}.ii-bjc2-community-composer small{display:block;margin-top:5px;color:#617080;font-size:12px;font-weight:700}.ii-bjc2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ii-bjc2-form-grid label{font-weight:900}.ii-bjc2-avatar-picker{margin:18px 0;padding:0;border:0}.ii-bjc2-avatar-picker legend{margin-bottom:10px;font-weight:900}.ii-bjc2-avatar-options{display:flex;flex-wrap:wrap;gap:10px}.ii-bjc2-avatar-options label{cursor:pointer}.ii-bjc2-avatar-options input{position:absolute;opacity:0}.ii-bjc2-avatar{display:grid;place-items:center;width:54px;height:54px;border:3px solid rgba(255,255,255,.92);border-radius:50%;background:linear-gradient(145deg,#66b8ed,#245f9a);color:#fff;font-weight:1000;box-shadow:0 0 0 2px #9fb0bc,0 5px 10px rgba(35,69,91,.16)}.ii-bjc2-avatar.avatar-2{background:linear-gradient(145deg,#f5a05e,#b74d42)}.ii-bjc2-avatar.avatar-3{background:linear-gradient(145deg,#80cb7a,#388b54)}.ii-bjc2-avatar.avatar-4{background:linear-gradient(145deg,#d39bef,#7c56ad)}.ii-bjc2-avatar.avatar-5{background:linear-gradient(145deg,#f4d65e,#c49320)}.ii-bjc2-avatar.avatar-6{background:linear-gradient(145deg,#71d3ce,#2b8b8b)}.ii-bjc2-avatar.avatar-7{background:linear-gradient(145deg,#f18aa9,#b64d74)}.ii-bjc2-avatar.avatar-8{background:linear-gradient(145deg,#9aa8b7,#4c6075)}.ii-bjc2-avatar.avatar-9{background:linear-gradient(145deg,#e99b68,#85512f)}.ii-bjc2-avatar.avatar-10{background:linear-gradient(145deg,#8db6ff,#5157b8)}.ii-bjc2-avatar-options input:checked+.ii-bjc2-avatar{box-shadow:0 0 0 4px #f4b22b,0 7px 14px rgba(35,69,91,.24);transform:translateY(-2px)}.ii-bjc2-submit-note{padding:13px 24px;border:0;border-radius:999px;background:#1767a8;color:#fff;font:inherit;font-weight:1000;cursor:pointer}.ii-bjc2-submit-note:hover{background:#0f568d}.ii-bjc2-submit-note:disabled{opacity:.65;cursor:wait}.ii-bjc2-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ii-bjc2-replying{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#e7f4ff}.ii-bjc2-replying button{margin-left:8px;border:0;background:transparent;color:#a33;text-decoration:underline;cursor:pointer}.ii-bjc2-official-composer{padding:12px 15px;border-radius:12px;background:#e5f3ff}
.ii-bjc2-community-board{position:relative;padding:30px;border:20px solid #79502d;border-radius:30px;background:#b77a3b;box-shadow:inset 0 0 0 10px rgba(101,53,24,.2),0 24px 65px rgba(38,56,68,.24)}.ii-bjc2-community-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ii-bjc2-community-toolbar h3{margin:0;color:#fff;font-size:34px;text-shadow:0 2px 2px rgba(62,31,13,.35)}.ii-bjc2-community-filters{display:flex;flex-wrap:wrap;gap:8px}.ii-bjc2-community-filters button{padding:9px 13px;border:0;border-radius:12px;background:#f5e7cb;color:#51381f;font-weight:900;cursor:pointer}.ii-bjc2-community-filters button.is-active{background:#1767a8;color:#fff}.ii-bjc2-community-filters span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:rgba(255,255,255,.3);font-size:11px}
.ii-bjc2-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.ii-bjc2-community-note{position:relative;min-width:0;color:var(--bjc2-ink);overflow:visible}.ii-bjc2-community-note[hidden]{display:none!important}.ii-bjc2-community-note-presentation{position:relative;min-height:330px;padding:52px 28px 28px;filter:drop-shadow(0 12px 12px rgba(70,43,20,.22))}.ii-bjc2-community-note-paper-slot{position:absolute;inset:0;z-index:0;pointer-events:none}.ii-bjc2-community-note-paper-art,.ii-bjc2-community-note-paper-fallback{display:block;width:100%;height:100%}.ii-bjc2-community-note-paper-art{object-fit:fill;max-width:none}.ii-bjc2-community-note-paper-fallback{position:absolute;inset:0;border-radius:10px;background-color:var(--bjc2-paper-yellow);box-shadow:0 12px 22px rgba(70,43,20,.25);overflow:hidden}.ii-bjc2-community-note.paper-notebook .ii-bjc2-community-note-paper-fallback{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(70,130,180,.22) 32px,transparent 33px)}.ii-bjc2-community-note.paper-notebook .ii-bjc2-community-note-paper-fallback:before{content:"";position:absolute;left:30px;top:0;bottom:0;border-left:2px solid rgba(210,80,90,.35)}.ii-bjc2-community-note.paper-torn .ii-bjc2-community-note-paper-fallback{clip-path:polygon(1% 2%,6% 0,12% 2%,19% 0,27% 2%,35% 0,43% 2%,52% 0,61% 2%,70% 0,79% 2%,88% 0,99% 2%,100% 98%,94% 100%,86% 98%,77% 100%,68% 98%,58% 100%,48% 98%,38% 100%,28% 98%,18% 100%,9% 98%,0 100%)}.ii-bjc2-community-note.paper-crumpled .ii-bjc2-community-note-paper-fallback{background-image:linear-gradient(145deg,rgba(255,255,255,.38),transparent 34%),linear-gradient(35deg,rgba(80,60,30,.09),transparent 46%),linear-gradient(175deg,transparent 40%,rgba(80,60,30,.08) 52%,transparent 67%)}.ii-bjc2-community-note.color-yellow .ii-bjc2-community-note-paper-fallback{background-color:var(--bjc2-paper-yellow)}.ii-bjc2-community-note.color-blue .ii-bjc2-community-note-paper-fallback{background-color:var(--bjc2-paper-blue)}.ii-bjc2-community-note.color-green .ii-bjc2-community-note-paper-fallback{background-color:var(--bjc2-paper-green)}.ii-bjc2-community-note.color-pink .ii-bjc2-community-note-paper-fallback{background-color:var(--bjc2-paper-pink)}.ii-bjc2-community-note.color-white .ii-bjc2-community-note-paper-fallback{background-color:var(--bjc2-paper-white)}.ii-bjc2-community-note-paper-color-layer{position:absolute;inset:0;display:block;background:var(--bjc2-paper-color,var(--bjc2-paper-yellow));mix-blend-mode:multiply;-webkit-mask-image:var(--bjc2-paper-mask);mask-image:var(--bjc2-paper-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.ii-bjc2-community-note-pin-slot{position:absolute;z-index:3;left:50%;top:5px;width:43px;height:43px;transform:translateX(-50%);pointer-events:none}.ii-bjc2-community-note-pin-art,.ii-bjc2-community-note-pin-fallback{display:block;width:100%;height:100%;object-fit:contain}.ii-bjc2-community-note-pin-fallback{border-radius:50%;box-shadow:0 6px 7px rgba(50,30,20,.34),inset 0 4px 6px rgba(255,255,255,.36);background:#d94a42}.ii-bjc2-community-note.pin-blue .ii-bjc2-community-note-pin-fallback{background:#348fd0}.ii-bjc2-community-note.pin-green .ii-bjc2-community-note-pin-fallback{background:#51a663}.ii-bjc2-community-note.pin-wood .ii-bjc2-community-note-pin-fallback{background:#9b6a3e}.ii-bjc2-community-note-pin-color-layer{position:absolute;inset:0;display:block;background:var(--bjc2-pin-color,#e5484d);mix-blend-mode:multiply;-webkit-mask-image:var(--bjc2-pin-mask);mask-image:var(--bjc2-pin-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.ii-bjc2-community-note-content{position:relative;z-index:2;min-width:0}.ii-bjc2-community-author{display:flex;align-items:center;gap:11px}.ii-bjc2-community-author .ii-bjc2-avatar{flex:0 0 46px;width:46px;height:46px;font-size:13px}.ii-bjc2-community-author strong,.ii-bjc2-community-author time{display:block}.ii-bjc2-community-author time{margin-top:2px;color:#68727c;font-size:11px}.ii-bjc2-community-badge-rail{position:absolute;z-index:5;top:58px;right:-16px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:122px;pointer-events:none}.ii-bjc2-community-badge-rail img{display:block;width:auto;max-width:122px;max-height:46px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(45,32,20,.25))}.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail{top:45px;right:-10px;max-width:96px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail img{max-width:96px;max-height:36px}.ii-bjc2-community-copy{font-size:16px;line-height:1.55;overflow-wrap:anywhere}.ii-bjc2-community-copy p{margin:12px 0}.ii-bjc2-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px}.ii-bjc2-reactions button{display:inline-flex;align-items:center;gap:3px;min-width:45px;padding:6px 8px;border:0;border-radius:999px;background:rgba(255,255,255,.68);color:#263347;font:inherit;font-weight:900;cursor:pointer}.ii-bjc2-reactions button:hover{transform:translateY(-2px)}.ii-bjc2-reactions button.is-reacted{animation:ii-bjc2-react-pop .4s ease}.ii-bjc2-reactions button.has-error{outline:2px solid #bd3f36}.ii-bjc2-reactions button:disabled{opacity:.6;cursor:wait}.ii-bjc2-reply-button{margin-top:11px;padding:0;border:0;background:transparent;color:#155987;font-weight:900;text-decoration:underline;cursor:pointer}.ii-bjc2-replies{margin:18px -6px -5px;padding:12px 0 0 14px;border-left:4px solid rgba(50,70,80,.18)}.ii-bjc2-community-note.is-reply{margin:12px 0 0}.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-presentation{min-height:230px;padding:43px 20px 20px;filter:drop-shadow(0 7px 8px rgba(70,43,20,.15))}.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-pin-slot{top:4px;width:34px;height:34px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-author .ii-bjc2-avatar{flex-basis:38px;width:38px;height:38px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-copy{font-size:14px}.ii-bjc2-community-empty{padding:26px;border-radius:16px;background:rgba(255,255,255,.82);text-align:center;font-weight:900}
@keyframes ii-bjc2-react-pop{0%{transform:scale(1)}50%{transform:scale(1.24) rotate(-3deg)}100%{transform:scale(1)}}
@media(max-width:1050px){.ii-bjc2-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ii-bjc2-community-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.ii-bjc2-community{margin-top:34px}.ii-bjc2-community-header h2{font-size:36px}.ii-bjc2-community-composer{padding:20px;border-width:7px}.ii-bjc2-form-grid{grid-template-columns:1fr}.ii-bjc2-community-board{padding:15px;border-width:11px}.ii-bjc2-community-grid{grid-template-columns:1fr}.ii-bjc2-community-note:nth-child(n){transform:none}.ii-bjc2-community-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.ii-bjc2-community-filters button{text-align:center}}
@media(prefers-reduced-motion:reduce){.ii-bjc2-avatar-options input:checked+.ii-bjc2-avatar,.ii-bjc2-reactions button:hover{transform:none}.ii-bjc2-reactions button.is-reacted{animation:none}}
@media(max-width:520px){.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{top:34px;right:22px;bottom:18px;left:22px}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-pin-slot{top:1px;width:34px;height:34px}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-meta{min-height:18px}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-category,.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-featured{padding:3px 6px;font-size:8px}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-title{margin:4px 0;font-size:19px;-webkit-line-clamp:1}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured.has-image .ii-bjc2-note-body{grid-template-columns:34% 1fr;gap:9px}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-excerpt{font-size:11px;line-height:1.25;-webkit-line-clamp:3}.ii-bjc2-archive-grid .ii-bjc2-note.format-featured .ii-bjc2-note-link{margin-top:3px;font-size:9px}}

/* Neutral production artwork color contract. Assets remain presentation-only. */
.ii-bjc2-note-paper-color-layer{position:absolute;inset:0;display:block;background:var(--bjc2-paper-color,var(--bjc2-paper-yellow));mix-blend-mode:multiply;-webkit-mask-image:var(--bjc2-paper-mask);mask-image:var(--bjc2-paper-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.ii-bjc2-note-pin-color-layer{position:absolute;inset:0;display:block;background:var(--bjc2-pin-color,#e5484d);mix-blend-mode:multiply;-webkit-mask-image:var(--bjc2-pin-mask);mask-image:var(--bjc2-pin-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.ii-bjc2-note-paper-art,.ii-bjc2-note-pin-art{position:relative;z-index:0}
.ii-bjc2-note-paper-color-layer,.ii-bjc2-note-pin-color-layer{z-index:1}

/* Article uses the same resolver without exposing Studio discovery attributes. */
.ii-bjc2-article{position:relative;isolation:isolate;overflow:visible;background:transparent!important}
.ii-bjc2-article>*:not(.ii-bjc2-article-paper):not(.ii-bjc2-article-pin){position:relative;z-index:2}
.ii-bjc2-article-paper{position:absolute;inset:0;z-index:0;pointer-events:none}
.ii-bjc2-article-paper img,.ii-bjc2-article-paper-fallback{display:block;width:100%;height:100%;object-fit:fill;border-radius:28px}
.ii-bjc2-article-paper-color{position:absolute;inset:0;border-radius:28px;background:var(--bjc2-paper-color,var(--bjc2-paper-yellow));mix-blend-mode:multiply;-webkit-mask-image:var(--bjc2-paper-mask);mask-image:var(--bjc2-paper-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.ii-bjc2-article-paper-fallback{background:var(--bjc2-paper-color,var(--bjc2-paper-yellow));box-shadow:0 20px 50px rgba(47,57,62,.16)}
.ii-bjc2-article.paper-notebook .ii-bjc2-article-paper-fallback{background-color:var(--bjc2-paper-color);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,rgba(70,130,180,.18) 44px,transparent 45px)}
.ii-bjc2-article.paper-torn .ii-bjc2-article-paper-fallback{clip-path:polygon(1% 1%,6% 0,12% 1%,19% 0,27% 1%,35% 0,43% 1%,52% 0,61% 1%,70% 0,79% 1%,88% 0,99% 1%,100% 99%,94% 100%,86% 99%,77% 100%,68% 99%,58% 100%,48% 99%,38% 100%,28% 99%,18% 100%,9% 99%,0 100%)}
.ii-bjc2-article.paper-crumpled .ii-bjc2-article-paper-fallback{background-color:var(--bjc2-paper-color);background-image:linear-gradient(145deg,rgba(255,255,255,.34),transparent 34%),linear-gradient(35deg,rgba(80,60,30,.08),transparent 46%),linear-gradient(175deg,transparent 40%,rgba(80,60,30,.07) 52%,transparent 67%)}
.ii-bjc2-article-pin{position:absolute;top:-42px;left:50%;z-index:3;width:92px;height:92px;transform:translateX(-50%);pointer-events:none}
.ii-bjc2-article-pin img,.ii-bjc2-article-pin-color{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ii-bjc2-article-pin-color{background:var(--bjc2-pin-color,#e5484d);mix-blend-mode:multiply;-webkit-mask-image:var(--bjc2-pin-mask);mask-image:var(--bjc2-pin-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}


/* Optional image presentation: one image field with None, Classic Polaroid, or Scalloped Polaroid. */
.ii-bjc2-note-image-wrap{position:relative;isolation:isolate;overflow:visible;background:transparent}
.ii-bjc2-note-photo-window{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.42)}
.ii-bjc2-note-frame-art,.ii-bjc2-note-frame-fallback{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.ii-bjc2-note-frame-art{object-fit:fill;max-width:none}
.ii-bjc2-note-image-wrap.frame-none{overflow:hidden;background:rgba(255,255,255,.42)}
.ii-bjc2-note-image-wrap.frame-none .ii-bjc2-note-photo-window{position:absolute;inset:0}
.ii-bjc2-note-image-wrap.frame-classic,.ii-bjc2-note-image-wrap.frame-scalloped{height:92px;padding:8px 8px 17px;transform:rotate(-1.2deg);filter:drop-shadow(0 6px 5px rgba(50,35,25,.2))}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{height:100%;min-height:0;padding:10px 10px 25px}
.ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,.ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{inset:8px 8px 17px;border-radius:1px}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{inset:10px 10px 25px}
.ii-bjc2-note-frame-fallback{background:transparent;border:8px solid #fff;border-bottom-width:17px;box-shadow:0 1px 0 rgba(60,55,50,.08)}
.ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-frame-fallback{clip-path:polygon(3% 0,97% 0,100% 5%,98% 10%,100% 15%,98% 20%,100% 25%,98% 30%,100% 35%,98% 40%,100% 45%,98% 50%,100% 55%,98% 60%,100% 65%,98% 70%,100% 75%,98% 80%,100% 85%,98% 90%,100% 95%,97% 100%,3% 100%,0 95%,2% 90%,0 85%,2% 80%,0 75%,2% 70%,0 65%,2% 60%,0 55%,2% 50%,0 45%,2% 40%,0 35%,2% 30%,0 25%,2% 20%,0 15%,2% 10%,0 5%)}
.ii-bjc2-note-photo-window .ii-bjc2-note-image{width:100%;height:100%;object-fit:cover}

.ii-bjc2-article-image-wrap{position:relative;isolation:isolate}
.ii-bjc2-article-photo-window{position:relative;z-index:0;overflow:hidden;border-radius:14px}
.ii-bjc2-article-frame-art,.ii-bjc2-article-frame-fallback{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.ii-bjc2-article-frame-art{object-fit:fill}
.ii-bjc2-article-image-wrap.frame-classic,.ii-bjc2-article-image-wrap.frame-scalloped{padding:20px 20px 64px;border:0;background:transparent;overflow:visible;transform:rotate(-.45deg)}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-photo-window,.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-photo-window{border-radius:2px}
.ii-bjc2-article-frame-fallback{background:transparent;border:20px solid #fff;border-bottom-width:64px;box-shadow:0 14px 35px rgba(47,57,62,.18)}
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-frame-fallback{clip-path:polygon(2% 0,98% 0,100% 3%,98% 6%,100% 9%,98% 12%,100% 15%,98% 18%,100% 21%,98% 24%,100% 27%,98% 30%,100% 33%,98% 36%,100% 39%,98% 42%,100% 45%,98% 48%,100% 51%,98% 54%,100% 57%,98% 60%,100% 63%,98% 66%,100% 69%,98% 72%,100% 75%,98% 78%,100% 81%,98% 84%,100% 87%,98% 90%,100% 93%,98% 96%,100% 100%,0 100%,2% 96%,0 93%,2% 90%,0 87%,2% 84%,0 81%,2% 78%,0 75%,2% 72%,0 69%,2% 66%,0 63%,2% 60%,0 57%,2% 54%,0 51%,2% 48%,0 45%,2% 42%,0 39%,2% 36%,0 33%,2% 30%,0 27%,2% 24%,0 21%,2% 18%,0 15%,2% 12%,0 9%,2% 6%,0 3%)}

/* 0.5.7 canonical community-card presentation */
.ii-bjc2-community-note-presentation{min-height:390px;padding:58px 30px 28px}
.ii-bjc2-community-note-content{display:flex;flex-direction:column;min-height:304px}
.ii-bjc2-community-author{padding-right:104px}
.ii-bjc2-community-copy{display:grid;place-items:center;flex:1;min-height:120px;padding:18px 12px;text-align:center;font-size:21px;line-height:1.45}
.ii-bjc2-community-copy p{margin:0}
.ii-bjc2-community-badge-rail{top:8px;right:8px;flex-direction:row;align-items:center;gap:6px;max-width:none}
.ii-bjc2-community-badge-rail img{width:84px;height:84px;max-width:none;max-height:none;border-radius:50%;object-fit:cover;filter:drop-shadow(0 6px 6px rgba(45,32,20,.28))}
.ii-bjc2-community-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;padding-top:12px;width:100%}
.ii-bjc2-reactions{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:0;min-width:0;overflow:visible}
.ii-bjc2-reactions button{display:inline-grid;grid-template-columns:26px auto;align-items:center;justify-content:center;gap:3px;flex:0 1 52px;min-width:44px;max-width:52px;height:44px;padding:3px 5px;border-radius:999px}
.ii-bjc2-reactions button img{display:block;width:26px;height:26px;border-radius:50%;object-fit:cover}
.ii-bjc2-reactions button b{font-size:13px;line-height:1}
.ii-bjc2-reply-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;white-space:nowrap;margin:0;padding:8px 10px;border:2px solid #df2f68;border-radius:10px;background:rgba(255,255,255,.36);color:#df2f68;font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-presentation{min-height:270px;padding:45px 20px 18px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-content{min-height:205px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-author{padding-right:76px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail{top:16px;right:12px;max-width:none}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail img{width:58px;height:58px;max-width:none;max-height:none}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-copy{min-height:76px;font-size:16px}
@media(max-width:1200px){.ii-bjc2-community-footer{align-items:center}.ii-bjc2-reactions{flex-wrap:nowrap}.ii-bjc2-reply-button{margin-left:0}}
@media(max-width:700px){.ii-bjc2-community-note-presentation{min-height:360px;padding:54px 22px 22px}.ii-bjc2-community-note-content{min-height:284px}.ii-bjc2-community-badge-rail{top:6px;right:6px}.ii-bjc2-community-badge-rail img{width:70px;height:70px}.ii-bjc2-community-author{padding-right:82px}.ii-bjc2-community-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.ii-bjc2-reactions{gap:3px}.ii-bjc2-reactions button{grid-template-columns:23px auto;min-width:39px;max-width:46px;height:40px;padding:2px 4px}.ii-bjc2-reactions button img{width:23px;height:23px}.ii-bjc2-reactions button b{font-size:12px}.ii-bjc2-reply-button{padding:7px 8px;font-size:13px}}

/* 0.5.9 canonical expandable reply threads. Each reply remains a full-size note. */
.ii-bjc2-thread-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:14px auto 2px;padding:9px 16px;border:2px solid rgba(21,89,135,.28);border-radius:999px;background:rgba(255,255,255,.82);color:#155987;font:inherit;font-size:14px;font-weight:1000;cursor:pointer;box-shadow:0 5px 12px rgba(45,55,65,.12)}
.ii-bjc2-thread-toggle:hover{transform:translateY(-1px);background:#fff}
.ii-bjc2-thread-toggle[aria-expanded=true] .ii-bjc2-thread-toggle-icon{transform:rotate(180deg)}
.ii-bjc2-thread-toggle-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1767a8;color:#fff;transition:transform .18s ease}
.ii-bjc2-replies{position:relative;margin:18px 0 0;padding:34px 0 0;border:0}
.ii-bjc2-replies[hidden]{display:none!important}
.ii-bjc2-replies:before{content:"";position:absolute;top:0;left:50%;width:3px;height:22px;border-radius:3px;background:rgba(21,89,135,.32);transform:translateX(-50%)}
.ii-bjc2-replies:after{content:"";position:absolute;top:17px;left:50%;width:10px;height:10px;border-right:3px solid rgba(21,89,135,.48);border-bottom:3px solid rgba(21,89,135,.48);transform:translateX(-50%) rotate(45deg)}
.ii-bjc2-replies>.ii-bjc2-community-note{margin:0 0 18px}
.ii-bjc2-replies>.ii-bjc2-community-note+.ii-bjc2-community-note{margin-top:18px}
.ii-bjc2-community-note.is-reply{margin:0;width:100%;max-width:none}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-presentation{min-height:390px;padding:58px 30px 28px;filter:drop-shadow(0 12px 12px rgba(70,43,20,.22))}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-content{min-height:304px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-pin-slot{top:5px;width:43px;height:43px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-author{padding-right:92px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-author .ii-bjc2-avatar{flex:0 0 46px;width:46px;height:46px}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail{top:6px;right:6px;max-width:none}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail img{width:78px;height:78px;max-width:none;max-height:none}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-copy{min-height:118px;font-size:16px}
@media(max-width:700px){.ii-bjc2-thread-toggle{font-size:13px;padding:8px 13px}.ii-bjc2-replies{padding-top:30px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-presentation{min-height:360px;padding:54px 22px 22px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-content{min-height:284px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-author{padding-right:82px}.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail img{width:70px;height:70px}}

/* 0.5.10 thread-toggle and recognition-badge placement polish. */
.ii-bjc2-thread-toggle{
  margin:14px 0 2px;
  background:#fff;
  border-color:rgba(21,89,135,.22);
  box-shadow:0 6px 14px rgba(45,55,65,.16);
}
.ii-bjc2-thread-toggle:hover{background:#fff}
.ii-bjc2-community-badge-rail,
.ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail{
  top:-48px;
  right:-18px;
}
@media(max-width:700px){
  .ii-bjc2-community-badge-rail,
  .ii-bjc2-community-note.is-reply .ii-bjc2-community-badge-rail{
    top:-44px;
    right:-12px;
  }
}


/* 0.5.11 force a solid thread-toggle surface against theme button resets. */
button.ii-bjc2-thread-toggle,
.ii-bjc2-thread-toggle{
  -webkit-appearance:none !important;
  appearance:none !important;
  background-color:#fff !important;
  background-image:none !important;
  opacity:1 !important;
  border:2px solid rgba(21,89,135,.22) !important;
  box-shadow:0 6px 14px rgba(45,55,65,.16) !important;
}
button.ii-bjc2-thread-toggle:hover,
button.ii-bjc2-thread-toggle:focus,
.ii-bjc2-thread-toggle:hover,
.ii-bjc2-thread-toggle:focus{
  background-color:#fff !important;
  background-image:none !important;
}


/* Keep the Islander Name and Game Code controls level in the two-column composer. */
.ii-bjc2-form-grid > label {
	display: flex;
	min-width: 0;
	flex-direction: column;
}
.ii-bjc2-field-label-row {
	display: flex;
	align-items: center;
	min-height: 46px;
	width: 100%;
	margin: 0 0 10px;
}
.ii-bjc2-islander-name-field .ii-bjc2-field-label-row {
	justify-content: flex-start;
}
.ii-bjc2-form-grid > label > input[type=text] {
	margin-top: 0;
}

/* ========================================================================== 
   Shared Event Calendar Game Code help control
   ========================================================================== */
.ii-bjc2-game-code-field .iiec-rsvp-game-code-label {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	width: 100% !important;
	margin-bottom: 10px !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
}
.ii-bjc2-game-code-field .iiec-rsvp-game-code-label > span:first-child { flex: 0 0 auto; }
.iiec-game-code-help-trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 8px 13px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: #cf2f6a !important;
	color: #ffffff !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-shadow: 0 3px 0 #9f1f4d, 0 5px 10px rgba(83, 24, 51, 0.2) !important;
	transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
}
.iiec-game-code-help-trigger:hover {
	background: #dc3b76 !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 0 #9f1f4d, 0 7px 13px rgba(83, 24, 51, 0.24) !important;
}
.iiec-game-code-help-trigger:active {
	transform: translateY(2px);
	box-shadow: 0 1px 0 #9f1f4d, 0 2px 5px rgba(83, 24, 51, 0.18) !important;
}
.iiec-game-code-help-trigger:focus-visible {
	outline: 3px solid rgba(207, 47, 106, 0.28) !important;
	outline-offset: 3px !important;
}
.iiec-game-code-help-icon {
	display: inline-grid !important;
	place-items: center !important;
	flex: 0 0 auto !important;
	width: 20px !important;
	height: 20px !important;
	border: 2px solid #ffffff !important;
	border-radius: 50% !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}
.iiec-game-code-help-modal[hidden] { display: none !important; }
.iiec-game-code-help-modal {
	position: fixed !important;
	z-index: 1000000 !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	padding: 18px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
}
.iiec-game-code-help-modal.is-open { opacity: 1; pointer-events: auto; }
.iiec-game-code-help-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(13, 38, 52, 0.48);
	backdrop-filter: blur(3px);
}
.iiec-game-code-help-dialog {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: min(430px, calc(100vw - 36px));
	max-height: calc(100vh - 36px);
	overflow: auto;
	padding: 22px;
	border: 4px solid #bd7733;
	border-radius: 22px;
	background: #fff8df;
	box-shadow: 0 18px 50px rgba(10, 38, 54, 0.35), inset 0 0 0 3px rgba(255, 255, 255, 0.72);
	color: #17354a;
	transform: translateY(10px) scale(0.96);
	transition: transform 200ms cubic-bezier(.2, .9, .3, 1.1);
}
.iiec-game-code-help-modal.is-open .iiec-game-code-help-dialog { transform: translateY(0) scale(1); }
.iiec-game-code-help-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 2px solid rgba(255,255,255,.72);
	border-radius: 50%;
	background: #17354a;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.iiec-game-code-help-kicker {
	display: inline-block;
	margin-bottom: 3px;
	color: #247ca0;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
}
.iiec-game-code-help-dialog h3 { margin: 0 38px 6px 0; color: #17354a; font-size: 24px; line-height: 1.12; }
.iiec-game-code-help-dialog p { margin: 0 0 13px; font-size: 14px; line-height: 1.45; }
.iiec-game-code-help-video-wrap {
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 15px;
	background: #102c3c;
	box-shadow: 0 8px 22px rgba(21, 57, 76, 0.2);
}
.iiec-game-code-help-video { display: block; width: 100%; height: auto; max-height: 48vh; object-fit: contain; background: #102c3c; }
body.iiec-game-code-help-open { overflow: hidden; }
@media screen and (max-width: 560px) {
	.ii-bjc2-game-code-field .iiec-rsvp-game-code-label { gap: 8px !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; }
	.iiec-game-code-help-trigger { padding: 7px 10px !important; font-size: 11px !important; white-space: normal !important; text-align: center !important; }
	.iiec-game-code-help-icon { width: 18px !important; height: 18px !important; font-size: 12px !important; }
	.iiec-game-code-help-modal { padding: 12px; }
	.iiec-game-code-help-dialog { width: min(380px, calc(100vw - 24px)); max-height: calc(100vh - 24px); padding: 19px 14px 14px; border-width: 3px; border-radius: 18px; }
	.iiec-game-code-help-dialog h3 { font-size: 21px; margin-right: 34px; }
	.iiec-game-code-help-dialog p { font-size: 13px; }
	.iiec-game-code-help-video { max-height: 45vh; }
}
@media screen and (max-width: 390px) {
	.iiec-game-code-help-trigger span:last-child { font-size: 0; }
	.iiec-game-code-help-trigger span:last-child::after { content: "Need help?"; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
	.iiec-game-code-help-modal,
	.iiec-game-code-help-dialog { transition: none; }
}

@media(max-width:700px){
	.ii-bjc2-field-label-row { min-height: 0; }
}

/* 0.5.20 — Editorial note-card layout. One canonical 360 x 300 composition. */
.ii-bjc2-note .ii-bjc2-note-content-safe{
    top:52px;
    right:26px;
    bottom:22px;
    left:26px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:9px;
    overflow:hidden;
}
.ii-bjc2-note .ii-bjc2-note-meta{
    min-height:24px;
    align-items:center;
}
.ii-bjc2-note .ii-bjc2-note-category,
.ii-bjc2-note .ii-bjc2-note-featured{
    padding:5px 11px;
    font-size:10px;
    line-height:1.1;
}
.ii-bjc2-note .ii-bjc2-note-main{
    display:grid;
    grid-template-columns:minmax(0,1fr) 116px;
    align-items:center;
    gap:14px;
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.ii-bjc2-note:not(.has-image) .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr);
}
.ii-bjc2-note .ii-bjc2-note-copy{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.ii-bjc2-note .ii-bjc2-note-title{
    display:-webkit-box;
    margin:0 0 8px;
    overflow:hidden;
    font-size:25px;
    line-height:1.02;
    letter-spacing:-.025em;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.ii-bjc2-note .ii-bjc2-note-excerpt{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    font-size:14px;
    line-height:1.35;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped{
    align-self:center;
    width:116px;
    height:126px;
    min-width:116px;
    min-height:126px;
    padding:7px 7px 18px;
    border-radius:5px;
    transform:rotate(3deg);
    filter:drop-shadow(0 6px 5px rgba(50,35,25,.22));
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-none{
    height:116px;
    min-height:116px;
    padding:0;
    border-radius:9px;
    overflow:hidden;
    transform:none;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:7px 7px 18px;
}
.ii-bjc2-note .ii-bjc2-note-link{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:min(100%,210px);
    margin:0;
    padding-top:9px;
    border-top:2px solid rgba(224,139,32,.8);
    color:#134f7d;
    font-size:14px;
    font-weight:900;
    line-height:1;
    text-decoration:none;
}
.ii-bjc2-note .ii-bjc2-note-link span{
    margin-left:8px;
    font-size:23px;
    line-height:.7;
}

/* Featured-wide uses the same information hierarchy at its wider artboard size. */
.ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{
    top:58px;
    right:42px;
    bottom:28px;
    left:42px;
    gap:12px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 190px;
    gap:28px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-title{
    margin:0 0 10px;
    font-size:38px;
    -webkit-line-clamp:2;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-excerpt{
    font-size:17px;
    line-height:1.42;
    -webkit-line-clamp:5;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{
    width:190px;
    height:190px;
    min-width:190px;
    min-height:190px;
    padding:10px 10px 27px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-none{
    height:176px;
    min-height:176px;
    padding:0;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:10px 10px 27px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-link{
    width:min(100%,330px);
    font-size:16px;
}

/* 0.5.21 — Featured editorial card composition. */
.ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{
    top:56px;
    right:44px;
    bottom:26px;
    left:44px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:10px;
    overflow:hidden;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-meta{
    min-height:27px;
    align-items:center;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-category,
.ii-bjc2-note.format-featured .ii-bjc2-note-featured{
    padding:6px 13px;
    font-size:11px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-main{
    display:grid;
    grid-template-columns:minmax(0,1fr) 206px;
    align-items:center;
    gap:32px;
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.ii-bjc2-note.format-featured:not(.has-image) .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr);
}
.ii-bjc2-note.format-featured .ii-bjc2-note-copy{
    align-self:stretch;
    justify-content:center;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-title{
    margin:0 0 12px;
    font-size:40px;
    line-height:1.01;
    letter-spacing:-.035em;
    -webkit-line-clamp:2;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-excerpt{
    font-size:17px;
    line-height:1.4;
    -webkit-line-clamp:4;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{
    align-self:center;
    width:206px;
    height:214px;
    min-width:206px;
    min-height:214px;
    padding:10px 10px 28px;
    transform:rotate(3deg);
    filter:drop-shadow(0 8px 7px rgba(50,35,25,.24));
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-none{
    width:206px;
    height:196px;
    min-width:206px;
    min-height:196px;
    padding:0;
    transform:none;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:10px 10px 28px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-link{
    width:min(100%,355px);
    padding-top:10px;
    font-size:17px;
}

/* 0.5.22 — Preserve full note images inside standard and featured frames. */
.ii-bjc2-note-photo-window .ii-bjc2-note-image{
    object-fit:contain;
    object-position:center center;
    background:rgba(255,255,255,.78);
}
.ii-bjc2-note .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 108px;
    gap:10px;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped{
    width:108px;
    min-width:108px;
    transform:translateX(-4px) rotate(2deg);
}
.ii-bjc2-note.format-featured .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 190px;
    gap:20px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{
    width:190px;
    min-width:190px;
    transform:translateX(-8px) rotate(2deg);
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-none,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-none{
    transform:translateX(-4px);
}

/* 0.5.23 — Keep note image frames fully inside the protected artboard. */
.ii-bjc2-note .ii-bjc2-note-frame-art[hidden],
.ii-bjc2-note .ii-bjc2-note-frame-fallback[hidden]{display:none!important}
.ii-bjc2-note .ii-bjc2-note-image-wrap,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-none{
    box-sizing:border-box;
    max-width:100%;
    transform:none;
}
.ii-bjc2-note .ii-bjc2-note-content-safe{
    right:18px;
    left:22px;
    overflow:visible;
}
.ii-bjc2-note .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 102px;
    gap:8px;
    overflow:visible;
}
.ii-bjc2-note .ii-bjc2-note-copy{overflow:hidden}
.ii-bjc2-note .ii-bjc2-note-title{font-size:23px}
.ii-bjc2-note .ii-bjc2-note-excerpt{font-size:13px}
.ii-bjc2-note .ii-bjc2-note-image-wrap,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped{
    width:102px;
    min-width:102px;
    height:122px;
    min-height:122px;
    padding:6px 6px 16px;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-none{
    width:102px;
    min-width:102px;
    height:102px;
    min-height:102px;
    padding:0;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:6px 6px 16px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{
    right:28px;
    left:36px;
    overflow:visible;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 182px;
    gap:18px;
    overflow:visible;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-title{font-size:36px}
.ii-bjc2-note.format-featured .ii-bjc2-note-excerpt{font-size:16px}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{
    width:182px;
    min-width:182px;
    height:204px;
    min-height:204px;
    padding:9px 9px 25px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-none{
    width:182px;
    min-width:182px;
    height:182px;
    min-height:182px;
    padding:0;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:9px 9px 25px;
}

/* 0.5.24 — Enlarge the editorial image while preserving the fixed note artboards. */
.ii-bjc2-note .ii-bjc2-note-content-safe{
    right:16px;
    left:20px;
}
.ii-bjc2-note .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 133px;
    gap:7px;
}
.ii-bjc2-note .ii-bjc2-note-copy{
    padding-right:1px;
}
.ii-bjc2-note .ii-bjc2-note-title{
    font-size:21px;
    line-height:1.03;
}
.ii-bjc2-note .ii-bjc2-note-excerpt{
    font-size:12px;
    line-height:1.3;
    -webkit-line-clamp:4;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped{
    width:133px;
    min-width:133px;
    height:151px;
    min-height:151px;
    padding:7px 7px 19px;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-none{
    width:133px;
    min-width:133px;
    height:133px;
    min-height:133px;
    padding:0;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:7px 7px 19px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{
    right:24px;
    left:34px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-main{
    grid-template-columns:minmax(0,1fr) 226px;
    gap:16px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-title{
    font-size:33px;
    line-height:1.01;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-excerpt{
    font-size:15px;
    line-height:1.35;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{
    width:226px;
    min-width:226px;
    height:238px;
    min-height:238px;
    padding:10px 10px 29px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-none{
    width:226px;
    min-width:226px;
    height:212px;
    min-height:212px;
    padding:0;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    inset:10px 10px 29px;
}

/* 0.5.25 — Featured-only vertical breathing room. Standard notes are unchanged. */
.ii-bjc2-note.format-featured .ii-bjc2-note-content-safe{
    top:48px;
    right:24px;
    bottom:27px;
    left:34px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-meta{
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    left:0;
    min-height:0;
    margin:0;
    pointer-events:none;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-category{
    position:absolute;
    top:0;
    left:0;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-featured{
    position:absolute;
    top:0;
    right:0;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-main{
    padding-top:25px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-scalloped{
    height:224px;
    min-height:224px;
    align-self:start;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-image-wrap.frame-none{
    height:202px;
    min-height:202px;
}

/* 0.5.26 — Refine note labels and center standard-note copy. */
.ii-bjc2-note.format-standard .ii-bjc2-note-featured{
    display:none!important;
}
.ii-bjc2-note.format-standard .ii-bjc2-note-meta{
    position:absolute;
    z-index:3;
    top:-42px;
    right:0;
    left:0;
    min-height:0;
    margin:0;
    pointer-events:none;
}
.ii-bjc2-note.format-standard .ii-bjc2-note-category{
    position:absolute;
    top:0;
    left:0;
}
.ii-bjc2-note.format-standard .ii-bjc2-note-main{
    align-items:center;
}
.ii-bjc2-note.format-standard .ii-bjc2-note-copy{
    display:flex;
    min-width:0;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.ii-bjc2-note.format-standard .ii-bjc2-note-title,
.ii-bjc2-note.format-standard .ii-bjc2-note-excerpt{
    width:100%;
    text-align:center;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-meta{
    top:-28px;
}


/* 0.5.28 — Keep community identity clear of paper punch holes. */
.ii-bjc2-community-author{margin-left:20px}
@media(max-width:700px){.ii-bjc2-community-author{margin-left:20px}}

/* 0.5.32 real replaceable community avatar artwork. */
.ii-bjc2-avatar{overflow:hidden;padding:0;background:#eef4f8!important}
.ii-bjc2-avatar img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%}

/* 0.5.33: Reaction controls use the transparent artwork directly, without a white pill. */
.ii-bjc2-reactions button,
.ii-bjc2-reactions button:hover,
.ii-bjc2-reactions button:active,
.ii-bjc2-reactions button:focus {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  flex:0 0 auto;
  min-width:0;
  max-width:none;
  height:auto;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#263347;
  appearance:none;
  -webkit-appearance:none;
}
.ii-bjc2-reactions button:focus-visible {
  outline:2px solid #155987;
  outline-offset:3px;
}
.ii-bjc2-reactions button img {
  display:block;
  width:26px;
  height:26px;
  border-radius:0;
  object-fit:contain;
  background:transparent!important;
  box-shadow:none!important;
}
.ii-bjc2-reactions button b {
  margin:0;
  padding:0;
  font-size:13px;
  line-height:1;
  background:transparent!important;
}
@media(max-width:700px) {
  .ii-bjc2-reactions button {
    min-width:0;
    max-width:none;
    height:auto;
    padding:0 1px;
  }
  .ii-bjc2-reactions button img {
    width:23px;
    height:23px;
  }
}

@media (prefers-reduced-motion:reduce){.ii-bjc2-note-paper-motion,.ii-bjc2-note-pin-slot{animation:none!important;transition:none!important;opacity:1!important;transform:none}.ii-bjc2-note-pin-slot{transform:translateX(-50%)!important}}

/* 0.5.46: invisible community anti-spam status. */
.ii-bjc2-security-status{margin:12px 0 0;color:#4d6170;font-size:13px;font-weight:800}.ii-bjc2-security-status.is-error{color:#9b2f2f}

/* 0.5.48 clearer, more playful reply-thread controls and durable focus states. */
button.ii-bjc2-thread-toggle,
.ii-bjc2-thread-toggle{
  position:relative;
  min-height:46px;
  margin:14px 0 4px;
  padding:9px 13px 9px 10px;
  gap:8px;
  border:2px solid #2a78ad !important;
  border-radius:14px !important;
  background:#f7fcff !important;
  color:#155987 !important;
  -webkit-text-fill-color:#155987 !important;
  box-shadow:0 5px 0 rgba(21,89,135,.16),0 8px 16px rgba(45,55,65,.12) !important;
  transform:none;
  opacity:1 !important;
  isolation:isolate;
}
button.ii-bjc2-thread-toggle:hover,
button.ii-bjc2-thread-toggle:focus,
button.ii-bjc2-thread-toggle:focus-visible,
.ii-bjc2-thread-toggle:hover,
.ii-bjc2-thread-toggle:focus,
.ii-bjc2-thread-toggle:focus-visible{
  background:#eaf7ff !important;
  color:#0e4d78 !important;
  -webkit-text-fill-color:#0e4d78 !important;
  border-color:#1767a8 !important;
  opacity:1 !important;
}
button.ii-bjc2-thread-toggle:focus-visible{
  outline:3px solid rgba(23,103,168,.3) !important;
  outline-offset:3px !important;
}
.ii-bjc2-thread-toggle > span,
.ii-bjc2-thread-toggle [data-replies-toggle-label]{
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
  opacity:1 !important;
  visibility:visible !important;
}
.ii-bjc2-thread-toggle-bubble{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  background:#1767a8;
  font-size:15px;
  line-height:1;
  -webkit-text-fill-color:initial !important;
}
.ii-bjc2-thread-toggle-chevron{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-left:2px;
  border-radius:50%;
  background:rgba(23,103,168,.12);
  font-size:21px;
  font-weight:1000;
  line-height:18px;
  transition:transform .18s ease,background .18s ease;
}
.ii-bjc2-thread-toggle[aria-expanded=true]{
  background:#dff2ff !important;
  box-shadow:0 3px 0 rgba(21,89,135,.18),0 7px 14px rgba(45,55,65,.12) !important;
}
.ii-bjc2-thread-toggle[aria-expanded=true] .ii-bjc2-thread-toggle-chevron{
  transform:rotate(180deg);
  background:#fff;
}
.ii-bjc2-replies{
  position:relative;
  margin:10px 0 0;
  padding:56px 0 0;
}
.ii-bjc2-replies:before{
  top:-4px;
  left:28px;
  width:5px;
  height:44px;
  border-radius:6px;
  background:#2a78ad;
  transform:none;
  box-shadow:0 2px 0 rgba(255,255,255,.45) inset;
}
.ii-bjc2-replies:after{
  top:31px;
  left:27px;
  width:18px;
  height:18px;
  border-right:5px solid #2a78ad;
  border-bottom:5px solid #2a78ad;
  transform:rotate(45deg);
}
.ii-bjc2-thread-connector{
  position:absolute;
  top:21px;
  left:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:2px solid rgba(21,89,135,.25);
  border-radius:50%;
  background:#fff;
  color:#1767a8;
  font-size:22px;
  font-weight:1000;
  box-shadow:0 4px 10px rgba(45,55,65,.12);
}
.ii-bjc2-thread-heading{
  position:absolute;
  top:12px;
  left:88px;
  right:0;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:6px 10px;
  border:1px dashed rgba(21,89,135,.28);
  border-radius:12px;
  background:rgba(239,249,255,.92);
  color:#155987;
  font-size:13px;
}
.ii-bjc2-thread-heading strong{font-size:14px;font-weight:1000}
.ii-bjc2-thread-heading span{margin-left:auto;font-weight:900;opacity:.75}
@media(max-width:700px){
  button.ii-bjc2-thread-toggle,.ii-bjc2-thread-toggle{min-height:44px;padding:8px 10px 8px 8px}
  .ii-bjc2-replies{padding-top:54px}
  .ii-bjc2-thread-heading{left:82px;font-size:12px}
  .ii-bjc2-thread-heading strong{font-size:13px}
}


/* 0.5.49 — Bluejay display typography + adaptive article photography. */
.ii-bjc2-article-page h1,
.ii-bjc2-article-page h2,
.ii-bjc2-article-page h3,
.ii-bjc2-article-page h4,
.ii-bjc2-article-page h5,
.ii-bjc2-article-page h6,
.ii-bjc2-article-page strong,
.ii-bjc2-article-page b,
.ii-bjc2-archive-page h1,
.ii-bjc2-archive-page h2,
.ii-bjc2-archive-page h3,
.ii-bjc2-archive-page h4,
.ii-bjc2-archive-page h5,
.ii-bjc2-archive-page h6,
.ii-bjc2-archive-page strong,
.ii-bjc2-archive-page b,
.ii-bjc2-board h1,
.ii-bjc2-board h2,
.ii-bjc2-board h3,
.ii-bjc2-board h4,
.ii-bjc2-board h5,
.ii-bjc2-board h6,
.ii-bjc2-board strong,
.ii-bjc2-board b,
.ii-bjc2-note-title,
.ii-bjc2-note-category,
.ii-bjc2-note-featured,
.ii-bjc2-archive-kicker,
.ii-bjc2-article-category,
.ii-bjc2-article-featured,
.ii-bjc2-community-kicker,
.ii-bjc2-community-toolbar h3,
.ii-bjc2-thread-heading strong{
  font-family:'Luckiest Guy','Trebuchet MS',cursive!important;
  font-weight:400!important;
  letter-spacing:.018em;
}

/* 0.8.36 - the photo-driven sizing model is REMOVED.
   It set width:fit-content on .ii-bjc2-article-photo-window. Once an absolutely
   positioned box has a width that is not auto it becomes over-constrained, the
   browser drops `bottom`, and the height resolves from content instead of from
   the aperture. The window therefore took its top and width from the aperture
   and its height from the photograph -- measured live at a uniform 0.76 scale on
   both axes, overflowing the frame by 36.36px.

   There is now ONE geometry authority:
     wrapper  -> owns the artwork aspect ratio (inline, from the real PNG)
     window   -> absolutely positioned from the measured aperture, overflow hidden
     photo    -> 100%/100% of that window, object-fit:contain, centered
     frame art-> absolute overlay above the photo, owns no sizing

   Nothing below may give the window or the wrapper a width, height, max-height
   or grid track. */
.ii-bjc2-article-image-wrap,
.ii-bjc2-article-image-wrap.frame-none{
  max-width:100%;
  margin:34px auto 42px;
  box-sizing:border-box;
}
.ii-bjc2-article-image-wrap.has-frame-aperture{
  margin:34px auto 42px;
  box-sizing:border-box;
  /* Neutralise the decorative card from the 0.5.50 and 0.8.x blocks. The inline
     wrapper style already outranks their sizing; these are the leftovers that
     would otherwise draw a white rounded panel behind transparent frame art. */
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  isolation:isolate;
}
.ii-bjc2-article-image-wrap.has-frame-aperture .ii-bjc2-article-photo-window{
  background:transparent;
  border-radius:0;
}
.ii-bjc2-article-image-wrap.has-frame-aperture .ii-bjc2-article-image{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
/* The frame art is decoration over the photograph. It never sizes it. */
.ii-bjc2-article-image-wrap.has-frame-aperture .ii-bjc2-article-frame-art,
.ii-bjc2-article-image-wrap.has-frame-aperture .ii-bjc2-article-frame-fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
  object-fit:fill;
}
/* Unframed articles keep the previous behaviour. */
.ii-bjc2-article-image-wrap.frame-none .ii-bjc2-article-photo-window{
  border-radius:14px;
}
.ii-bjc2-article-image-wrap.frame-none .ii-bjc2-article-image{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:620px!important;
  object-fit:contain!important;
}
@media(max-width:520px){
  .ii-bjc2-article-image-wrap,
  .ii-bjc2-article-image-wrap.frame-none,
  .ii-bjc2-article-image-wrap.has-frame-aperture{
    margin:26px auto 32px;
  }
}


/* 0.5.50 — Article-specific responsive frames + Luckiest Guy glyph breathing room.
   Note-card frame artwork is intentionally untouched. Article photography no longer
   stretches the fixed 480x520 note-frame asset over arbitrary photo ratios. */
.ii-bjc2-article-image-wrap.frame-classic,
.ii-bjc2-article-image-wrap.frame-scalloped{
  position:relative;
  width:fit-content;
  max-width:100%;
  padding:12px 12px 20px!important;
  border:0!important;
  border-radius:18px;
  background:#fff!important;
  box-shadow:0 14px 35px rgba(47,57,62,.18),0 2px 0 rgba(255,255,255,.85) inset;
  overflow:visible;
  transform:rotate(-.25deg);
}
.ii-bjc2-article-image-wrap.frame-scalloped{
  border-radius:14px;
  clip-path:polygon(1% 0,99% 0,100% 2%,99% 4%,100% 6%,99% 8%,100% 10%,99% 12%,100% 14%,99% 16%,100% 18%,99% 20%,100% 22%,99% 24%,100% 26%,99% 28%,100% 30%,99% 32%,100% 34%,99% 36%,100% 38%,99% 40%,100% 42%,99% 44%,100% 46%,99% 48%,100% 50%,99% 52%,100% 54%,99% 56%,100% 58%,99% 60%,100% 62%,99% 64%,100% 66%,99% 68%,100% 70%,99% 72%,100% 74%,99% 76%,100% 78%,99% 80%,100% 82%,99% 84%,100% 86%,99% 88%,100% 90%,99% 92%,100% 94%,99% 96%,100% 98%,99% 100%,1% 100%,0 98%,1% 96%,0 94%,1% 92%,0 90%,1% 88%,0 86%,1% 84%,0 82%,1% 80%,0 78%,1% 76%,0 74%,1% 72%,0 70%,1% 68%,0 66%,1% 64%,0 62%,1% 60%,0 58%,1% 56%,0 54%,1% 52%,0 50%,1% 48%,0 46%,1% 44%,0 42%,1% 40%,0 38%,1% 36%,0 34%,1% 32%,0 30%,1% 28%,0 26%,1% 24%,0 22%,1% 20%,0 18%,1% 16%,0 14%,1% 12%,0 10%,1% 8%,0 6%,1% 4%,0 2%);
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-photo-window,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-photo-window{
  width:auto;
  max-width:100%;
  border-radius:8px;
  background:transparent;
  overflow:hidden;
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-frame-art,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-frame-art,
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-frame-fallback,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-frame-fallback{
  display:none!important;
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-image,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-image{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:min(100%,1100px)!important;
  max-height:none!important;
  object-fit:contain!important;
}

/* Luckiest Guy has generous cap/descender shapes. Avoid tight legacy line boxes
   making the display face look clipped at the top/bottom on multi-line titles. */
.ii-bjc2-article h1,
.ii-bjc2-archive-heading h1{
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  padding:.06em 0 .08em;
}
.ii-bjc2-article-page h2,
.ii-bjc2-article-page h3,
.ii-bjc2-article-page h4,
.ii-bjc2-article-page h5,
.ii-bjc2-article-page h6,
.ii-bjc2-archive-page h2,
.ii-bjc2-archive-page h3,
.ii-bjc2-archive-page h4,
.ii-bjc2-archive-page h5,
.ii-bjc2-archive-page h6{
  line-height:1.14!important;
  padding-top:.035em;
  padding-bottom:.045em;
}
.ii-bjc2-article-page strong,
.ii-bjc2-article-page b,
.ii-bjc2-archive-page strong,
.ii-bjc2-archive-page b{
  line-height:1.18;
}
@media(max-width:520px){
  .ii-bjc2-article-image-wrap.frame-classic,
  .ii-bjc2-article-image-wrap.frame-scalloped{
    padding:8px 8px 14px!important;
    border-radius:13px;
  }
}


/* 0.5.55 — Persisted Bluejay paper/pin classes are the visual authority.
   Dynamic Studio component attrs may not always carry CSS custom properties,
   so colors must never depend on inline --bjc2-* variables alone. */
.ii-bjc2-community-note.color-yellow .ii-bjc2-community-note-paper-color-layer,
.ii-bjc2-note.color-yellow .ii-bjc2-note-paper-color-layer,
.ii-bjc2-article.color-yellow .ii-bjc2-article-paper-color{background:#fff0a8!important}
.ii-bjc2-community-note.color-blue .ii-bjc2-community-note-paper-color-layer,
.ii-bjc2-note.color-blue .ii-bjc2-note-paper-color-layer,
.ii-bjc2-article.color-blue .ii-bjc2-article-paper-color{background:#bfe8ff!important}
.ii-bjc2-community-note.color-green .ii-bjc2-community-note-paper-color-layer,
.ii-bjc2-note.color-green .ii-bjc2-note-paper-color-layer,
.ii-bjc2-article.color-green .ii-bjc2-article-paper-color{background:#ccefc1!important}
.ii-bjc2-community-note.color-pink .ii-bjc2-community-note-paper-color-layer,
.ii-bjc2-note.color-pink .ii-bjc2-note-paper-color-layer,
.ii-bjc2-article.color-pink .ii-bjc2-article-paper-color{background:#ffd0df!important}
.ii-bjc2-community-note.color-white .ii-bjc2-community-note-paper-color-layer,
.ii-bjc2-note.color-white .ii-bjc2-note-paper-color-layer,
.ii-bjc2-article.color-white .ii-bjc2-article-paper-color{background:#fffdf5!important}
.ii-bjc2-community-note.pin-red .ii-bjc2-community-note-pin-color-layer,
.ii-bjc2-note.pin-red .ii-bjc2-note-pin-color-layer,
.ii-bjc2-article.pin-red .ii-bjc2-article-pin-color{background:#e5484d!important}
.ii-bjc2-community-note.pin-blue .ii-bjc2-community-note-pin-color-layer,
.ii-bjc2-note.pin-blue .ii-bjc2-note-pin-color-layer,
.ii-bjc2-article.pin-blue .ii-bjc2-article-pin-color{background:#2386d1!important}
.ii-bjc2-community-note.pin-green .ii-bjc2-community-note-pin-color-layer,
.ii-bjc2-note.pin-green .ii-bjc2-note-pin-color-layer,
.ii-bjc2-article.pin-green .ii-bjc2-article-pin-color{background:#43a85b!important}


/* ========================================================================== */
/* Bluejay's Corner 0.6.0 — simplified native responsive board                */
/* ========================================================================== */
.ii-bjc2-board-page{
    position:relative;
    min-height:var(--ii-studio-viewport-height,100vh);
    padding:clamp(44px,5vw,84px) clamp(18px,3.5vw,64px) clamp(76px,8vw,130px);
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 16%,rgba(255,255,255,.24) 0 7%,transparent 7.2%),
        radial-gradient(circle at 88% 28%,rgba(255,255,255,.16) 0 9%,transparent 9.2%),
        radial-gradient(circle at 50% 92%,rgba(255,238,176,.22) 0 17%,transparent 17.2%),
        linear-gradient(180deg,#0b91df 0%,#28b7e3 48%,#74d8ca 100%);
}
.ii-bjc2-board-page:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(4,70,137,.14),transparent 22%,transparent 76%,rgba(7,105,117,.12));
}
.ii-bjc2-board-page-art{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:auto;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.ii-bjc2-board-page:before{z-index:1}
.ii-bjc2-board-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(.1px);opacity:.22;background:#fff}
.ii-bjc2-board-bg-orb-a{width:clamp(180px,18vw,360px);height:clamp(180px,18vw,360px);left:-7vw;top:18%}
.ii-bjc2-board-bg-orb-b{width:clamp(220px,22vw,430px);height:clamp(220px,22vw,430px);right:-10vw;top:42%}

.ii-bjc2-board-canvas{
    position:relative!important;
    z-index:2;
    width:min(100%,1440px)!important;
    min-height:0!important;
    margin:0 auto!important;
    overflow:visible!important;
    background:transparent!important;
}

.ii-bjc2-board-hero{
    width:min(100%,1040px);
    margin:0 auto clamp(36px,4vw,56px);
    text-align:center;
}
.ii-bjc2-board-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    padding:7px 16px 6px;
    border:2px solid rgba(255,255,255,.52);
    border-radius:999px;
    background:rgba(255,255,255,.92);
    box-shadow:0 8px 22px rgba(8,68,111,.14);
    color:#1671b4;
    font-size:12px;
    font-weight:1000;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.ii-bjc2-board-hero h1{
    margin:0;
    color:#fff;
    font-family:"Luckiest Guy","Arial Rounded MT Bold",system-ui,sans-serif;
    font-size:clamp(58px,7.4vw,118px);
    font-weight:400;
    line-height:.94;
    letter-spacing:.015em;
    paint-order:stroke fill;
    -webkit-text-stroke:clamp(1px,.13vw,3px) #0e4f82;
    text-shadow:0 5px 0 #0e4f82,0 14px 28px rgba(5,62,103,.28);
}
.ii-bjc2-board-hero p{
    max-width:740px;
    margin:12px auto 0;
    color:#f8fdff;
    font-size:clamp(16px,1.35vw,21px);
    font-weight:850;
    line-height:1.42;
    text-shadow:0 2px 8px rgba(7,62,96,.26);
}
.ii-bjc2-board-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.ii-bjc2-board-action{
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:12px 22px 11px;
    border:3px solid rgba(255,255,255,.92);
    border-radius:999px;
    color:#fff;
    font-size:15px;
    font-weight:1000;
    letter-spacing:.01em;
    text-decoration:none;
    box-shadow:0 9px 18px rgba(6,70,118,.2),inset 0 1px 0 rgba(255,255,255,.28);
    transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.ii-bjc2-board-action:hover,.ii-bjc2-board-action:focus-visible{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 13px 24px rgba(6,70,118,.25),inset 0 1px 0 rgba(255,255,255,.32)}
.ii-bjc2-board-action-calendar{background:linear-gradient(180deg,#3da8ff 0%,#1976cc 100%)}
.ii-bjc2-board-action-archive{background:linear-gradient(180deg,#ffbf45 0%,#e58a21 100%);color:#5b3303}

.ii-bjc2-board-feed{
    width:100%;
    margin:0 auto;
    padding:clamp(24px,3vw,40px);
    border:2px solid rgba(255,255,255,.3);
    border-radius:clamp(28px,3vw,44px);
    background:rgba(255,255,255,.16);
    box-shadow:0 30px 70px rgba(7,72,105,.17),inset 0 1px 0 rgba(255,255,255,.25);
    backdrop-filter:blur(4px);
}
.ii-bjc2-board-feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 4px 24px;padding:0 4px 16px;border-bottom:2px solid rgba(255,255,255,.28)}
.ii-bjc2-board-feed-heading span{color:#eaffff;font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}
.ii-bjc2-board-feed-heading h2{margin:0;color:#fff;font-family:"Luckiest Guy","Arial Rounded MT Bold",system-ui,sans-serif;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1;text-shadow:0 3px 0 rgba(10,75,113,.48)}

.ii-bjc2-board-page .ii-bjc2-notes-layer{
    position:relative!important;
    z-index:5;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:clamp(28px,2.6vw,42px) clamp(24px,2.4vw,38px);
    min-height:0!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    max-width:none!important;
    aspect-ratio:6/5;
    margin:0!important;
    translate:none!important;
    scale:1!important;
    rotate:0deg!important;
    transform:none!important;
    z-index:auto!important;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured,
.ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured{
    grid-column:span 2;
    aspect-ratio:620/340;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-title{font-family:"Luckiest Guy","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:400;letter-spacing:.01em}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-presentation{filter:drop-shadow(0 14px 18px rgba(34,72,75,.18))}
.ii-bjc2-board-page .ii-bjc2-note.context-board:hover .ii-bjc2-note-presentation{filter:drop-shadow(0 20px 22px rgba(34,72,75,.25));transform:translateY(-5px)}
.ii-bjc2-board-page .ii-bjc2-empty{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:min(100%,620px)!important;
    grid-column:1/-1;
    justify-self:center;
    margin:24px auto;
}

@media(max-width:1050px){
    .ii-bjc2-board-page{padding-inline:24px}
    .ii-bjc2-board-page .ii-bjc2-notes-layer{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured{grid-column:span 2}
}
@media(max-width:700px){
    .ii-bjc2-board-page{padding:34px 14px 78px}
    .ii-bjc2-board-hero{margin-bottom:28px}
    .ii-bjc2-board-hero h1{font-size:clamp(50px,15vw,72px);-webkit-text-stroke:1.5px #0e4f82;text-shadow:0 4px 0 #0e4f82,0 10px 22px rgba(5,62,103,.24)}
    .ii-bjc2-board-hero p{font-size:16px}
    .ii-bjc2-board-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px;margin-top:20px}
    .ii-bjc2-board-action{min-height:46px;padding:10px 14px;font-size:14px}
    .ii-bjc2-board-feed{padding:18px 14px 24px;border-radius:28px}
    .ii-bjc2-board-feed-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:18px;padding-bottom:12px}
    .ii-bjc2-board-page .ii-bjc2-notes-layer{grid-template-columns:minmax(0,1fr);gap:26px}
    .ii-bjc2-board-page .ii-bjc2-note.context-board,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured{grid-column:auto;aspect-ratio:1.28}
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-content-safe{top:54px;right:26px;bottom:24px;left:26px}
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-title{font-size:26px}
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-title{font-size:28px}
}
@media(max-width:420px){
    .ii-bjc2-board-page{padding-inline:10px}
    .ii-bjc2-board-kicker{font-size:10px}
    .ii-bjc2-board-actions{grid-template-columns:1fr}
    .ii-bjc2-board-feed{padding-inline:10px}
    .ii-bjc2-board-page .ii-bjc2-note.context-board,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured{aspect-ratio:1.18}
}


/* ========================================================================== */
/* Bluejay's Corner 0.6.1 — corkboard + utility nav + bottom-left note CTA    */
/* ========================================================================== */
.ii-bjc2-board-canvas{
    padding-top:32px;
}
.ii-bjc2-board-hero{
    position:relative;
    width:min(100%,1040px);
    margin-bottom:clamp(52px,5.5vw,82px);
}
.ii-bjc2-board-actions{
    position:absolute;
    top:-18px;
    left:50%;
    width:min(1380px,calc(100vw - 64px));
    margin:0;
    transform:translateX(-50%);
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    pointer-events:none;
}
.ii-bjc2-board-action{
    pointer-events:auto;
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    column-gap:12px;
    row-gap:1px;
    min-width:235px;
    max-width:310px;
    min-height:72px;
    padding:12px 17px 12px 18px;
    border:3px solid rgba(255,255,255,.94);
    border-radius:20px;
    text-align:left;
    line-height:1.05;
}
.ii-bjc2-board-action-eyebrow{
    grid-column:1;
    color:rgba(255,255,255,.8);
    font-size:10px;
    font-weight:1000;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.ii-bjc2-board-action strong{
    grid-column:1;
    font-family:"Luckiest Guy","Arial Rounded MT Bold",system-ui,sans-serif;
    font-size:17px;
    font-weight:400;
    letter-spacing:.015em;
}
.ii-bjc2-board-action-arrow{
    grid-column:2;
    grid-row:1/3;
    align-self:center;
    font-family:system-ui,sans-serif;
    font-size:28px;
    font-weight:900;
    line-height:1;
}
.ii-bjc2-board-action-archive{
    color:#573006;
}
.ii-bjc2-board-action-archive .ii-bjc2-board-action-eyebrow{
    color:rgba(86,48,5,.68);
}

/* Cork surface. No external art asset: layered gradients create the grain. */
.ii-bjc2-board-feed{
    position:relative;
    isolation:isolate;
    padding:clamp(42px,4.2vw,64px) clamp(32px,4vw,58px) clamp(54px,5vw,76px);
    border:14px solid #71401e;
    border-radius:30px;
    background:
        radial-gradient(circle at 18% 22%,rgba(91,50,20,.15) 0 1.5px,transparent 1.8px),
        radial-gradient(circle at 72% 63%,rgba(255,229,181,.18) 0 1.3px,transparent 1.7px),
        radial-gradient(circle at 42% 82%,rgba(98,52,23,.12) 0 1px,transparent 1.5px),
        linear-gradient(135deg,rgba(255,255,255,.08),transparent 36%,rgba(92,49,19,.07) 74%,rgba(255,255,255,.05)),
        #b9793e;
    background-size:23px 21px,31px 29px,19px 25px,100% 100%,100% 100%;
    box-shadow:
        0 9px 0 #4d2a13,
        0 26px 56px rgba(25,63,72,.28),
        inset 0 0 0 4px rgba(231,163,82,.58),
        inset 0 0 28px rgba(75,39,16,.2);
    backdrop-filter:none;
}
.ii-bjc2-board-feed:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-9px;
    border:2px solid rgba(255,202,128,.34);
    border-radius:22px;
    pointer-events:none;
}
.ii-bjc2-board-feed-art{
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:16px;
    pointer-events:auto;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.ii-bjc2-board-feed-heading{position:relative;z-index:2}
.ii-bjc2-corkboard-pin{
    position:absolute;
    z-index:12;
    top:16px;
    width:23px;
    height:23px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 28%,#fff6d7 0 8%,#eb5d54 10% 54%,#9f2d2a 56% 100%);
    box-shadow:0 4px 5px rgba(62,30,16,.35);
}
.ii-bjc2-corkboard-pin-left{left:22px}
.ii-bjc2-corkboard-pin-right{right:22px}
.ii-bjc2-board-feed-heading{
    margin:0 2px 30px;
    padding:0 4px 17px;
    border-bottom:2px solid rgba(79,41,18,.28);
}
.ii-bjc2-board-feed-heading span{
    color:#fff7df;
    text-shadow:0 2px 3px rgba(78,40,17,.42);
}
.ii-bjc2-board-feed-heading h2{
    color:#fffaf0;
    text-shadow:0 3px 0 rgba(83,43,20,.55),0 7px 14px rgba(78,40,17,.24);
}

/* Keep the CTA physically at the bottom-left and reserve room for it. */
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-content-safe{
    position:absolute;
    display:block;
    overflow:hidden;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-meta{
    position:relative;
    z-index:2;
    margin-bottom:8px;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main{
    height:calc(100% - 32px);
    min-height:0;
    padding-bottom:42px;
    box-sizing:border-box;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-copy{
    min-height:0;
    overflow:hidden;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-link{
    position:absolute;
    z-index:5;
    left:0;
    bottom:0;
    width:min(210px,68%);
    margin:0;
    padding:9px 0 1px;
    border-top:2px solid rgba(224,139,32,.78);
    justify-content:flex-start;
    gap:10px;
    background:transparent;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-main,
.ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-main{
    padding-bottom:46px;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-link,
.ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-link{
    width:min(300px,62%);
}

@media(max-width:1180px){
    .ii-bjc2-board-actions{
        position:relative;
        top:auto;
        left:auto;
        width:min(100%,720px);
        margin:24px auto 0;
        transform:none;
    }
    .ii-bjc2-board-hero{margin-bottom:38px}
}
@media(max-width:700px){
    .ii-bjc2-board-canvas{padding-top:8px}
    .ii-bjc2-board-actions{
        display:grid;
        grid-template-columns:1fr;
        width:min(100%,420px);
    }
    .ii-bjc2-board-action{
        width:100%;
        max-width:none;
        min-width:0;
        min-height:64px;
        border-radius:18px;
    }
    .ii-bjc2-board-feed{
        padding:34px 14px 38px;
        border-width:9px;
        border-radius:24px;
        box-shadow:0 6px 0 #4d2a13,0 20px 38px rgba(25,63,72,.24),inset 0 0 0 3px rgba(231,163,82,.52);
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main{
        padding-bottom:40px;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-link{
        width:min(210px,78%);
    }
}


/* ========================================================================== */
/* Bluejay's Corner 0.6.2 — corner utility links + deterministic note flow    */
/* ========================================================================== */
@media(min-width:1181px){
    /* Let the action rail use the viewport, not the narrower title width. */
    .ii-bjc2-board-hero{position:static}
    .ii-bjc2-board-actions{
        position:absolute;
        z-index:30;
        top:4px;
        left:50%;
        right:auto;
        width:min(1580px,calc(100vw - 28px));
        max-width:none;
        padding:0;
        margin:0;
        transform:translateX(-50%);
        justify-content:space-between;
        align-items:flex-start;
    }
    .ii-bjc2-board-action{
        min-width:205px;
        width:clamp(205px,15vw,238px);
        max-width:238px;
        min-height:66px;
        padding:10px 15px 10px 16px;
        border-radius:18px;
    }
    .ii-bjc2-board-action strong{font-size:16px}
    .ii-bjc2-board-action-arrow{font-size:25px}
}

/* Notes always occupy the next CSS-grid slot in source order: left-to-right,
   then top-to-bottom. Nothing on the public board receives random X/Y values. */
.ii-bjc2-board-page .ii-bjc2-notes-layer{
    grid-auto-flow:row;
}

/* ========================================================================== */
/* Bluejay's Corner 0.7.0 — published 12-slot board layout                    */
/* ========================================================================== */
@media(min-width:1051px){
    .ii-bjc2-board-page .ii-bjc2-notes-layer{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        grid-template-rows:repeat(4,minmax(240px,auto));
        grid-auto-flow:row;
        gap:clamp(24px,2vw,34px) clamp(18px,1.8vw,30px);
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board[data-ii-bjc2-board-slot]{
        grid-column:var(--bjc2-board-column)/span var(--bjc2-board-span)!important;
        grid-row:var(--bjc2-board-row)!important;
        align-self:start;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board:not(.is-featured):not(.format-featured){
        aspect-ratio:6/5;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured{
        aspect-ratio:620/340;
    }
}

/* Tablet/mobile honor the published order but reflow rather than preserving
   desktop slot coordinates. */
@media(max-width:1050px){
    .ii-bjc2-board-page .ii-bjc2-note.context-board[data-ii-bjc2-board-slot]{
        grid-column:auto!important;
        grid-row:auto!important;
    }
}
@media(min-width:701px) and (max-width:1050px){
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured[data-ii-bjc2-board-slot],
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured[data-ii-bjc2-board-slot]{
        grid-column:span 2!important;
    }
}


/* ========================================================================== */
/* Bluejay's Corner 0.7.7 — centered 10-slot corkboard + authored note motion */
/* ========================================================================== */
@media(min-width:1051px){
    .ii-bjc2-board-page .ii-bjc2-notes-layer{
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        grid-template-rows:repeat(4,minmax(240px,auto));
        grid-auto-flow:row;
        gap:clamp(24px,2vw,34px) clamp(9px,.9vw,15px);
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board[data-ii-bjc2-board-slot]{
        grid-column:var(--bjc2-board-column)/span var(--bjc2-board-span)!important;
        grid-row:var(--bjc2-board-row)!important;
        align-self:start;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board:not(.is-featured):not(.format-featured){
        aspect-ratio:6/5;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured{
        aspect-ratio:620/340;
    }
}


/* ========================================================================== */
/* Bluejay's Corner 0.7.7 — unified Imagine Island display typography        */
/* "Lucky Sky" is the site display role. If that family is registered by the
 * theme it wins; Luckiest Guy is the bundled/web fallback used by this plugin. */
.ii-bjc2-board-page,
.ii-bjc2-article-page,
.ii-bjc2-archive-page {
    --bjc2-display-font: "Lucky Sky", "Luckiest Guy", "Arial Rounded MT Bold", "Trebuchet MS", cursive;
}

/* Page and section titles. */
.ii-bjc2-board-hero h1,
.ii-bjc2-board-feed-heading h2,
.ii-bjc2-board-action strong,
.ii-bjc2-archive-heading h1,
.ii-bjc2-archive-empty strong,
.ii-bjc2-article h1,
.ii-bjc2-article-content h2,
.ii-bjc2-article-content h3,
.ii-bjc2-community-header h2,
.ii-bjc2-community-toolbar h3,
.ii-bjc2-thread-heading strong,
.ii-bjc2-note-title {
    font-family: var(--bjc2-display-font) !important;
    font-weight: 400 !important;
}

/* Small title-like labels keep the same face without forcing body copy into it. */
.ii-bjc2-board-kicker,
.ii-bjc2-board-feed-heading > span,
.ii-bjc2-board-action-eyebrow,
.ii-bjc2-archive-kicker,
.ii-bjc2-note-category,
.ii-bjc2-note-featured,
.ii-bjc2-article-category,
.ii-bjc2-article-featured,
.ii-bjc2-community-kicker {
    font-family: var(--bjc2-display-font) !important;
    font-weight: 400 !important;
    letter-spacing: .035em;
}

/* The display face needs slightly more breathing room than the body font. */
.ii-bjc2-board-hero h1,
.ii-bjc2-archive-heading h1,
.ii-bjc2-article h1 {
    line-height: 1.04 !important;
}
.ii-bjc2-note-title,
.ii-bjc2-board-feed-heading h2,
.ii-bjc2-community-header h2,
.ii-bjc2-community-toolbar h3,
.ii-bjc2-article-content h2,
.ii-bjc2-article-content h3 {
    line-height: 1.1 !important;
}

/* ========================================================================== */
/* Bluejay's Corner 0.7.7 — archive CTA parity                              */
/* Archive cards use the same bottom-left CTA contract as the live board.    */
/* ========================================================================== */
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-content-safe{
    position:absolute;
    display:block;
    overflow:hidden;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-meta{
    position:relative;
    z-index:2;
    margin-bottom:8px;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-main{
    height:calc(100% - 32px);
    min-height:0;
    padding-bottom:42px;
    box-sizing:border-box;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-copy{
    min-height:0;
    overflow:hidden;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-link{
    position:absolute;
    z-index:5;
    left:0;
    bottom:0;
    width:min(210px,68%);
    margin:0;
    padding:9px 0 1px;
    border-top:2px solid rgba(224,139,32,.78);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    background:transparent;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-main,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-main{
    padding-bottom:46px;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-link,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-link{
    width:min(300px,62%);
}
@media(max-width:520px){
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-main{
        padding-bottom:36px;
    }
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-link{
        width:min(190px,74%);
        padding-top:7px;
    }
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-main,
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-main{
        padding-bottom:38px;
    }
}


/* 0.7.10 — featured note detail pages are full articles, not stretched board cards. */
.ii-bjc2-article.is-featured{
    max-width:1120px;
    padding:58px 62px 64px;
    border:1px solid rgba(66,81,92,.12);
    border-radius:32px;
    background:
        radial-gradient(circle at 12% 0%,rgba(255,255,255,.72),transparent 34%),
        linear-gradient(180deg,color-mix(in srgb,var(--bjc2-paper-color,#fff0a8) 82%,#fff 18%) 0%,color-mix(in srgb,var(--bjc2-paper-color,#fff0a8) 68%,#fff 32%) 100%)!important;
    box-shadow:0 30px 90px rgba(38,74,94,.18),inset 0 1px 0 rgba(255,255,255,.72);
    overflow:visible;
}
.ii-bjc2-article.is-featured:before,
.ii-bjc2-article.is-featured:after,
.ii-bjc2-article.is-featured .ii-bjc2-article-paper{
    display:none!important;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-pin{
    top:-35px;
    width:76px;
    height:76px;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-header{
    max-width:900px;
    margin-bottom:28px;
    padding:12px 24px 0;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-meta{
    margin-bottom:10px;
}
.ii-bjc2-article.is-featured h1{
    margin:14px 0 10px;
    font-size:clamp(46px,5.2vw,72px);
    line-height:.96;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-deck{
    max-width:760px;
    font-size:20px;
    line-height:1.45;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-image-wrap{
    width:min(920px,100%);
    margin:28px auto 36px;
    border-radius:22px;
    box-shadow:0 16px 38px rgba(39,64,82,.16);
}
/* 0.8.37: scoped away from aperture frames. A 16/9 ratio here plus a
   definite width made the height definite too, over-constraining the box
   so the browser dropped `bottom` and the window grew past the frame.
   Unframed articles keep the 16/9 presentation. */
.ii-bjc2-article.is-featured .ii-bjc2-article-image-wrap:not(.has-frame-aperture) .ii-bjc2-article-photo-window{
    aspect-ratio:16/9;
    background:#eef6fa;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-image{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-content{
    position:relative;
    max-width:860px;
    margin:0 auto;
    padding:38px 44px 42px;
    border:1px solid rgba(48,66,78,.09);
    border-radius:24px;
    background:rgba(255,255,255,.92);
    box-shadow:0 12px 32px rgba(51,72,84,.10),inset 0 1px 0 rgba(255,255,255,.96);
    font-size:20px;
    line-height:1.72;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-content:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.08));
    pointer-events:none;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-content h2,
.ii-bjc2-article.is-featured .ii-bjc2-article-content h3{
    margin-top:1.35em;
    margin-bottom:.5em;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-content p{
    margin:0 0 1em;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-content p:last-child{
    margin-bottom:0;
}
.ii-bjc2-article.is-featured .ii-bjc2-article-footer{
    max-width:860px;
    margin-top:34px;
}
@media(max-width:900px){
    .ii-bjc2-article.is-featured{padding:46px 28px 48px;border-radius:26px}
    .ii-bjc2-article.is-featured .ii-bjc2-article-header{padding-inline:8px}
    .ii-bjc2-article.is-featured .ii-bjc2-article-content{padding:30px 28px 34px}
}
@media(max-width:520px){
    .ii-bjc2-article.is-featured{padding:38px 16px 36px;border-radius:20px}
    .ii-bjc2-article.is-featured .ii-bjc2-article-pin{top:-27px;width:58px;height:58px}
    .ii-bjc2-article.is-featured h1{font-size:40px}
    .ii-bjc2-article.is-featured .ii-bjc2-article-deck{font-size:17px}
    .ii-bjc2-article.is-featured .ii-bjc2-article-image-wrap{margin:22px 0 28px}
    .ii-bjc2-article.is-featured .ii-bjc2-article-content{padding:24px 20px 28px;border-radius:18px;font-size:18px;line-height:1.65}
}


/* 0.7.11 — every Bluejay detail page uses the clean article reading surface. */
.ii-bjc2-article{
    max-width:1120px;
    padding:58px 62px 64px;
    border:1px solid rgba(66,81,92,.12);
    border-radius:32px;
    background:
        radial-gradient(circle at 12% 0%,rgba(255,255,255,.72),transparent 34%),
        linear-gradient(180deg,color-mix(in srgb,var(--bjc2-paper-color,#fff0a8) 82%,#fff 18%) 0%,color-mix(in srgb,var(--bjc2-paper-color,#fff0a8) 68%,#fff 32%) 100%)!important;
    box-shadow:0 30px 90px rgba(38,74,94,.18),inset 0 1px 0 rgba(255,255,255,.72);
    overflow:visible;
}
.ii-bjc2-article:before,
.ii-bjc2-article:after,
.ii-bjc2-article .ii-bjc2-article-paper{
    display:none!important;
}
.ii-bjc2-article .ii-bjc2-article-pin{
    top:-35px;
    width:76px;
    height:76px;
}
.ii-bjc2-article .ii-bjc2-article-header{
    max-width:900px;
    margin-bottom:28px;
    padding:12px 24px 0;
}
.ii-bjc2-article .ii-bjc2-article-meta{margin-bottom:10px}
.ii-bjc2-article h1{
    margin:14px 0 10px;
    font-size:clamp(46px,5.2vw,72px);
    line-height:.96;
}
.ii-bjc2-article .ii-bjc2-article-deck{
    max-width:760px;
    font-size:20px;
    line-height:1.45;
}
.ii-bjc2-article .ii-bjc2-article-image-wrap{
    width:min(920px,100%);
    margin:28px auto 36px;
    border-radius:22px;
    box-shadow:0 16px 38px rgba(39,64,82,.16);
}
/* 0.8.37: scoped away from aperture frames. A 16/9 ratio here plus a
   definite width made the height definite too, over-constraining the box
   so the browser dropped `bottom` and the window grew past the frame.
   Unframed articles keep the 16/9 presentation. */
.ii-bjc2-article .ii-bjc2-article-image-wrap:not(.has-frame-aperture) .ii-bjc2-article-photo-window{
    aspect-ratio:16/9;
    background:#eef6fa;
}
.ii-bjc2-article .ii-bjc2-article-image{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
}
.ii-bjc2-article .ii-bjc2-article-content{
    position:relative;
    max-width:860px;
    margin:0 auto;
    padding:38px 44px 42px;
    border:1px solid rgba(48,66,78,.09);
    border-radius:24px;
    background:rgba(255,255,255,.92);
    box-shadow:0 12px 32px rgba(51,72,84,.10),inset 0 1px 0 rgba(255,255,255,.96);
    font-size:20px;
    line-height:1.72;
}
.ii-bjc2-article .ii-bjc2-article-content:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.08));
    pointer-events:none;
}
.ii-bjc2-article .ii-bjc2-article-content h2,
.ii-bjc2-article .ii-bjc2-article-content h3{
    margin-top:1.35em;
    margin-bottom:.5em;
}
.ii-bjc2-article .ii-bjc2-article-content p{margin:0 0 1em}
.ii-bjc2-article .ii-bjc2-article-content p:last-child{margin-bottom:0}
.ii-bjc2-article .ii-bjc2-article-footer{
    max-width:860px;
    margin-top:34px;
}
@media(max-width:900px){
    .ii-bjc2-article{padding:46px 28px 48px;border-radius:26px}
    .ii-bjc2-article .ii-bjc2-article-header{padding-inline:8px}
    .ii-bjc2-article .ii-bjc2-article-content{padding:30px 28px 34px}
}
@media(max-width:520px){
    .ii-bjc2-article{padding:38px 16px 36px;border-radius:20px}
    .ii-bjc2-article .ii-bjc2-article-pin{top:-27px;width:58px;height:58px}
    .ii-bjc2-article h1{font-size:40px}
    .ii-bjc2-article .ii-bjc2-article-deck{font-size:17px}
    .ii-bjc2-article .ii-bjc2-article-image-wrap{margin:22px 0 28px}
    .ii-bjc2-article .ii-bjc2-article-content{padding:24px 20px 28px;border-radius:18px;font-size:18px;line-height:1.65}
}

/* ========================================================================== */
/* Bluejay's Corner 0.7.12 — centered, playful note CTA treatment             */
/* ========================================================================== */
/*
 * Keep the divider independent from the CTA so it can span the full safe
 * content width, while the action itself sits centered and comfortably above
 * the paper edge. This applies to standard + featured cards everywhere the
 * canonical note renderer is used (board, archive, and admin preview).
 */
.ii-bjc2-note .ii-bjc2-note-link{
    position:relative;
    z-index:6;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    gap:8px;
    width:auto;
    max-width:calc(100% - 28px);
    margin:15px auto 5px;
    padding:8px 15px 9px;
    border:2px solid rgba(19,79,125,.22);
    border-radius:999px;
    background:rgba(255,255,255,.76);
    color:#134f7d;
    font-size:13px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-decoration:none;
    box-shadow:0 3px 0 rgba(19,79,125,.17),0 5px 10px rgba(48,69,80,.10);
    transition:transform 150ms ease,box-shadow 150ms ease,background-color 150ms ease;
}
.ii-bjc2-note .ii-bjc2-note-link::before{
    content:"";
    position:absolute;
    left:50%;
    top:-12px;
    width:308px;
    max-width:calc(100vw - 44px);
    height:2px;
    border-radius:999px;
    background:rgba(224,139,32,.82);
    transform:translateX(-50%);
    pointer-events:none;
}
.ii-bjc2-note .ii-bjc2-note-link span{
    display:inline-block;
    margin:0;
    font-size:20px;
    font-weight:900;
    line-height:.72;
    transform:translateY(-1px);
    transition:transform 150ms ease;
}
.ii-bjc2-note a.ii-bjc2-note-link:hover,
.ii-bjc2-note a.ii-bjc2-note-link:focus-visible{
    background:rgba(255,255,255,.94);
    color:#0d5d91;
    text-decoration:none;
    transform:translateY(-2px) scale(1.025);
    box-shadow:0 5px 0 rgba(19,79,125,.17),0 8px 15px rgba(48,69,80,.15);
}
.ii-bjc2-note a.ii-bjc2-note-link:hover span,
.ii-bjc2-note a.ii-bjc2-note-link:focus-visible span{
    transform:translate(3px,-1px) scale(1.08);
}
.ii-bjc2-note a.ii-bjc2-note-link:active{
    transform:translateY(1px) scale(.99);
    box-shadow:0 1px 0 rgba(19,79,125,.17),0 3px 7px rgba(48,69,80,.10);
}
.ii-bjc2-note.format-featured .ii-bjc2-note-link,
.ii-bjc2-note.is-featured .ii-bjc2-note-link{
    width:auto;
    max-width:calc(100% - 40px);
    margin-top:17px;
    margin-bottom:6px;
    padding:9px 19px 10px;
    font-size:15px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-link::before,
.ii-bjc2-note.is-featured .ii-bjc2-note-link::before{
    width:532px;
    top:-13px;
}

/* The live board previously pinned the CTA to bottom-left. Center it instead. */
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main{
    padding-bottom:54px;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-link{
    left:50%;
    right:auto;
    bottom:7px;
    width:auto;
    max-width:calc(100% - 28px);
    margin:0;
    padding:8px 15px 9px;
    border:2px solid rgba(19,79,125,.22);
    transform:translateX(-50%);
    justify-content:center;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board a.ii-bjc2-note-link:hover,
.ii-bjc2-board-page .ii-bjc2-note.context-board a.ii-bjc2-note-link:focus-visible{
    transform:translate(-50%,-2px) scale(1.025);
}
.ii-bjc2-board-page .ii-bjc2-note.context-board a.ii-bjc2-note-link:active{
    transform:translate(-50%,1px) scale(.99);
}
.ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-main,
.ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-main{
    padding-bottom:62px;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-link,
.ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-link{
    width:auto;
    max-width:calc(100% - 40px);
    bottom:8px;
    padding:9px 19px 10px;
}

@media(max-width:700px){
    .ii-bjc2-note .ii-bjc2-note-link{
        padding:7px 12px 8px;
        font-size:12px;
    }
    .ii-bjc2-note .ii-bjc2-note-link span{font-size:18px}
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main{padding-bottom:52px}
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-main{padding-bottom:59px}
}
@media(prefers-reduced-motion:reduce){
    .ii-bjc2-note .ii-bjc2-note-link,
    .ii-bjc2-note .ii-bjc2-note-link span{transition:none}
}

/* ========================================================================== */
/* Bluejay's Corner 0.7.13 — mobile card hardening                            */
/* Featured notes keep featured priority, but use the standard 360x300 card   */
/* composition on phones. This prevents the wide artwork/photo from crushing   */
/* copy and guarantees that the CTA remains inside the paper.                  */
/* ========================================================================== */
.ii-bjc2-note-paper-art-mobile,
.ii-bjc2-note-paper-color-layer-mobile,
.ii-bjc2-note-excerpt-mobile{display:none}

@media(max-width:700px){
    /* Keep featured content first, but do not use a double-width card on phones. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured{
        order:-1;
        aspect-ratio:6/5!important;
    }

    /* Swap featured-wide paper artwork for the matching standard paper asset. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-paper-art-desktop,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-paper-art-desktop,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-paper-color-layer-desktop,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-paper-color-layer-desktop{
        display:none!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-paper-art-mobile,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-paper-art-mobile{
        display:block!important;
        width:100%;
        height:100%;
        object-fit:fill;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-paper-color-layer-mobile,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-paper-color-layer-mobile{
        display:block!important;
    }

    /* All cards share one protected mobile composition. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-content-safe,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-content-safe,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-content-safe{
        top:48px!important;
        right:24px!important;
        bottom:21px!important;
        left:24px!important;
        gap:5px!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-pin-slot,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-pin-slot{
        top:3px;
        width:48px;
        height:48px;
    }

    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-meta,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-meta,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-meta{
        min-height:18px;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-category,
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-featured{
        padding:3px 7px;
        font-size:8px;
    }

    /* Standardize title/body/image sizing, including featured cards. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-main{
        grid-template-columns:minmax(0,1fr) 104px!important;
        gap:9px!important;
        align-items:center;
        padding-bottom:48px!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board:not(.has-image) .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured:not(.has-image) .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured:not(.has-image) .ii-bjc2-note-main{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-title,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-title,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-title{
        margin:0 0 5px!important;
        font-size:23px!important;
        line-height:1.02!important;
        -webkit-line-clamp:2!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap,
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap.frame-classic,
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap.frame-scalloped,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-image-wrap,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-image-wrap{
        width:104px!important;
        min-width:104px!important;
        height:116px!important;
        min-height:116px!important;
        padding:6px 6px 17px!important;
        transform:translateX(-2px) rotate(1.5deg)!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap.frame-none,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-image-wrap.frame-none,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-image-wrap.frame-none{
        height:104px!important;
        min-height:104px!important;
        padding:0!important;
        transform:none!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
        inset:6px 6px 17px!important;
    }

    /* Exactly the short mobile excerpt requested; desktop retains authored copy. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-excerpt-desktop{display:none}
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-excerpt-mobile{display:inline}
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-excerpt,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-excerpt,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-excerpt{
        display:block!important;
        margin:0!important;
        font-size:12px!important;
        line-height:1.28!important;
        max-height:2.56em;
        overflow:hidden;
    }

    /* CTA always remains visible inside the lower safe area. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-link,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-link,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-link{
        bottom:5px!important;
        max-width:calc(100% - 20px)!important;
        padding:7px 13px 8px!important;
        font-size:12px!important;
        white-space:nowrap;
    }
}

@media(max-width:420px){
    .ii-bjc2-board-page .ii-bjc2-note.context-board,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured{
        aspect-ratio:6/5!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-content-safe,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-content-safe,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-content-safe{
        top:44px!important;
        right:21px!important;
        bottom:19px!important;
        left:21px!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-title,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-title,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-title{
        font-size:21px!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-main,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-main{
        grid-template-columns:minmax(0,1fr) 96px!important;
        gap:7px!important;
    }
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-image-wrap,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-image-wrap,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-image-wrap{
        width:96px!important;
        min-width:96px!important;
        height:108px!important;
        min-height:108px!important;
    }
}

/* Bluejay's Corner 0.8.0 - Islander nominations and verified post polls. */
.ii-bjc2-islander-panel,
.ii-bjc2-poll {
    box-sizing: border-box;
    color: #143b57;
    font-family: Arial, Helvetica, sans-serif;
}

.ii-bjc2-islander-panel {
    position: relative;
    width: min(1120px, calc(100% - 32px));
    margin: 22px auto 34px;
    padding: 26px 30px 28px;
    border: 2px solid rgba(96, 67, 37, .22);
    border-radius: 28px;
    background: rgba(255, 249, 227, .96);
    box-shadow: 0 12px 0 rgba(63, 48, 30, .10), 0 22px 44px rgba(31, 69, 103, .14);
}

.ii-bjc2-islander-intro {
    padding-right: 390px;
}

.ii-bjc2-islander-kicker,
.ii-bjc2-poll-kicker {
    display: inline-block;
    margin-bottom: 6px;
    font-family: "Luckiest Guy", cursive;
    font-size: 15px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #75634e;
}

.ii-bjc2-islander-panel h2,
.ii-bjc2-poll h2 {
    margin: 0;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    color: #173e59;
}

.ii-bjc2-islander-panel h2 {
    font-size: clamp(34px, 4vw, 54px);
    line-height: .95;
}

.ii-bjc2-islander-intro > p {
    max-width: 650px;
    margin: 11px 0 10px;
    font-size: 17px;
    line-height: 1.48;
}

.ii-bjc2-islander-next {
    font-size: 14px;
    line-height: 1.45;
    color: #526b7c;
}

.ii-bjc2-islander-countdown {
    position: absolute;
    top: 28px;
    right: 30px;
    display: grid;
    grid-template-columns: repeat(4, minmax(68px, 1fr));
    gap: 8px;
    width: 350px;
}

.ii-bjc2-islander-countdown > div {
    display: grid;
    place-items: center;
    min-height: 84px;
    padding: 8px 6px;
    border: 2px solid rgba(20, 59, 87, .12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 5px 0 rgba(20, 59, 87, .08);
}

.ii-bjc2-islander-countdown strong {
    font-family: "Luckiest Guy", cursive;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #e92e69;
}

.ii-bjc2-islander-countdown span {
    margin-top: 3px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #526b7c;
}

.ii-bjc2-islander-nominate {
    margin-top: 22px;
    border-top: 2px dashed rgba(20, 59, 87, .15);
    padding-top: 18px;
}

.ii-bjc2-islander-nominate > summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    border-radius: 16px;
    background: #e92e69;
    box-shadow: 0 5px 0 #ae1f4c;
    color: #fff;
    cursor: pointer;
    font-family: "Luckiest Guy", cursive;
    font-size: 22px;
    list-style: none;
}

.ii-bjc2-islander-nominate > summary::-webkit-details-marker { display: none; }
.ii-bjc2-islander-nominate[open] > summary { margin-bottom: 22px; }

.ii-bjc2-islander-nominate form,
.ii-bjc2-poll form {
    display: grid;
    gap: 16px;
}

.ii-bjc2-participation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ii-bjc2-islander-nominate label,
.ii-bjc2-poll label {
    display: grid;
    gap: 7px;
    font-weight: 800;
}

.ii-bjc2-islander-nominate input[type="text"],
.ii-bjc2-islander-nominate textarea,
.ii-bjc2-poll input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    padding: 13px 15px;
    border: 2px solid #cdd9df;
    border-radius: 13px;
    background: #fff;
    color: #143b57;
    font: inherit;
    font-weight: 600;
}

.ii-bjc2-islander-nominate textarea {
    min-height: 180px;
    resize: vertical;
}

.ii-bjc2-islander-nominate small,
.ii-bjc2-poll small {
    color: #587181;
    font-size: 12px;
    font-weight: 600;
}

.ii-bjc2-participation-submit {
    justify-self: start;
    min-height: 50px;
    padding: 0 26px;
    border: 0;
    border-radius: 16px;
    background: #2ba9df;
    box-shadow: 0 5px 0 #15759f;
    color: #fff;
    cursor: pointer;
    font-family: "Luckiest Guy", cursive;
    font-size: 22px;
    letter-spacing: .01em;
}

.ii-bjc2-participation-submit:disabled { opacity: .65; cursor: wait; }

.ii-bjc2-participation-notice {
    margin: 18px 0 4px;
    padding: 12px 15px;
    border-radius: 12px;
    font-weight: 800;
}
.ii-bjc2-participation-notice.is-success { background: #e8f8ea; color: #27653b; }
.ii-bjc2-participation-notice.is-error { background: #fff0f0; color: #93404a; }

.ii-bjc2-poll {
    width: min(920px, calc(100% - 28px));
    margin: 30px auto;
    padding: 26px;
    border: 2px solid rgba(70, 95, 115, .16);
    border-radius: 24px;
    background: #fff8df;
    box-shadow: 0 8px 0 rgba(72, 58, 39, .10);
}

.ii-bjc2-poll h2 {
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1;
}

.ii-bjc2-poll-copy {
    margin: 10px 0 20px;
    font-size: 16px;
    line-height: 1.5;
}

.ii-bjc2-poll-options {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.ii-bjc2-poll-option {
    position: relative;
    display: grid !important;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 8px 12px !important;
    padding: 14px 16px;
    border: 2px solid #d7e1e6;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
}

.ii-bjc2-poll-option input { position: relative; z-index: 2; width: 20px; height: 20px; margin: 0; }
.ii-bjc2-poll-option-main { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.ii-bjc2-poll-option-main strong { font-size: 17px; }
.ii-bjc2-poll-option-main span { font-size: 12px; color: #667d8c; white-space: nowrap; }
.ii-bjc2-poll-meter { grid-column: 2; position: relative; z-index: 1; height: 7px; border-radius: 999px; background: #edf3f6; overflow: hidden; }
.ii-bjc2-poll-meter i { display: block; height: 100%; border-radius: inherit; background: #73cdec; }
.ii-bjc2-poll-option:has(input:checked) { border-color: #2ba9df; box-shadow: 0 0 0 3px rgba(43, 169, 223, .12); }
.ii-bjc2-poll-total { margin-top: 16px; text-align: right; font-size: 13px; font-weight: 800; color: #607786; }

.ii-bjc2-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

@media (max-width: 900px) {
    .ii-bjc2-islander-intro { padding-right: 0; }
    .ii-bjc2-islander-countdown { position: static; width: 100%; margin-top: 18px; }
}

@media (max-width: 620px) {
    .ii-bjc2-islander-panel { width: calc(100% - 16px); padding: 20px 16px 22px; border-radius: 22px; }
    .ii-bjc2-islander-countdown { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ii-bjc2-islander-countdown > div { min-height: 72px; }
    .ii-bjc2-participation-grid { grid-template-columns: 1fr; }
    .ii-bjc2-islander-nominate > summary,
    .ii-bjc2-participation-submit { width: 100%; box-sizing: border-box; }
    .ii-bjc2-poll { width: calc(100% - 16px); padding: 20px 15px; border-radius: 20px; }
    .ii-bjc2-poll-option-main { align-items: flex-start; flex-direction: column; gap: 2px; }
    .ii-bjc2-poll-option-main span { white-space: normal; }
}

/* ========================================================================== */
/* Bluejay's Corner 0.8.1 - compact Islander sidebar + combined poll/note flow */
/* ========================================================================== */
.ii-bjc2-board-content-layout{
    display:grid;
    grid-template-columns:minmax(240px,280px) minmax(0,1fr);
    align-items:start;
    gap:clamp(20px,2.2vw,34px);
    width:100%;
}
.ii-bjc2-board-spotlight{min-width:0}
.ii-bjc2-board-spotlight .ii-bjc2-islander-panel{
    width:100%;
    margin:0;
    padding:18px 17px 20px;
    border-radius:22px;
    box-shadow:0 9px 0 rgba(63,48,30,.09),0 18px 34px rgba(31,69,103,.12);
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-intro{padding-right:0}
.ii-bjc2-board-spotlight .ii-bjc2-islander-kicker{font-size:11px;margin-bottom:5px}
.ii-bjc2-board-spotlight .ii-bjc2-islander-panel h2{
    font-size:32px;
    line-height:.96;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-intro>p{
    margin:9px 0 9px;
    font-size:13px;
    line-height:1.42;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-next{
    font-size:11px;
    line-height:1.4;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-countdown{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    width:100%;
    margin-top:13px;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-countdown>div{
    min-height:59px;
    padding:6px 4px;
    border-radius:13px;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-countdown strong{font-size:23px}
.ii-bjc2-board-spotlight .ii-bjc2-islander-countdown span{font-size:9px}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate{
    margin-top:14px;
    padding-top:13px;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate>summary{
    width:100%;
    min-height:43px;
    box-sizing:border-box;
    padding:0 12px;
    border-radius:14px;
    font-size:18px;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate[open]>summary{margin-bottom:15px}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate form{gap:12px}
.ii-bjc2-board-spotlight .ii-bjc2-participation-grid{grid-template-columns:1fr;gap:12px}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate label{font-size:12px;gap:5px}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate input[type="text"],
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate textarea{
    padding:10px 11px;
    border-radius:11px;
    font-size:13px;
}
.ii-bjc2-board-spotlight .ii-bjc2-islander-nominate textarea{min-height:150px}
.ii-bjc2-board-spotlight .ii-bjc2-participation-submit{width:100%;min-height:44px;padding:0 12px;font-size:18px}

/* Poll now sits after the Community Notes board and can optionally submit a note too. */
.ii-bjc2-poll-submit{
    background:#e7334f!important;
    box-shadow:0 5px 0 #b51f3b!important;
    color:#fff!important;
}
.ii-bjc2-poll-submit:hover,
.ii-bjc2-poll-submit:focus-visible{
    background:#d92b47!important;
    color:#fff!important;
}
.ii-bjc2-poll-note-choice{
    margin-top:2px;
    padding:15px;
    border:2px dashed rgba(20,59,87,.18);
    border-radius:16px;
    background:rgba(255,255,255,.44);
}
.ii-bjc2-poll label.ii-bjc2-poll-note-toggle{
    display:flex;
    grid-template-columns:none;
    align-items:flex-start;
    gap:11px;
    cursor:pointer;
}
.ii-bjc2-poll-note-toggle input{
    flex:0 0 auto;
    width:20px;
    height:20px;
    margin:2px 0 0;
}
.ii-bjc2-poll-note-toggle>span{display:grid;gap:2px}
.ii-bjc2-poll-note-toggle strong{
    font-family:"Luckiest Guy","Arial Rounded MT Bold",system-ui,sans-serif;
    font-size:20px;
    font-weight:400;
    line-height:1.05;
    color:#173e59;
}
.ii-bjc2-poll-note-toggle small{font-size:12px;line-height:1.4}
.ii-bjc2-poll-note-extra{
    display:grid;
    gap:14px;
    margin-top:15px;
    padding-top:15px;
    border-top:2px solid rgba(20,59,87,.10);
}
.ii-bjc2-poll-note-extra[hidden]{display:none!important}
.ii-bjc2-poll-avatar-picker{margin:0;padding:0;border:0}
.ii-bjc2-poll-avatar-picker legend{margin-bottom:9px;font-weight:800}
.ii-bjc2-poll-avatar-picker .ii-bjc2-avatar-options{gap:8px}
.ii-bjc2-poll-avatar-picker .ii-bjc2-avatar{width:48px;height:48px}
.ii-bjc2-poll label.ii-bjc2-poll-note-message{display:grid;gap:7px;font-weight:800}
.ii-bjc2-poll-note-message textarea{
    box-sizing:border-box;
    width:100%;
    min-height:120px;
    padding:13px 15px;
    border:2px solid #cdd9df;
    border-radius:13px;
    background:#fff;
    color:#143b57;
    font:inherit;
    font-weight:600;
    resize:vertical;
}
.ii-bjc2-poll-note-help{
    margin:0;
    color:#587181;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
}

@media(max-width:1180px){
    .ii-bjc2-board-content-layout{grid-template-columns:1fr}
    .ii-bjc2-board-spotlight{width:min(100%,680px);margin:0 auto 24px}
    .ii-bjc2-board-spotlight .ii-bjc2-islander-panel{width:100%}
}
@media(max-width:620px){
    .ii-bjc2-board-spotlight{width:100%;margin-bottom:18px}
    .ii-bjc2-board-spotlight .ii-bjc2-islander-panel{width:100%;padding:17px 14px 18px}
    .ii-bjc2-poll-note-choice{padding:13px 12px}
    .ii-bjc2-poll-avatar-picker .ii-bjc2-avatar{width:44px;height:44px}
}


/* ========================================================================== */
/* Bluejay's Corner 0.8.2 - board-bottom Islander banner + in-post polls      */
/* ========================================================================== */

/* The board returns to its normal full-width corkboard. The Islander feature
   is part of the corkboard flow after the notes, so more notes push it down. */
.ii-bjc2-board-content-layout{
    display:block!important;
    width:100%!important;
}
.ii-bjc2-board-feed{
    width:100%!important;
}
.ii-bjc2-board-islander-banner{
    position:relative;
    z-index:6;
    width:100%;
    margin:clamp(28px,3vw,42px) 0 0;
    padding-top:clamp(22px,2vw,30px);
    border-top:2px dashed rgba(255,255,255,.34);
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-panel{
    width:100%!important;
    margin:0!important;
    padding:clamp(18px,2vw,24px) clamp(18px,2.4vw,30px)!important;
    border-radius:22px!important;
    box-shadow:0 8px 0 rgba(63,48,30,.09),0 16px 30px rgba(31,69,103,.12)!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-intro{
    padding-right:min(39vw,430px)!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-kicker{
    margin-bottom:4px!important;
    font-size:12px!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-panel h2{
    font-size:clamp(28px,3vw,42px)!important;
    line-height:.96!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-intro>p{
    max-width:680px!important;
    margin:8px 0 7px!important;
    font-size:14px!important;
    line-height:1.42!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-next{
    font-size:12px!important;
    line-height:1.4!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-countdown{
    top:20px!important;
    right:24px!important;
    grid-template-columns:repeat(4,minmax(58px,1fr))!important;
    gap:7px!important;
    width:min(38vw,400px)!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-countdown>div{
    min-height:62px!important;
    padding:6px 4px!important;
    border-radius:14px!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-countdown strong{font-size:24px!important}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-countdown span{font-size:9px!important}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-nominate{
    margin-top:15px!important;
    padding-top:13px!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-nominate>summary{
    min-height:44px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    font-size:19px!important;
}
.ii-bjc2-board-islander-banner .ii-bjc2-islander-nominate[open]>summary{margin-bottom:18px!important}

/* Nomination and poll submits share the same solid red action treatment. */
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit,
.ii-bjc2-poll-submit{
    border:0!important;
    background:#e7334f!important;
    box-shadow:0 5px 0 #b51f3b!important;
    color:#fff!important;
}
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit:hover,
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit:focus-visible,
.ii-bjc2-poll-submit:hover,
.ii-bjc2-poll-submit:focus-visible{
    background:#d92b47!important;
    color:#fff!important;
}

/* A poll belongs to the pinned Bluejay post itself, before its footer. */
.ii-bjc2-article > .ii-bjc2-poll{
    position:relative;
    z-index:2;
    width:100%!important;
    margin:30px 0 34px!important;
}

@media(max-width:900px){
    .ii-bjc2-board-islander-banner .ii-bjc2-islander-intro{padding-right:0!important}
    .ii-bjc2-board-islander-banner .ii-bjc2-islander-countdown{
        position:static!important;
        width:100%!important;
        margin-top:14px!important;
    }
}
@media(max-width:620px){
    .ii-bjc2-board-islander-banner{margin-top:24px;padding-top:20px}
    .ii-bjc2-board-islander-banner .ii-bjc2-islander-panel{
        width:100%!important;
        padding:18px 14px 20px!important;
        border-radius:18px!important;
    }
    .ii-bjc2-board-islander-banner .ii-bjc2-islander-countdown{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ii-bjc2-board-islander-banner .ii-bjc2-islander-nominate>summary,
    .ii-bjc2-board-islander-banner .ii-bjc2-participation-submit{width:100%!important;box-sizing:border-box!important}
    .ii-bjc2-article > .ii-bjc2-poll{margin:24px 0 28px!important}
}


/* 0.8.3 — Category badge assets for note cards. */
.ii-bjc2-note .ii-bjc2-note-category.is-badge-asset{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    max-width:none;
    padding:0;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
    text-transform:none;
    letter-spacing:0;
    line-height:1;
}
.ii-bjc2-note .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
    display:block;
    width:auto;
    height:54px;
    max-width:172px;
    object-fit:contain;
    object-position:left center;
    margin:-10px 0 0 -18px;
}
.ii-bjc2-note.format-featured .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
    height:64px;
    max-width:206px;
    margin:-12px 0 0 -22px;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-category.is-badge-asset,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-category.is-badge-asset{
    flex:0 0 auto;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-meta,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-meta{
    overflow:visible;
}
@media (max-width: 1100px){
    .ii-bjc2-note .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
        height:48px;
        max-width:154px;
        margin:-8px 0 0 -16px;
    }
    .ii-bjc2-note.format-featured .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
        height:56px;
        max-width:182px;
        margin:-10px 0 0 -18px;
    }
}
@media (max-width: 640px){
    .ii-bjc2-note .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image,
    .ii-bjc2-note.format-featured .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
        height:42px;
        max-width:136px;
        margin:-6px 0 0 -12px;
    }
}

/* ========================================================================== */
/* Bluejay's Corner 0.8.4 - uncropped category art + poll-only posts          */
/* ========================================================================== */

/* The category artwork intentionally hangs above the protected content area.
   Keep the text/image body clipped locally, but let this decorative badge layer
   escape the content-safe rectangle so the full asset is visible. */
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-content-safe,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-content-safe{
    overflow:visible!important;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-main,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-main,
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-copy,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-copy{
    overflow:hidden;
}
.ii-bjc2-note .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
    width:auto!important;
    height:auto!important;
    max-width:140px!important;
    max-height:46px!important;
    margin:-5px 0 0 -20px!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:drop-shadow(0 3px 3px rgba(35,45,65,.16));
}
.ii-bjc2-note.format-featured .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
    max-width:188px!important;
    max-height:60px!important;
    margin:-7px 0 0 -22px!important;
}

/* Poll-only posts do not open into a second full note/article. The destination
   is a clean poll surface with the existing verified voting flow and results. */
.ii-bjc2-poll-only-page{
    min-height:var(--ii-studio-viewport-height,100vh);
}
.ii-bjc2-poll-only-shell{
    width:min(1080px,100%);
    margin:0 auto 34px;
    padding:18px;
    border:1px solid rgba(23,103,168,.15);
    border-radius:28px;
    background:rgba(255,255,255,.78);
    box-shadow:0 24px 70px rgba(38,74,94,.14);
    backdrop-filter:blur(8px);
}
.ii-bjc2-poll-only-shell>.ii-bjc2-poll{
    width:100%!important;
    margin:0!important;
}

@media(max-width:620px){
    .ii-bjc2-note .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image,
    .ii-bjc2-note.format-featured .ii-bjc2-note-category.is-badge-asset .ii-bjc2-note-category-image{
        max-width:126px!important;
        max-height:42px!important;
        margin:-3px 0 0 -14px!important;
    }
    .ii-bjc2-poll-only-shell{
        width:100%;
        padding:8px;
        border-radius:22px;
    }
}


/* ========================================================================== */
/* Bluejay's Corner 0.8.5 - Poll category opens directly on the board          */
/* ========================================================================== */
html.ii-bjc2-poll-modal-open,
body.ii-bjc2-poll-modal-open{overflow:hidden!important}
.ii-bjc2-poll-modal[hidden]{display:none!important}
.ii-bjc2-poll-modal{
    position:fixed;
    z-index:2147481200;
    inset:0;
    display:grid;
    place-items:center;
    padding:clamp(14px,3vw,38px);
}
.ii-bjc2-poll-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(12,45,68,.58);
    backdrop-filter:blur(5px);
}
.ii-bjc2-poll-modal-dialog{
    position:relative;
    z-index:1;
    width:min(920px,100%);
    max-height:min(88vh,900px);
    overflow:auto;
    padding:28px 26px 24px;
    border:3px solid rgba(255,255,255,.88);
    border-radius:30px;
    outline:0;
    background:linear-gradient(180deg,#e7f7ff 0%,#ccefff 100%);
    box-shadow:0 28px 90px rgba(3,35,62,.35),0 7px 0 rgba(17,104,151,.22);
    overscroll-behavior:contain;
}
.ii-bjc2-poll-modal-close{
    position:sticky;
    z-index:5;
    top:0;
    float:right;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    margin:-10px -8px 0 12px;
    border:0;
    border-radius:50%;
    background:#e92e4f;
    box-shadow:0 5px 0 #aa1c38;
    color:#fff;
    font:900 32px/1 Arial,sans-serif;
    cursor:pointer;
}
.ii-bjc2-poll-modal-heading{padding:2px 58px 10px 4px}
.ii-bjc2-poll-modal-heading>span{
    font-family:"Luckiest Guy",cursive;
    font-size:14px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#567386;
}
.ii-bjc2-poll-modal-heading h2{
    margin:4px 0 0;
    color:#163e59;
    font-family:"Luckiest Guy",cursive;
    font-size:clamp(28px,4vw,44px);
    font-weight:400;
    line-height:1;
}
.ii-bjc2-poll-modal-dialog>.ii-bjc2-poll{
    width:100%!important;
    margin:8px 0 0!important;
    box-shadow:0 9px 0 rgba(72,58,39,.10)!important;
}
.ii-bjc2-poll.is-poll-only .ii-bjc2-poll-note-choice{display:none!important}
@media(max-width:620px){
    .ii-bjc2-poll-modal{padding:8px}
    .ii-bjc2-poll-modal-dialog{
        max-height:calc(100dvh - 16px);
        padding:18px 10px 16px;
        border-radius:23px;
    }
    .ii-bjc2-poll-modal-close{width:42px;height:42px;margin:-5px 2px 0 8px}
    .ii-bjc2-poll-modal-heading{padding-left:8px}
    .ii-bjc2-poll-modal-dialog>.ii-bjc2-poll{width:100%!important;padding:18px 13px!important}
}


/* 0.8.6 — Poll modal close button must remain solid red/white over theme button styles. */
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog button.ii-bjc2-poll-modal-close{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    border:2px solid #bd1736!important;
    border-radius:14px!important;
    background:#e7334f!important;
    background-image:none!important;
    box-shadow:0 6px 0 #a71934!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:30px!important;
    font-weight:900!important;
    line-height:1!important;
    text-shadow:none!important;
    opacity:1!important;
}
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:hover,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:focus,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:focus-visible{
    border-color:#a71934!important;
    background:#d92b47!important;
    color:#fff!important;
    outline:3px solid rgba(255,255,255,.92)!important;
    outline-offset:2px!important;
}
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:active{
    transform:translateY(3px)!important;
    box-shadow:0 3px 0 #a71934!important;
}

/* ========================================================================== */
/* Bluejay's Corner 0.8.8 - stable long notes + archive parity + board mascot */
/* ========================================================================== */

/*
 * Community notes must grow with the comment, but their artwork must not.
 * 0.8.7's border-image experiment could paint a second-looking copy of the
 * paper and moved the visible paper edge away from the independent pin.
 *
 * 0.8.8 uses three real layers instead:
 *   1. a fixed natural-ratio top cap,
 *   2. a content-height middle generated by CSS,
 *   3. a fixed natural-ratio bottom cap.
 * Only the middle grows. The pin remains anchored to the note presentation.
 */
.ii-bjc2-community-note-paper-slot{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden!important;
    pointer-events:none;
}
.ii-bjc2-community-note-paper-middle{
    position:absolute;
    z-index:0;
    top:72px;
    right:5px;
    bottom:48px;
    left:5px;
    display:block;
    background-color:var(--bjc2-paper-color,var(--bjc2-paper-yellow));
}
.ii-bjc2-community-note-paper-cap{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    display:block;
    height:92px;
    overflow:hidden;
    pointer-events:none;
}
.ii-bjc2-community-note-paper-cap-top{top:0}
.ii-bjc2-community-note-paper-cap-bottom{bottom:0;height:72px}
.ii-bjc2-community-note-paper-cap img{
    position:absolute;
    z-index:0;
    left:0;
    display:block;
    width:100%;
    height:auto!important;
    max-width:none!important;
    object-fit:contain!important;
}
.ii-bjc2-community-note-paper-cap-top img{top:0}
.ii-bjc2-community-note-paper-cap-bottom img{bottom:0}
.ii-bjc2-community-note-paper-cap-tint{
    position:absolute;
    z-index:1;
    inset:0;
    display:block;
    background:var(--bjc2-paper-color,var(--bjc2-paper-yellow));
    mix-blend-mode:multiply;
    -webkit-mask-image:var(--bjc2-community-paper-url);
    mask-image:var(--bjc2-community-paper-url);
    -webkit-mask-size:100% auto;
    mask-size:100% auto;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    pointer-events:none;
}
.ii-bjc2-community-note-paper-cap-top .ii-bjc2-community-note-paper-cap-tint{
    -webkit-mask-position:center top;
    mask-position:center top;
}
.ii-bjc2-community-note-paper-cap-bottom .ii-bjc2-community-note-paper-cap-tint{
    -webkit-mask-position:center bottom;
    mask-position:center bottom;
}

/* Notebook middles receive new rules and same-size punched-hole details as
   they grow, instead of scaling the original two holes into giant ovals. */
.ii-bjc2-community-note.paper-notebook .ii-bjc2-community-note-paper-middle{
    left:0;
    right:0;
    background-color:var(--bjc2-paper-color,var(--bjc2-paper-white));
    background-image:
        linear-gradient(to right,transparent 0,transparent 31px,rgba(212,82,92,.45) 32px,rgba(212,82,92,.45) 33px,transparent 34px),
        repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(77,136,183,.27) 32px,transparent 33px);
}
.ii-bjc2-community-note.paper-notebook .ii-bjc2-community-note-paper-middle::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 31px 54px,#fffdf5 0 11px,rgba(117,109,88,.18) 12px,rgba(117,109,88,.18) 14px,transparent 15px) 0 0 / 100% 168px repeat-y;
    opacity:.95;
    pointer-events:none;
}
.ii-bjc2-community-note.paper-crumpled .ii-bjc2-community-note-paper-middle{
    background-color:var(--bjc2-paper-color,var(--bjc2-paper-white));
    background-image:
        linear-gradient(145deg,rgba(255,255,255,.34),transparent 34%),
        linear-gradient(35deg,rgba(80,60,30,.08),transparent 46%),
        linear-gradient(175deg,transparent 40%,rgba(80,60,30,.07) 52%,transparent 67%);
    background-size:260px 220px,300px 250px,340px 300px;
    background-repeat:repeat;
}
.ii-bjc2-community-note.paper-torn .ii-bjc2-community-note-paper-middle{
    left:4px;
    right:4px;
    background-color:var(--bjc2-paper-color,var(--bjc2-paper-white));
    clip-path:polygon(1% 0,99% 0,100% 5%,99% 10%,100% 15%,99% 20%,100% 25%,99% 30%,100% 35%,99% 40%,100% 45%,99% 50%,100% 55%,99% 60%,100% 65%,99% 70%,100% 75%,99% 80%,100% 85%,99% 90%,100% 95%,99% 100%,1% 100%,0 95%,1% 90%,0 85%,1% 80%,0 75%,1% 70%,0 65%,1% 60%,0 55%,1% 50%,0 45%,1% 40%,0 35%,1% 30%,0 25%,1% 20%,0 15%,1% 10%,0 5%);
}
.ii-bjc2-community-note.paper-sticky .ii-bjc2-community-note-paper-middle{
    background-color:var(--bjc2-paper-color,var(--bjc2-paper-yellow));
    background-image:linear-gradient(145deg,rgba(255,255,255,.22),transparent 38%,rgba(73,55,22,.04));
}

/* The content and pin are always independent of the expandable paper. */
.ii-bjc2-community-note-content{position:relative;z-index:3}
.ii-bjc2-community-note-pin-slot{
    z-index:6!important;
    top:0!important;
    width:43px!important;
    height:43px!important;
}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-pin-slot{
    top:0!important;
    width:34px!important;
    height:34px!important;
}
.ii-bjc2-community-note-presentation{overflow:visible!important}

/* Archive cards use a centered CTA. The orange rule and the button/text now
   share the same center line instead of inheriting the board's left CTA. */
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-link{
    left:50%!important;
    right:auto!important;
    width:min(250px,74%)!important;
    transform:translateX(-50%)!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-link,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-link{
    width:min(360px,70%)!important;
}
@media(max-width:520px){
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-link,
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-link,
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-link{
        width:min(220px,78%)!important;
    }
}

/* Bluejay peeks out from behind the upper-left corkboard frame. The character
   is deliberately behind the cork surface, so the board hides the body/feet
   while the head and waving wing remain visible above the frame. */
.ii-bjc2-board-stage{
    position:relative;
    isolation:isolate;
    width:100%;
    overflow:visible;
}
.ii-bjc2-board-stage>.ii-bjc2-board-feed{
    position:relative;
    z-index:2;
}
.ii-bjc2-board-bluejay-mascot{
    position:absolute;
    z-index:1;
    top:-238px;
    left:26px;
    display:block;
    width:300px;
    height:auto;
    max-width:none;
    pointer-events:none;
    user-select:none;
    filter:drop-shadow(0 12px 12px rgba(26,68,94,.24));
}
@media(max-width:1180px){
    .ii-bjc2-board-bluejay-mascot{
        top:-176px;
        left:18px;
        width:220px;
    }
}
@media(max-width:700px){
    .ii-bjc2-board-bluejay-mascot{
        top:-112px;
        left:4px;
        width:142px;
    }
}


/* ========================================================================== */
/* Bluejay's Corner 0.8.9 - one seamless reply thread per parent note          */
/* ========================================================================== */

/* Only the parent note owns an expand/collapse control. Nested replies are
   rendered inside that single panel instead of spawning their own Show/Hide
   controls and repeated "Reply thread" headers. */
.ii-bjc2-replies-seamless{
    position:relative;
    margin:12px 0 0!important;
    padding:10px 0 2px 18px!important;
    border:0!important;
}
.ii-bjc2-replies-seamless::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    bottom:10px!important;
    left:6px!important;
    width:3px!important;
    height:auto!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(23,103,168,.30)!important;
    box-shadow:none!important;
    transform:none!important;
}
.ii-bjc2-replies-seamless::after{display:none!important;content:none!important}
.ii-bjc2-replies-seamless>.ii-bjc2-community-note{
    position:relative;
    width:100%!important;
    max-width:none!important;
    margin:0 0 14px!important;
}
.ii-bjc2-replies-seamless>.ii-bjc2-community-note:last-child{margin-bottom:0!important}
.ii-bjc2-replies-seamless>.ii-bjc2-community-note::before{
    content:"";
    position:absolute;
    z-index:8;
    top:34px;
    left:-12px;
    width:12px;
    height:3px;
    border-radius:999px;
    background:rgba(23,103,168,.30);
    pointer-events:none;
}

/* Nested replies are still part of the same visible thread. A tiny context
   label says who a deeper reply answered without adding another toolbar. */
.ii-bjc2-reply-context{
    display:flex;
    align-items:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    margin:-2px 0 8px;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(23,103,168,.09);
    color:#155987;
    font-size:12px;
    font-weight:800;
    line-height:1.25;
}
.ii-bjc2-reply-context strong{font-weight:1000}

/* The single thread toggle is intentionally compact and quiet. */
button.ii-bjc2-thread-toggle,
.ii-bjc2-thread-toggle{
    min-height:40px!important;
    margin:10px 0 0!important;
    padding:7px 11px 7px 8px!important;
    gap:7px!important;
    border:2px solid #1767a8!important;
    border-radius:999px!important;
    background:#f7fcff!important;
    color:#155987!important;
    -webkit-text-fill-color:#155987!important;
    box-shadow:0 4px 0 rgba(21,89,135,.15)!important;
    font-size:14px!important;
    text-decoration:none!important;
}
.ii-bjc2-thread-toggle-bubble{
    width:25px!important;
    height:25px!important;
    flex-basis:25px!important;
    font-size:13px!important;
}
.ii-bjc2-thread-toggle-chevron{
    width:21px!important;
    height:21px!important;
    margin-left:1px!important;
    font-size:18px!important;
}

/* Reply is now the same strong action treatment used elsewhere: red with
   white type, rather than a transparent outlined/text-link control. */
.ii-bjc2-community-note .ii-bjc2-reply-button,
.ii-bjc2-community-note button.ii-bjc2-reply-button{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:38px!important;
    margin:0!important;
    padding:8px 13px!important;
    border:2px solid #bd1736!important;
    border-radius:10px!important;
    background:#e7334f!important;
    background-image:none!important;
    box-shadow:0 4px 0 #a71934!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    text-shadow:none!important;
    opacity:1!important;
}
.ii-bjc2-community-note .ii-bjc2-reply-button:hover,
.ii-bjc2-community-note .ii-bjc2-reply-button:focus,
.ii-bjc2-community-note .ii-bjc2-reply-button:focus-visible{
    border-color:#a71934!important;
    background:#d92b47!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    outline:none!important;
    transform:translateY(-1px)!important;
}
.ii-bjc2-community-note .ii-bjc2-reply-button:active{
    transform:translateY(2px)!important;
    box-shadow:0 2px 0 #a71934!important;
}

/* Replies remain readable notes, but are slightly tighter inside a thread. */
.ii-bjc2-replies-seamless .ii-bjc2-community-note.is-reply .ii-bjc2-community-note-presentation{
    min-height:300px!important;
    padding:48px 22px 20px!important;
}
.ii-bjc2-replies-seamless .ii-bjc2-community-note.is-reply .ii-bjc2-community-note-content{
    min-height:225px!important;
}
.ii-bjc2-replies-seamless .ii-bjc2-community-note.is-reply .ii-bjc2-community-copy{
    min-height:70px!important;
    font-size:15px!important;
}
.ii-bjc2-replies-seamless .ii-bjc2-community-note.is-reply .ii-bjc2-community-footer{
    margin-top:12px!important;
}

@media(max-width:700px){
    .ii-bjc2-replies-seamless{padding-left:12px!important}
    .ii-bjc2-replies-seamless::before{left:3px!important;width:2px!important}
    .ii-bjc2-replies-seamless>.ii-bjc2-community-note::before{left:-9px!important;width:9px!important;height:2px!important}
    .ii-bjc2-community-note .ii-bjc2-reply-button,
    .ii-bjc2-community-note button.ii-bjc2-reply-button{min-height:36px!important;padding:7px 10px!important;font-size:13px!important}
    .ii-bjc2-replies-seamless .ii-bjc2-community-note.is-reply .ii-bjc2-community-note-presentation{min-height:280px!important;padding:46px 18px 18px!important}
}

/* ========================================================================== */
/* Bluejay's Corner 0.8.10 - current artwork only + polished reply threads     */
/* ========================================================================== */

/* Community paper now has ONE visual source: the paper currently selected in
   Bluejay Settings. Runtime renders a seamless, height-aware canvas from that
   same source image; no legacy cap image + synthetic middle combination. */
.ii-bjc2-community-note-paper-slot[data-bjc2-community-paper-render]{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
.ii-bjc2-community-note-paper-source,
.ii-bjc2-community-note-paper-canvas{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
}
.ii-bjc2-community-note-paper-source{
    z-index:0!important;
    object-fit:fill!important;
    opacity:1;
}
.ii-bjc2-community-note-paper-canvas{
    z-index:1!important;
    opacity:0;
}
.ii-bjc2-community-note-paper-slot.is-paper-rendered .ii-bjc2-community-note-paper-source{
    opacity:0!important;
}
.ii-bjc2-community-note-paper-slot.is-paper-rendered .ii-bjc2-community-note-paper-canvas{
    opacity:1!important;
}
/* Retire every experimental 0.8.7/0.8.8 paper layer even if stale markup is
   cached somewhere. They must never paint a second note surface again. */
.ii-bjc2-community-note-paper-middle,
.ii-bjc2-community-note-paper-cap,
.ii-bjc2-community-note-paper-cap-tint{
    display:none!important;
    content:none!important;
}

/* The pin is independent of paper height and stays attached to the top edge. */
.ii-bjc2-community-note .ii-bjc2-community-note-pin-slot{
    top:0!important;
    left:50%!important;
    width:43px!important;
    height:43px!important;
    z-index:7!important;
    transform:translateX(-50%)!important;
}
.ii-bjc2-community-note.is-reply .ii-bjc2-community-note-pin-slot{
    top:0!important;
    width:36px!important;
    height:36px!important;
}

/* One clean, filled control per parent note. No emoji bubble, no round arrow
   button, and no connector arrows/lines running through the corkboard. */
button.ii-bjc2-thread-toggle,
.ii-bjc2-thread-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:40px!important;
    margin:12px auto 0!important;
    padding:9px 13px!important;
    gap:9px!important;
    border:2px solid #0e5d96!important;
    border-radius:12px!important;
    background:#1767a8!important;
    background-image:none!important;
    box-shadow:0 4px 0 #0d4f7e,0 8px 16px rgba(48,35,21,.16)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    text-shadow:none!important;
    opacity:1!important;
    cursor:pointer!important;
}
button.ii-bjc2-thread-toggle:hover,
button.ii-bjc2-thread-toggle:focus,
button.ii-bjc2-thread-toggle:focus-visible,
.ii-bjc2-thread-toggle:hover,
.ii-bjc2-thread-toggle:focus,
.ii-bjc2-thread-toggle:focus-visible{
    background:#0f5b95!important;
    border-color:#0b4d7d!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    outline:none!important;
    transform:translateY(-1px)!important;
}
button.ii-bjc2-thread-toggle:focus-visible{
    outline:3px solid rgba(255,255,255,.65)!important;
    outline-offset:3px!important;
}
.ii-bjc2-thread-toggle-bubble,
.ii-bjc2-thread-toggle-chevron{
    display:none!important;
}
.ii-bjc2-thread-toggle-state{
    display:grid!important;
    place-items:center!important;
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.2)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:17px!important;
    font-weight:1000!important;
    line-height:1!important;
}
.ii-bjc2-thread-toggle-state::before{content:"+"}
.ii-bjc2-thread-toggle[aria-expanded="true"] .ii-bjc2-thread-toggle-state::before{content:"−"}
.ii-bjc2-thread-toggle[aria-expanded="true"]{
    background:#0f5b95!important;
    box-shadow:0 3px 0 #0d4f7e,0 7px 14px rgba(48,35,21,.15)!important;
}

/* Expanded replies are one inset conversation area. The previous blue tree
   line, little branch arrows, and repeated thread decorations are gone. */
.ii-bjc2-replies-seamless{
    position:relative!important;
    margin:14px 0 0!important;
    padding:14px!important;
    border:2px solid rgba(23,103,168,.18)!important;
    border-radius:18px!important;
    background:rgba(247,252,255,.12)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.ii-bjc2-replies-seamless::before,
.ii-bjc2-replies-seamless::after,
.ii-bjc2-replies-seamless>.ii-bjc2-community-note::before,
.ii-bjc2-replies-seamless>.ii-bjc2-community-note::after{
    display:none!important;
    content:none!important;
}
.ii-bjc2-replies-seamless>.ii-bjc2-community-note{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 14px!important;
}
.ii-bjc2-replies-seamless>.ii-bjc2-community-note:last-child{margin-bottom:0!important}
.ii-bjc2-reply-context{
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:5px 9px!important;
    border:0!important;
    border-radius:9px!important;
    background:rgba(23,103,168,.1)!important;
    color:#155987!important;
    font-size:12px!important;
    font-weight:800!important;
}
.ii-bjc2-reply-context>span[aria-hidden="true"]{display:none!important}

/* Keep the successful solid-red Reply action from 0.8.9. */
.ii-bjc2-community-note .ii-bjc2-reply-button,
.ii-bjc2-community-note button.ii-bjc2-reply-button{
    background:#e7334f!important;
    border-color:#bd1736!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

@media(max-width:700px){
    .ii-bjc2-replies-seamless{padding:10px!important;border-radius:14px!important}
    button.ii-bjc2-thread-toggle,.ii-bjc2-thread-toggle{min-height:38px!important;padding:8px 11px!important;font-size:13px!important}
}


/* ========================================================================== */
/* Bluejay's Corner 0.8.11 - thresholded smooth long-note extension            */
/* ========================================================================== */
/*
 * A standard/medium card gets exactly one copy of its selected artwork.
 * Extension rendering is now reserved for genuinely oversized comments only.
 * The canvas renderer exposes its mode for diagnostics but remains the sole
 * paper layer; stale experimental middle/cap elements stay retired.
 */
.ii-bjc2-community-note-paper-slot[data-paper-render-mode="standard"] .ii-bjc2-community-note-paper-canvas,
.ii-bjc2-community-note-paper-slot[data-paper-render-mode="extended-smooth"] .ii-bjc2-community-note-paper-canvas,
.ii-bjc2-community-note-paper-slot[data-paper-render-mode="extended-notebook"] .ii-bjc2-community-note-paper-canvas{
    image-rendering:auto!important;
}
.ii-bjc2-community-note-paper-slot[data-bjc2-community-paper-render]{
    background:transparent!important;
}
.ii-bjc2-community-note-paper-slot[data-bjc2-community-paper-render]::before,
.ii-bjc2-community-note-paper-slot[data-bjc2-community-paper-render]::after{
    content:none!important;
    display:none!important;
}


/* ========================================================================== */
/* Bluejay's Corner 0.8.12 - hero mascot nudge + exact archive CTA parity     */
/* ========================================================================== */
/* Desktop: keep the approved mascot scale/height, only move Bluejay left so
   his head/wing no longer intrude into the BLUEJAY'S CORNER wordmark. */
@media(min-width:1181px){
    .ii-bjc2-board-bluejay-mascot{
        left:-42px!important;
    }
}

/* Archive cards now use the exact same vertical CTA contract as live-board
   cards. The previous archive-specific rule left bottom:0, which pulled the
   button/rule too close to (and sometimes beyond) the paper edge. */
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-main{
    padding-bottom:54px!important;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-link{
    left:50%!important;
    right:auto!important;
    bottom:7px!important;
    width:auto!important;
    max-width:calc(100% - 28px)!important;
    margin:0!important;
    padding:8px 15px 9px!important;
    border:2px solid rgba(19,79,125,.22)!important;
    transform:translateX(-50%)!important;
    justify-content:center!important;
    text-align:center!important;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive a.ii-bjc2-note-link:hover,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive a.ii-bjc2-note-link:focus-visible{
    transform:translate(-50%,-2px) scale(1.025)!important;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive a.ii-bjc2-note-link:active{
    transform:translate(-50%,1px) scale(.99)!important;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-main,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-main{
    padding-bottom:62px!important;
}
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-link,
.ii-bjc2-archive-page .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-link{
    bottom:8px!important;
    width:auto!important;
    max-width:calc(100% - 40px)!important;
    padding:9px 19px 10px!important;
}
@media(max-width:700px){
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-main{
        padding-bottom:40px!important;
    }
    .ii-bjc2-archive-page .ii-bjc2-note.context-archive .ii-bjc2-note-link{
        bottom:6px!important;
        max-width:calc(100% - 24px)!important;
    }
}

.ii-bjc2-article-content .ii-bjc2-article-signoff{display:flex;justify-content:flex-start;align-items:center;margin:24px 0 2px;padding:6px 0 0}.ii-bjc2-article-content .ii-bjc2-article-signoff img{display:block;width:min(360px,58%);height:auto;max-height:220px;object-fit:contain}


/* ========================================================================== */
/* Bluejay's Corner 0.8.18 - mobile board polish + archive card parity        */
/* ========================================================================== */
/*
 * Phone layout goals:
 * - utility buttons live as a compact right-side stack so Bluejay owns the
 *   left side instead of sitting over the controls;
 * - the corkboard begins a little sooner and the mascot peeks higher/larger;
 * - the orange CTA divider is bounded by the note instead of the viewport;
 * - Featured archive entries use the same standard-card composition already
 *   used for Featured notes on the live mobile board.
 */
@media(max-width:700px){
    .ii-bjc2-board-hero{
        margin-bottom:12px!important;
    }
    .ii-bjc2-board-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        width:min(52%,230px)!important;
        margin:18px 0 0 auto!important;
        gap:8px!important;
        justify-content:stretch!important;
        align-items:stretch!important;
    }
    .ii-bjc2-board-action{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        min-height:52px!important;
        padding:8px 10px 8px 12px!important;
        border-radius:16px!important;
        column-gap:8px!important;
    }
    .ii-bjc2-board-action-eyebrow{
        font-size:8px!important;
        letter-spacing:.10em!important;
    }
    .ii-bjc2-board-action strong{
        font-size:13px!important;
        line-height:1!important;
    }
    .ii-bjc2-board-action-arrow{
        font-size:22px!important;
    }
    .ii-bjc2-board-stage{
        margin-top:-18px!important;
    }
    .ii-bjc2-board-bluejay-mascot{
        top:-140px!important;
        left:4px!important;
        width:174px!important;
    }

    /* The divider belongs to the card, never to the viewport.  Featured cards
       inherit the exact same phone divider width as standard cards. */
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-link::before,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-link::before,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-link::before{
        width:min(290px,calc(100% + 94px))!important;
        max-width:calc(100vw - 92px)!important;
    }

    /* Mobile archive Featured cards use the standard 360x300-style card. */
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured{
        grid-column:auto!important;
        aspect-ratio:6/5!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-paper-art-desktop,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-paper-art-desktop,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-paper-color-layer-desktop,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-paper-color-layer-desktop{
        display:none!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-paper-art-mobile,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-paper-art-mobile{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:fill!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-paper-color-layer-mobile,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-paper-color-layer-mobile{
        display:block!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-content-safe,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-content-safe{
        top:48px!important;
        right:24px!important;
        bottom:21px!important;
        left:24px!important;
        gap:5px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-pin-slot,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-pin-slot{
        top:3px!important;
        width:48px!important;
        height:48px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-meta,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-meta{
        min-height:18px!important;
        margin-bottom:5px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-category,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-featured,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-category,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-featured{
        padding:3px 7px!important;
        font-size:8px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-main,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-main{
        grid-template-columns:minmax(0,1fr) 104px!important;
        gap:9px!important;
        align-items:center!important;
        padding-bottom:48px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured:not(.has-image) .ii-bjc2-note-main,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured:not(.has-image) .ii-bjc2-note-main{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-title,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-title{
        margin:0 0 5px!important;
        font-size:23px!important;
        line-height:1.02!important;
        -webkit-line-clamp:2!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-excerpt,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-excerpt{
        display:block!important;
        margin:0!important;
        font-size:12px!important;
        line-height:1.28!important;
        max-height:2.56em!important;
        overflow:hidden!important;
        -webkit-line-clamp:2!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-excerpt-desktop,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-excerpt-desktop{
        display:none!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-excerpt-mobile,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-excerpt-mobile{
        display:inline!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap.frame-classic,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap.frame-scalloped,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap.frame-classic,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap.frame-scalloped{
        width:104px!important;
        min-width:104px!important;
        height:116px!important;
        min-height:116px!important;
        padding:6px 6px 17px!important;
        transform:translateX(-2px) rotate(1.5deg)!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap.frame-none,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap.frame-none{
        height:104px!important;
        min-height:104px!important;
        padding:0!important;
        transform:none!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
        inset:6px 6px 17px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-link,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-link{
        bottom:5px!important;
        width:auto!important;
        max-width:calc(100% - 20px)!important;
        padding:7px 13px 8px!important;
        font-size:12px!important;
        white-space:nowrap!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-link::before,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-link::before{
        width:min(290px,calc(100% + 94px))!important;
        max-width:calc(100vw - 92px)!important;
    }
}

@media(max-width:420px){
    .ii-bjc2-board-actions{
        width:min(52%,205px)!important;
    }
    .ii-bjc2-board-stage{
        margin-top:-16px!important;
    }
    .ii-bjc2-board-bluejay-mascot{
        top:-132px!important;
        width:166px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-content-safe,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-content-safe{
        top:44px!important;
        right:21px!important;
        bottom:19px!important;
        left:21px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-title,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-title{
        font-size:21px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-main,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-main{
        grid-template-columns:minmax(0,1fr) 96px!important;
        gap:7px!important;
    }
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-image-wrap,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-image-wrap{
        width:96px!important;
        min-width:96px!important;
        height:108px!important;
        min-height:108px!important;
    }
}


/* Bluejay's Corner 0.8.19 - linked Event Calendar CTA */
.ii-bjc2-linked-event-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px auto 4px;padding:16px 20px;border:3px solid rgba(15,95,146,.26);border-radius:18px;background:rgba(219,244,255,.82);text-decoration:none!important;color:#0f5f92!important;font-family:Nunito,system-ui,sans-serif;box-shadow:0 6px 0 rgba(15,95,146,.12)}.ii-bjc2-linked-event-callout small,.ii-bjc2-linked-event-callout strong{display:block}.ii-bjc2-linked-event-callout small{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.ii-bjc2-linked-event-callout strong{font-size:20px}.ii-bjc2-linked-event-callout>span:last-child{font-size:34px;font-weight:900}


/* 0.8.26 - clearer note excerpts + one 20-word card-copy contract. */
.ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-excerpt,
.ii-bjc2-archive-grid .ii-bjc2-note.context-archive .ii-bjc2-note-excerpt{
    font-size:14px!important;
    line-height:1.35!important;
}
.ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-excerpt,
.ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-excerpt,
.ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-excerpt,
.ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-excerpt{
    font-size:17px!important;
    line-height:1.36!important;
}
@media(max-width:700px){
    .ii-bjc2-board-page .ii-bjc2-note.context-board .ii-bjc2-note-excerpt,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.format-featured .ii-bjc2-note-excerpt,
    .ii-bjc2-board-page .ii-bjc2-note.context-board.is-featured .ii-bjc2-note-excerpt,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive .ii-bjc2-note-excerpt,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.format-featured .ii-bjc2-note-excerpt,
    .ii-bjc2-archive-grid .ii-bjc2-note.context-archive.is-featured .ii-bjc2-note-excerpt{
        font-size:13px!important;
        line-height:1.3!important;
    }
}

/* ========================================================================== */
/* Bluejay's Corner 0.8.32 - tablet hero action rail clears the mascot         */
/* ========================================================================== */
/*
 * Phone already uses a compact right-side stack so Bluejay owns the left side.
 * Carry that same composition through both tablet breakpoints. This prevents
 * the mascot from sitting over the Event Calendar CTA while leaving desktop
 * (1181px+) and phone (700px-) compositions unchanged.
 */
@media(min-width:701px) and (max-width:1180px){
    .ii-bjc2-board-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        width:min(43%,310px)!important;
        margin:22px 0 0 auto!important;
        gap:10px!important;
        justify-content:stretch!important;
        align-items:stretch!important;
    }
    .ii-bjc2-board-action{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        min-height:58px!important;
        padding:9px 12px 9px 14px!important;
        border-radius:17px!important;
        column-gap:9px!important;
    }
    .ii-bjc2-board-action-eyebrow{
        font-size:9px!important;
        letter-spacing:.11em!important;
    }
    .ii-bjc2-board-action strong{
        font-size:15px!important;
        line-height:1!important;
    }
    .ii-bjc2-board-action-arrow{
        font-size:24px!important;
    }
}

/* 0.8.40 — Canonical frame/photo composition.
   The decorative frame and the source image are separate layers. Aperture
   geometry is injected by NoteArtwork::frame_window_style() so old responsive
   rules cannot push photos underneath a frame at a different breakpoint.
   Note photos cover the measured opening: the frame owns the crop, while the
   source image keeps its aspect ratio and cannot leave empty bands. */
.ii-bjc2-note-photo-window,
.ii-bjc2-article-photo-window{
    box-sizing:border-box!important;
    overflow:hidden!important;
    contain:paint!important;
}
.ii-bjc2-note-photo-window .ii-bjc2-note-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:cover!important;
    object-position:center center!important;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-frame-art,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-frame-art{
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:fill!important;
    pointer-events:none!important;
}

/* Full-post banner presentation keeps the user-selected frame as the overlay,
   but the source artwork is now a hard-clipped child of the measured aperture.
   The wrapper remains the existing responsive 16:9 presentation so the frame
   does not suddenly become a tiny panoramic strip on existing posts. */
.ii-bjc2-article-image-wrap.frame-classic,
.ii-bjc2-article-image-wrap.frame-scalloped{
    position:relative!important;
    display:block!important;
    width:min(100%,1120px)!important;
    max-width:100%!important;
    aspect-ratio:16 / 9!important;
    height:auto!important;
    margin:34px auto 42px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:none!important;
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-photo-window,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-photo-window{
    z-index:1!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:clamp(5px,.7vw,10px)!important;
    background:#eef7fb!important;
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-image,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-frame-art,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-frame-art{
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:fill!important;
    pointer-events:none!important;
}
.ii-bjc2-article-image-wrap.frame-classic .ii-bjc2-article-frame-fallback,
.ii-bjc2-article-image-wrap.frame-scalloped .ii-bjc2-article-frame-fallback{
    display:none!important;
}
@media(max-width:760px){
    .ii-bjc2-article-image-wrap.frame-classic,
    .ii-bjc2-article-image-wrap.frame-scalloped{
        margin:24px auto 30px!important;
    }
}

/* 0.8.38 — Stable CSS frame defaults.
   Frame PNGs are now OPTIONAL replacements. With no frame artwork assigned,
   these two CSS systems are the whole presentation authority:
     - board cards: 10:11 outer frame, square media aperture
     - full posts: 16:9 outer frame, 16:9 media aperture
   Board-note source images cover the aperture; full-post banners retain their
   existing contain behavior. No content image can size the frame. */

/* Shared CSS fallback decoration. */
.ii-bjc2-note-image-wrap.is-css-frame,
.ii-bjc2-article-image-wrap.is-css-frame{
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    background:transparent!important;
    overflow:visible!important;
}
.ii-bjc2-note-image-wrap.is-css-frame .ii-bjc2-note-photo-window,
.ii-bjc2-article-image-wrap.is-css-frame .ii-bjc2-article-photo-window{
    position:absolute!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    contain:paint!important;
    z-index:1!important;
    background:#f4f9fd!important;
    box-shadow:inset 0 0 0 1px rgba(20,82,125,.12)!important;
}
.ii-bjc2-note-image-wrap.is-css-frame .ii-bjc2-note-image,
.ii-bjc2-note-image-wrap.is-css-frame .ii-bjc2-note-photo-window > img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#f4f9fd!important;
}
.ii-bjc2-article-image-wrap.is-css-frame .ii-bjc2-article-image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f4f9fd!important;
}
.ii-bjc2-note-image-wrap.is-css-frame .ii-bjc2-note-frame-art,
.ii-bjc2-article-image-wrap.is-css-frame .ii-bjc2-article-frame-art{
    display:none!important;
}
.ii-bjc2-note-image-wrap.is-css-frame .ii-bjc2-note-frame-fallback,
.ii-bjc2-article-image-wrap.is-css-frame .ii-bjc2-article-frame-fallback{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
    z-index:2!important;
    pointer-events:none!important;
    clip-path:none!important;
    background:transparent!important;
}

/* Board card frame: intentionally close to the familiar Polaroid footprint so
   the surrounding note-card composition does not move. Future replacement art
   spec: 1000x1100 outer, 800x800 opening at x=100/y=100. */
.ii-bjc2-note-image-wrap.is-css-frame.frame-classic .ii-bjc2-note-frame-fallback{
    border:6px solid #fffdf8!important;
    border-bottom-width:16px!important;
    border-radius:8px!important;
    outline:2px solid rgba(33,126,188,.38)!important;
    box-shadow:0 6px 12px rgba(35,55,75,.2), inset 0 0 0 1px rgba(20,55,85,.1)!important;
}
.ii-bjc2-note-image-wrap.is-css-frame.frame-scalloped .ii-bjc2-note-frame-fallback{
    border:6px solid #fff9e8!important;
    border-bottom-width:16px!important;
    border-radius:18px!important;
    outline:3px solid #2d91dc!important;
    box-shadow:0 7px 14px rgba(35,55,75,.2), inset 0 0 0 2px rgba(255,190,47,.2)!important;
}
.ii-bjc2-note-image-wrap.is-css-frame.frame-classic .ii-bjc2-note-frame-fallback::before,
.ii-bjc2-note-image-wrap.is-css-frame.frame-scalloped .ii-bjc2-note-frame-fallback::before{
    content:"";
    position:absolute;
    top:-7%;
    left:8%;
    width:34%;
    height:13%;
    border-radius:3px;
    background:rgba(57,159,235,.88);
    transform:rotate(-8deg);
    box-shadow:0 2px 4px rgba(31,72,105,.18);
}
.ii-bjc2-note-image-wrap.is-css-frame.frame-scalloped .ii-bjc2-note-frame-fallback::after{
    content:"★";
    position:absolute;
    right:3%;
    bottom:0;
    color:#ffb624;
    font-size:clamp(11px,1.15em,18px);
    line-height:1;
    text-shadow:0 1px 0 #fff;
}

/* Full-post frame: stable 16:9 presentation. The photo window is a 5% inset on
   every side, so it remains 16:9 too. Future replacement art spec:
   1920x1080 outer, 1728x972 transparent opening at x=96/y=54. */
.ii-bjc2-article-image-wrap.is-css-frame.frame-classic,
.ii-bjc2-article-image-wrap.is-css-frame.frame-scalloped{
    width:min(100%,1120px)!important;
    max-width:100%!important;
    aspect-ratio:16 / 9!important;
    height:auto!important;
    margin:34px auto 42px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
}
.ii-bjc2-article-image-wrap.is-css-frame .ii-bjc2-article-photo-window{
    inset:5%!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    border-radius:clamp(10px,1.1vw,18px)!important;
}
.ii-bjc2-article-image-wrap.is-css-frame.frame-classic .ii-bjc2-article-frame-fallback{
    border:clamp(10px,1.25vw,18px) solid #fffdf8!important;
    border-radius:clamp(22px,2.2vw,34px)!important;
    outline:clamp(3px,.32vw,5px) solid #238bd1!important;
    outline-offset:-2px!important;
    box-shadow:0 16px 34px rgba(28,70,105,.22), inset 0 0 0 3px rgba(255,188,42,.16)!important;
}
.ii-bjc2-article-image-wrap.is-css-frame.frame-scalloped .ii-bjc2-article-frame-fallback{
    border:clamp(12px,1.35vw,20px) solid #fff9e8!important;
    border-radius:clamp(34px,3vw,48px)!important;
    outline:clamp(4px,.38vw,6px) solid #268fdb!important;
    outline-offset:-3px!important;
    box-shadow:0 16px 34px rgba(28,70,105,.22), inset 0 0 0 4px rgba(255,190,47,.22)!important;
}
.ii-bjc2-article-image-wrap.is-css-frame .ii-bjc2-article-frame-fallback::before{
    content:"";
    position:absolute;
    top:-1.8%;
    left:4.5%;
    width:15%;
    height:7%;
    border-radius:5px;
    background:rgba(55,159,235,.9);
    transform:rotate(-5deg);
    box-shadow:0 3px 7px rgba(31,72,105,.2);
}
.ii-bjc2-article-image-wrap.is-css-frame.frame-classic .ii-bjc2-article-frame-fallback::after{
    content:"★";
    position:absolute;
    right:2.1%;
    bottom:1.2%;
    color:#ffb51f;
    font-size:clamp(24px,3vw,48px);
    line-height:1;
    text-shadow:0 2px 0 #fff,0 4px 8px rgba(70,65,35,.18);
}
.ii-bjc2-article-image-wrap.is-css-frame.frame-scalloped .ii-bjc2-article-frame-fallback::after{
    content:"✦";
    position:absolute;
    right:2.3%;
    top:1.5%;
    color:#ff9f1c;
    font-size:clamp(22px,2.8vw,44px);
    line-height:1;
    text-shadow:0 2px 0 #fff,0 4px 8px rgba(70,65,35,.18);
}
@media(max-width:760px){
    .ii-bjc2-article-image-wrap.is-css-frame.frame-classic,
    .ii-bjc2-article-image-wrap.is-css-frame.frame-scalloped{
        margin:24px auto 30px!important;
    }
}


/* 0.8.41 — Fixed frame-underlay composition.
   The current note frame artwork is the permanent visual mask. Instead of
   trying to calculate a separate aperture, the source photo fills the entire
   frame box underneath the PNG/CSS frame. The opaque frame border naturally
   hides the excess; the transparent opening reveals a guaranteed full-bleed
   cover crop. */
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    z-index:1!important;
    background:transparent!important;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window > img,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window > img,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-image,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
}

/* 0.8.43 — fixed board-frame aperture. The outer frame remains 10:11 and the
   photo is clipped to an 8:8 square opening inside it, so square uploads stay
   square while frame borders/tape remain clean. */
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped{
    aspect-ratio:10 / 11!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:visible!important;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    left:10%!important;
    right:10%!important;
    top:9.091%!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    overflow:hidden!important;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window{border-radius:2px!important}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{border-radius:10px!important}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window > img,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window > img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
}


/* 0.8.44 — full-bleed framed-note crop.
   Aperture geometry now comes from the renderer: CSS fallback frames use their
   literal 6px/6px/16px border dimensions; custom PNG frames use their measured
   alpha aperture. Remove the 0.8.43 forced square so the photo may fill the
   complete available opening and crop as needed. */
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window{
    aspect-ratio:auto!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    contain:paint!important;
}
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-classic .ii-bjc2-note-photo-window > img,
.ii-bjc2-note .ii-bjc2-note-image-wrap.frame-scalloped .ii-bjc2-note-photo-window > img{
    object-fit:cover!important;
    object-position:center center!important;
}


/* ========================================================================== */
/* Bluejay's Corner 0.8.50 - canonical orange public action buttons           */
/* ========================================================================== */
/* Keep decorative pink/red accents intact; public action controls use the
   same orange CTA palette as Imagine Island Site Pages. */
.iiec-game-code-help-trigger,
.ii-bjc2-islander-nominate > summary,
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit,
.ii-bjc2-poll-submit,
.ii-bjc2-submit-note,
.ii-bjc2-community-note .ii-bjc2-reply-button,
.ii-bjc2-community-note button.ii-bjc2-reply-button,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog button.ii-bjc2-poll-modal-close{
    background:#f28c28!important;
    background-image:none!important;
    border-color:#f28c28!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 5px 0 #b65a0d,0 9px 18px rgba(140,76,15,.20)!important;
}
.iiec-game-code-help-trigger:hover,
.iiec-game-code-help-trigger:focus,
.iiec-game-code-help-trigger:focus-visible,
.ii-bjc2-islander-nominate > summary:hover,
.ii-bjc2-islander-nominate > summary:focus,
.ii-bjc2-islander-nominate > summary:focus-visible,
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit:hover,
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit:focus-visible,
.ii-bjc2-poll-submit:hover,
.ii-bjc2-poll-submit:focus-visible,
.ii-bjc2-submit-note:hover,
.ii-bjc2-submit-note:focus,
.ii-bjc2-submit-note:focus-visible,
.ii-bjc2-community-note .ii-bjc2-reply-button:hover,
.ii-bjc2-community-note .ii-bjc2-reply-button:focus,
.ii-bjc2-community-note .ii-bjc2-reply-button:focus-visible,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:hover,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:focus,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:focus-visible{
    background:#df7617!important;
    border-color:#df7617!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.iiec-game-code-help-trigger:active,
.ii-bjc2-islander-nominate > summary:active,
.ii-bjc2-islander-nominate .ii-bjc2-participation-submit:active,
.ii-bjc2-poll-submit:active,
.ii-bjc2-submit-note:active,
.ii-bjc2-community-note .ii-bjc2-reply-button:active,
.ii-bjc2-poll-modal .ii-bjc2-poll-modal-dialog .ii-bjc2-poll-modal-close:active{
    background:#df7718!important;
    border-color:#df7718!important;
    box-shadow:0 2px 0 #9f4908!important;
}
.iiec-game-code-help-trigger:focus-visible{
    outline:3px solid rgba(242,140,40,.30)!important;
    outline-offset:3px!important;
}