/* Shared additions; keep the site's existing styles.css. */
.mobile-preview { width:100%; max-width:229.5px; }
@media (max-width:760px) { .mobile-preview { max-width:202.5px; } }
.mobile-apps-nav { position:relative; }
.mobile-apps-nav summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:7px; min-height:44px; }
.mobile-apps-nav summary::-webkit-details-marker { display:none; }
.mobile-apps-nav summary::after { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); }
.mobile-apps-nav[open] summary::after { transform:rotate(225deg); }
.mobile-apps-menu { position:absolute; top:100%; right:0; z-index:20; width:285px; max-width:calc(100vw - 40px); padding:8px; background:var(--paper-strong,#f5eddd); border:1px solid var(--rule,#b9a57e); border-radius:8px; box-shadow:0 12px 28px #0003; }
.mobile-apps-menu a { display:block; padding:14px 12px; font-size:13px; line-height:1.5; letter-spacing:.02em; text-transform:none; border-radius:4px; }
.mobile-apps-menu a:hover,.mobile-apps-menu a[aria-current="page"] { background:var(--paper-muted,#e7dac0); }
.mobile-apps-nav summary:focus-visible,.mobile-apps-menu a:focus-visible { outline:2px solid var(--rust,#8a3e24); outline-offset:3px; }
@media (max-width:760px) { .site-nav { flex-wrap:wrap; } .site-nav .nav-links { flex-wrap:wrap; justify-content:flex-start; } }
@media (max-width:760px) { .site-nav .nav-links { position:relative; width:100%; } .mobile-apps-nav { position:static; } .mobile-apps-menu { left:0; right:auto; } }