/* Austin MacWorks, DRAFT v1.1.20261028C: the Business link opens the Business site in a new window, with a short notice.
   28C: the notice is a bar at the top of the window, just below the sticky header (business-link.js sets --biz-top).
   The notice stays in the page as an empty, visually hidden status region until a Business link is clicked.
   No animation when reduced motion is requested. */
.ext-ico{display:inline-block;width:.68em;height:.68em;margin-left:.3em;vertical-align:.02em;flex:none}
.btn .ext-ico{margin-left:.45em}
.biz-notice{position:fixed;z-index:200;left:50%;top:var(--biz-top, calc(72px + env(safe-area-inset-top, 0px)));transform:translateX(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;padding:8px 6px 8px 18px;background:var(--espresso);color:var(--espresso-fg);border:1px solid var(--espresso-line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.28);font-family:var(--font);font-size:var(--t-sm);line-height:1.45}
.biz-notice-text{margin:0;min-width:0;overflow-wrap:break-word}
.biz-notice-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--espresso-fg);cursor:pointer;font:inherit}
.biz-notice-close:hover{background:var(--espresso-line)}
.biz-notice-close:focus-visible{outline:2px solid var(--brass);outline-offset:1px}
.biz-notice-close svg{width:16px;height:16px}
.biz-notice-close[hidden]{display:none}
.biz-notice.biz-notice--idle{position:fixed;left:0;bottom:0;transform:none;width:1px;height:1px;max-width:none;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;box-shadow:none}
@media (prefers-reduced-motion: no-preference){
  .biz-notice:not(.biz-notice--idle){animation:biz-notice-in .18s ease-out}
}
@keyframes biz-notice-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@media print{.biz-notice{display:none}}
/* C rev 1 (Han's answer, Oct 28, 2026, 8:33 PM CT, relayed): a Business link inside the page body (marked data-biz-notice-pos="center")
   shows the notice in the middle of the window; header and footer Business links keep the top placement.
   Appended only by v1_1_20261028C_patch.py when the body link center part is on (default); --no-body-link-center leaves it out. */
.biz-notice.biz-notice--center:not(.biz-notice--idle){top:50%;transform:translate(-50%,-50%)}
@media (prefers-reduced-motion: no-preference){
  .biz-notice.biz-notice--center:not(.biz-notice--idle){animation:biz-notice-in-mid .18s ease-out}
}
@keyframes biz-notice-in-mid{from{opacity:0;transform:translate(-50%,calc(-50% - 8px))}to{opacity:1;transform:translate(-50%,-50%)}}
/* 28H (Han's request, Oct 29, 2026, 10:25 AM CT, relayed): the notice waits about 3 seconds before the Business site opens,
   with Continue and Cancel (44 px targets) and a thin progress line. The progress line is left out when reduced motion is
   requested; the countdown text stays. Appended only by v1_1_20261028H_patch.py; --no-notice-delay leaves it out. */
.biz-notice[hidden]{display:none}
.biz-notice{flex-wrap:wrap;row-gap:4px;width:max-content;max-width:min(calc(100vw - 24px),1000px);padding:8px 8px 10px 16px}
.biz-notice-text{flex:1 1 280px}
.biz-notice-actions{display:flex;flex:1 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.biz-notice-count{flex:1 1 0;min-width:4.5em;margin:0;font-size:.8125em;line-height:1.3;color:var(--espresso-fg);overflow-wrap:anywhere}
.biz-notice-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:0 14px;border-radius:8px;font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.biz-notice--blocked .biz-notice-count{flex-basis:100%}
.biz-notice-cancel{background:transparent;color:var(--espresso-fg);border:1px solid var(--espresso-line)}
.biz-notice-cancel:hover{background:var(--espresso-line)}
.biz-notice-go,.biz-notice-go:visited{background:var(--espresso-fg);color:var(--espresso);border:1px solid var(--espresso-fg)}
.biz-notice-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.biz-notice-bar{display:block;position:absolute;left:16px;right:8px;bottom:4px;height:3px;border-radius:2px;background:var(--espresso-line);overflow:hidden}
.biz-notice-bar i{display:block;height:100%;background:var(--brass);transform-origin:left center;transform:scaleX(0)}
@media (prefers-reduced-motion: no-preference){
  .biz-notice--waiting .biz-notice-bar i{animation:biz-notice-wait var(--biz-wait, 3000ms) linear forwards}
}
@media (prefers-reduced-motion: reduce){
  .biz-notice-bar{display:none}
}
@keyframes biz-notice-wait{from{transform:scaleX(0)}to{transform:scaleX(1)}}