/* VIKARA mobile polish — SurfCT, 18 Sep 2026. Phone breakpoint only. */
@media (max-width:720px){/* 1. Hold the sticky bar back until past the first screen{opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s}/* Nobody books from a privacy policy{display:none!important}

 /* 2. Breadcrumb links were 19.5px tall. Real tap target, same look. */
 .breadcrumbs ol{gap:2px 10px}
 .breadcrumbs li a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;margin:-12px 0}
 .breadcrumbs li+li:before{align-self:center}

 /* 3. Every .text-link is a standalone navigational link, never a word inside
       a sentence: knownLink() only fires when a whole block matches a page
       name, and the hand-written uses are all their own call to action. 360 of
       the 364 are the sole content of their <p> or <li>, and the remaining
       four sit alone on their line after a <br>. So a 44px target here cannot
       collapse paragraph rhythm. They were rendering at 18px, which is a
       fiddly thing to hit with a thumb across 141 pages of cross-links. */
 .text-link,.call-line a{
  display:inline-flex;align-items:center;min-height:44px}
 /* Cross-reference lists get their spacing back, since each row is now taller. */
 .related-links a,.article-aside a{min-height:44px;display:inline-flex;align-items:center}
 /* .footer-address-link is deliberately absent: polish.css already gives it a
    44px block target, and forcing inline-flex collapses its two address lines
    onto one. */
 .call-line{padding-top:8px}
 .hero-actions,.inline-actions{row-gap:4px}
}