/* A reading sheet within Whetstone's existing cream/navy study workspace. */
.ibn-trigger, .ibn-search, .ibn-close { font: inherit; cursor: pointer; }
.ibn-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 8px 11px; border: 1px solid #13233f; border-radius: 8px; background: #fbf6ea; color: #13233f; font-size: 13px; font-weight: 700; white-space: nowrap; box-shadow:3px 3px 0 #13233f; }
.ibn-trigger svg, .ibn-close svg { width: 19px; height: 19px; flex-shrink: 0; }
.ibn-trigger:hover, .ibn-close:hover { background: #f1e6cb; }
.ibn-panel { box-sizing: border-box; position: fixed; inset: 0 0 0 auto; margin: 0; width: min(580px, 100%); max-width: 100%; height: 100dvh; max-height: 100dvh; padding: 0; border: 0; border-left: 1px solid #13233f; border-radius: 0; background: #fffdf8; color: #13233f; font: 15px/1.65 'Hanken Grotesk', 'DM Sans', sans-serif; box-shadow: -12px 0 40px #13233f26; }
.ibn-panel[open] { display: flex; flex-direction: column; }
.ibn-panel::backdrop { background: #13233f66; }
.ibn-head { display:flex; align-items: flex-start; justify-content:space-between; gap:20px; padding:28px 28px 22px; border-bottom:2px solid #c39a4c; background:#fbf6ea; }
.ibn-head h2 { margin:0; font:700 28px/1.15 'Space Grotesk', 'Hanken Grotesk', sans-serif; color:#13233f; }
.ibn-head p { margin:8px 0 0; color:#46566b; font-size:14px; }
.ibn-close { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid #13233f; border-radius:8px; background:#fffdf8; color:#13233f; }
.ibn-body { min-height:0; flex:1; overflow:auto; padding:24px 28px; scrollbar-color:#806020 #f6efdd; }
.ibn-status { margin:0; padding:14px 0; color:#46566b; }
.ibn-status[hidden] { display:none; }
.ibn-panel a { color:#805f23; text-decoration:underline; text-underline-offset:3px; }
.ibn-panel a:hover { color:#13233f; }
.ibn-content h3 { margin:30px 0 10px; font:700 18px/1.3 'Space Grotesk', sans-serif; }
.ibn-footer { padding:16px 28px 20px; background:#fbf6ea; border-top:1px solid #c39a4c; }
.ibn-time { margin:0 0 8px; font-size:12px; color:#46566b; font-variant-numeric:tabular-nums; }
.ibn-time:empty { display:none; }
.ibn-search { min-height:44px; padding:9px 16px; border:1px solid #13233f; border-radius:8px; color:#13233f; background:#edcf83; font-size:14px; font-weight:700; }
.ibn-search:hover:enabled { background:#f1e6cb; }
.ibn-search:disabled { cursor:default; color:#46566b; background:#f1e6cb; border-color:#8c877a; }
.ibn-note { margin:10px 0 0; font-size:12px; color:#46566b; }
.ibn-panel ::selection { background:#edcf83; color:#13233f; }
.ibn-panel :focus-visible, .ibn-trigger:focus-visible { outline:3px solid #806020; outline-offset:3px; }
[data-ib-news-control] { flex-shrink:0; }
@media(max-width:560px) { .ibn-head { padding:22px 20px 18px; } .ibn-body { padding:20px; } .ibn-footer { padding:14px 20px 18px; } .ibn-head h2 { font-size:25px; } }
@media(prefers-reduced-motion:no-preference) { .ibn-panel[open] { animation:ibn-enter 220ms cubic-bezier(.16,1,.3,1); } @keyframes ibn-enter { from { transform:translateX(24px); } to { transform:translateX(0); } } }

.ibn-trigger { position:relative; }
.ibn-badge { position:absolute; top:-9px; right:-5px; font-size:11px; font-variant-numeric:tabular-nums; line-height:1; padding:4px 6px; border:1px solid #fbf6ea; border-radius:4px; background:#13233f; color:#fffdf8; }
.ibn-badge[hidden] { display:none; }
.ibn-article { padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #d8c9a8; overflow-wrap:anywhere; }
.ibn-article:last-child { margin-bottom:0; border-bottom:0; }
.ibn-article h3 { margin:8px 0 10px; font-size:20px; line-height:1.35; }
.ibn-article p { margin:0 0 12px; }
.ibn-article .ibn-meta { color:#46566b; font-size:12px; }
.ibn-source { font-size:13px; }
.ibn-source span { display:block; margin-top:4px; color:#46566b; font-size:11px; }
.ibn-schedule { margin:0 0 10px; font-size:13px; font-weight:700; }

.ibn-external { display:inline-block; width:14px; height:14px; margin-left:4px; vertical-align:-2px; }

/* The open panel is a notebook leaf: binding in the margin, quiet reading area. */
.ibn-panel { padding:0 6px 0 34px; background:#fffdf8; }
.ibn-binding { position:absolute; inset:0 auto 0 0; width:26px; background:#f1e6cb; border-right:3px double #c39a4c; pointer-events:none; }
.ibn-binding i { position:absolute; left:8px; width:8px; height:8px; border:1px solid #806020; border-radius:50%; background:#f6efdd; }
.ibn-binding i:nth-child(1) { top:92px; }
.ibn-binding i:nth-child(2) { top:45%; }
.ibn-binding i:nth-child(3) { bottom:88px; }
.ibn-panel::after { content:""; position:absolute; inset:0 0 0 auto; width:4px; border-left:3px double #c39a4c; background:#f1e6cb; pointer-events:none; }
.ibn-head { position:relative; padding:28px 24px 22px; border-bottom:4px double #c39a4c; }
.ibn-head::after { content:""; position:absolute; top:0; right:82px; width:16px; height:27px; background:#c39a4c; clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%); pointer-events:none; }
.ibn-body { padding:24px; }
.ibn-article { border-bottom:3px double #d8c9a8; }
.ibn-footer { padding:16px 24px 20px; border-top:3px double #c39a4c; }
@media(max-width:560px) {
  .ibn-panel { padding-left:22px; padding-right:4px; }
  .ibn-binding { width:15px; }
  .ibn-binding i { left:4px; width:6px; height:6px; }
  .ibn-panel::after { width:2px; }
  .ibn-head { padding:22px 18px 18px; }
  .ibn-head::after { right:76px; width:13px; height:21px; }
  .ibn-body { padding:20px 18px; }
  .ibn-footer { padding:14px 18px 18px; }
}