/* Inner-page controls only. SVG geometry matches visuals.mjs; no font/image downloads.
   Icons are decorative: preserve the real text label and existing accessible names.
   Load after the current page styles. Home, maps, and third-party UI are untouched. */
.inner-page main {
  --control-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5'/%3E%3C/svg%3E");
  --control-icon-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='3'/%3E%3Cpath d='m16 10 5-3v10l-5-3'/%3E%3C/svg%3E");
  --control-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10c0 5-7 12-7 12S5 15 5 10a7 7 0 0 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3C/svg%3E");
  --control-icon-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5C8 2 3 3 2 4v16c4-2 7-1 10 1 3-2 6-3 10-1V4c-4-2-7-1-10 1Zm0 0v16'/%3E%3C/svg%3E");
  --control-icon-train: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='15' rx='3'/%3E%3Cpath d='M5 9h14M9 18l-3 4m9-4 3 4M9 14h.1m6 0h.1'/%3E%3C/svg%3E");
  --control-icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 5c-3-3-6-1-8 1-2-2-5-4-8-1-5 5 8 15 8 15S25 10 20 5Z'/%3E%3C/svg%3E");
  --control-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='19' rx='3'/%3E%3Cpath d='m7 9 2 2 4-4M8 16h8'/%3E%3C/svg%3E");
  --control-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='15' rx='3'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E");
}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a) {
  --control-icon: var(--control-icon-arrow);
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; max-width:100%; line-height:1.5;
  white-space:normal; overflow-wrap:anywhere; text-align:center;
  transition:box-shadow .16s ease, border-color .16s ease;
}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a):not(:has(svg))::before {
  content:""; display:inline-block; flex:0 0 19px; width:19px; height:19px;
  background-color:currentColor;
  -webkit-mask:var(--control-icon) center / contain no-repeat;
  mask:var(--control-icon) center / contain no-repeat;
}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a) .ui-icon {
  width:19px;height:19px;margin:0;flex:0 0 19px;color:inherit;
}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a)[href*="/cameras"],
.inner-page main .camera-card-actions a,
.inner-page main #camera-filter button[type="submit"],
.inner-page main .camera-local-nav a[href="#cctv"] {--control-icon:var(--control-icon-camera)}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city)[href*="/courses"],
.inner-page main .camera-local-nav a[href="#travel"] {--control-icon:var(--control-icon-book)}
.inner-page main :is(.button,.camera-local-nav a)[href*="/guides/transport"],
.inner-page main .button[href*="/guides/regional-passes"],
.inner-page main .tg-finder button[type="submit"] {--control-icon:var(--control-icon-train)}
.inner-page main :is(.button,.camera-local-nav a)[href*="/reviews"],
.inner-page main #review-unlock .button {--control-icon:var(--control-icon-heart)}
.inner-page main :is(.button,.camera-local-nav a)[href*="/cities"],
.inner-page main .button[href*="#explore"] {--control-icon:var(--control-icon-pin)}
.inner-page main .button[href^="mailto:"] {--control-icon:var(--control-icon-mail)}
.inner-page main .button[href*="/checklist"],
.inner-page main #review-form button[type="submit"],
.inner-page main #save-review-draft,
.inner-page main #packing-profile button[type="submit"] {--control-icon:var(--control-icon-check)}
.inner-page main :is(.camera-local-nav a,.course-back-city) {
  padding:9px 13px; border:1px solid var(--line,#e5ddd3);
  border-radius:999px; background:var(--card,#fffefa); color:var(--ink,#292d2b);
  text-decoration:none; font-size:13px;
}
.inner-page main .camera-card-actions {gap:10px;flex-wrap:wrap}
.inner-page main .camera-card-actions a {
  padding:9px 12px;border:1px solid var(--line,#e5ddd3);
  border-radius:12px;text-decoration:none;font-size:13px;
}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a):focus-visible {
  outline:3px solid #3f6860;outline-offset:3px;
}
.inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a)[aria-disabled="true"],
.inner-page main .button:disabled {cursor:not-allowed;box-shadow:none}
.inner-page main :is(.course-filters button,.course-day-tabs a) {min-height:44px}
.inner-page main :is(.course-filters button[aria-pressed="true"],.theme-filters button[aria-pressed="true"]) {
  outline:2px solid currentColor;outline-offset:2px;
}
@media(hover:hover) {
  .inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a):not(:disabled):not([aria-disabled="true"]):hover {
    box-shadow:0 3px 12px #49352315;
  }
}
@media(max-width:640px) {
  .inner-page main :is(.actions,.review-toolbar,.form-actions,.camera-local-nav) {flex-wrap:wrap;gap:10px}
  .inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a) {min-height:46px}
}
@media(prefers-reduced-motion:reduce) {
  .inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a) {transition:none}
}
@media(forced-colors:active) {
  .inner-page main :is(.button,.camera-local-nav a,.course-back-city,.camera-card-actions a) {border:1px solid ButtonText}
}