/* Shared photographic tool cards; home colors follow the supplied blue reference. */
.v2 .work-tool-card { padding: 0; overflow: hidden; }
.tool-card-media { position: relative; margin: 9px 9px 0; border-radius: 12px; overflow: hidden; background: #e8f1fa; }
.tool-card-media>a { display: block; }
.tool-card-media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.scene-label { position: absolute; left: 11px; top: 11px; padding: 4px 8px; border-radius: 20px; background: #fffffff0; color: #315b83; font-size: 9px; line-height: 1.5; pointer-events: none; }
.tool-card-media .favorite-button { position: absolute; right: 10px; top: 10px; width: 34px; height: 34px; border-radius: 50%; background: #fffffff2; border: 1px solid #dce8f4; color: #174c85; }
.tool-card-media .favorite-button[aria-pressed="true"] { background: #174c85; color: white; }
.tool-card-content { display: flex; flex-direction: column; flex: 1; padding: 18px 22px 21px; }
.tool-card-content .tool-type { margin-top: 0; }
.v2.home-view { --ink: #163b63; --blue: #174c85; --muted: #526e90; }
.v2.home-view .task-content { color: #163b63; }
.v2.home-view .task-heading h2 { font-weight: 500; }
.v2.home-view .task-heading p { color: #526e90; }
.v2.home-view .work-tool-card { background: white; border-color: #dce7f4; box-shadow: 0 4px 18px #174c8504; }
.v2.home-view .work-tool-card h3 { color: #174c85; }
.v2.home-view .tool-type, .v2.home-view .tool-card-bottom a { color: #245e9b; }
.v2.home-view .tool-card-bottom { border-color: #e0eaf5; }
.v2.home-view .tool-card-bottom span { color: #536e8c; }
.v2.home-view .home-service-card { display: block; padding: 9px; border-radius: 18px; overflow: hidden; border-color: #dce7f4; background: white; }
.home-service-media { position: relative; overflow: hidden; border-radius: 12px; background: #e8f1fa; }
.home-service-media img { display: block; width: 100%; height: auto; aspect-ratio: 2.1; object-fit: cover; }
.home-service-body { display: flex; align-items: center; gap: 16px; padding: 20px 14px 17px; color: #174c85; }
.home-service-body>svg:first-child { flex-shrink: 0; width: 26px; height: 26px; }
.home-service-body>div { flex: 1; min-width: 0; }
.home-service-body>svg:last-child { flex-shrink: 0; width: 20px; height: 20px; }
.v2 .home-service-body h3 { font-size: 18px; color: #174c85; }
.v2 .home-service-body p { font-size: 13px; color: #526e90; margin-top: 7px; }
.v2.home-view .park-invitation { background: #e9f2fc; border-color: #d9e7f6; }
.v2.home-view .park-invitation h2, .v2.home-view .park-facts b { color: #174c85; }
.v2.home-view .park-invitation .btn { background: #174c85; border-color: #174c85; }
.v2.home-view .task-heading>a, .v2.home-view .park-invitation .text-link { color: #245e9b; }
.v2.home-view #footer { background: #eaf1f9; }
.v2.home-view .journal-list>a { background: white; border-color: #dce7f4; }
.v2.home-view .journal-list h3 { color: #214e7c; }
.v2.home-view a:focus-visible, .v2.home-view button:focus-visible { outline: 3px solid #3987d1; outline-offset: 4px; }
.work-tool-card:has(a:hover), .home-service-card:hover { border-color: #9dbbde; }
@media (max-width: 760px) {
  .tool-card-content { padding: 17px 19px 19px; }
  .home-service-body { padding: 17px 10px 14px; gap: 12px; }
  .v2 .home-service-body h3 { font-size: 17px; }
  .home-service-media img { aspect-ratio: 16 / 9; }
}