@charset "UTF-8";

.store-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
.store-path { display:grid; gap:7px; width:100%; padding:18px 20px; border:1px solid #cbdde3; border-radius:12px; background:#fff; color:#0a3042; text-align:left; cursor:pointer; }
.store-path strong { font-size:16px; }
.store-path span { color:#527083; font-size:12px; line-height:1.6; }
.store-path.active { border-color:#13bfb5; background:#e8f9f7; box-shadow:0 0 0 2px rgba(19,191,181,.12); }
.store-path:focus-visible { outline:3px solid #3ad4c8; outline-offset:2px; }
.store-path[href] { text-decoration:none; }
.store-path[href]:hover { border-color:#13bfb5; background:#e8f9f7; }
.store-confirm { display:flex; align-items:center; gap:9px; line-height:1.5; }
.store-confirm input { flex:none; width:16px; height:16px; }
.store-meta { display:grid; gap:0; margin:20px 0; border:1px solid #d5e3e8; border-radius:10px; }
.store-meta div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px; padding:12px 15px; border-top:1px solid #d5e3e8; }
.store-meta div:first-child { border-top:0; }
.store-meta dt { color:#5b7583; font-size:12px; }
.store-meta dd { min-width:0; margin:0; overflow-wrap:anywhere; font-size:13px; }
.store-collection { margin-bottom:20px; }
.store-list { display:grid; gap:12px; }
.store-list-item { display:grid; gap:12px; padding:16px; border:1px solid #d5e3e8; border-radius:10px; }
.store-list-item h3 { margin:0 0 5px; font-size:16px; }
.store-list-item p { margin:0; color:#527083; font-size:13px; }
.store-list-item small { display:block; margin-top:7px; color:#527083; overflow-wrap:anywhere; }
.store-list-item > div:last-child { display:flex; align-items:center; justify-content:flex-start; gap:10px; flex-wrap:wrap; }
.store-current { color:#008b83; font-size:12px; font-weight:700; }
.store-admin-url[hidden] { display:none; }
.store-admin-link { white-space:nowrap; }
.site-points { margin-left:auto; color:#0b706b; font-size:14px; font-weight:700; white-space:nowrap; }

@media (max-width:700px) {
  .store-paths { grid-template-columns:1fr; }
  .store-list-item { align-items:flex-start; }
}