/* Additions after launch (CR rD1zVo2, 2 October 2026): hover boxes and the enquiry link in What we don't do. Tokens only. */
.tile p,.ig li,.ig h3{position:relative}
.tip{display:inline}
.tipb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -10px -12px -8px;padding:0;border:0;background:none;color:var(--color-text);cursor:help;vertical-align:middle}
.tipb span[aria-hidden]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-text);font:800 13px/1 var(--font-heading);transition:background-color .15s}
.tipb:hover span[aria-hidden],.tip:focus-within .tipb span[aria-hidden]{background:var(--color-primary)}
.tipb:active span[aria-hidden]{background:var(--color-primary-active)}
.tipt{display:none;position:absolute;left:0;right:0;top:100%;margin-top:8px;z-index:20;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-panel);padding:14px 16px;font:400 15px/1.5 var(--font-body);letter-spacing:0;text-align:left;box-shadow:var(--shadow-overlay)}
.tipt::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.tip:hover .tipt,.tip:focus-within .tipt{display:block}
.ni .lnk{display:inline-flex;align-items:center;min-height:44px}
/* Blog post extras from the portal's HTML view (3 October 2026): tables, dividers, code, small text, buttons, boxes, videos. Tokens only. */
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0;font-size:.95em}
.prose caption{caption-side:top;text-align:left;font-weight:700;padding:0 0 8px}
.prose th,.prose td{border:1px solid var(--color-border);padding:10px 14px;text-align:left;vertical-align:top}
.prose th{background:var(--color-bg);font-family:var(--font-heading);font-weight:800}
.prose th.al-center,.prose td.al-center{text-align:center}.prose th.al-right,.prose td.al-right{text-align:right}.prose th.al-justify,.prose td.al-justify{text-align:justify}
.prose hr{border:0;border-top:2px solid var(--color-border);margin:2em 0}
.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px}
.prose pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;overflow-x:auto;line-height:1.5;margin:1.5em 0}
.prose pre code{background:none;border:0;padding:0;font-size:.9em}
.prose mark{background:var(--color-primary);color:var(--color-primary-contrast);padding:0 3px;border-radius:3px}
.prose small{font-size:.85em}
.prose sub,.prose sup{font-size:.75em;line-height:0}
.prose a.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:12px 24px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-contrast);font-family:var(--font-heading);font-weight:800;text-decoration:none}
.prose a.button:hover{background:var(--color-primary-hover)}
.prose a.button:active{background:var(--color-primary-active)}
.prose .note{background:var(--color-surface);border:2px solid var(--color-border);border-left:6px solid var(--color-accent);border-radius:var(--radius-md);padding:16px 20px;margin:1.5em 0}
.prose .note>:first-child{margin-top:0}.prose .note>:last-child{margin-bottom:0}
.prose .embed{position:relative;width:100%;aspect-ratio:16/9;margin:1.5em 0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-text)}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}