.data-tagging a:not(.nav-page-button) { color:#2560cc; text-underline-offset:.2em; }
.data-tagging a:focus-visible { outline:3px solid #2560cc; outline-offset:4px; }
.data-tagging .tagging-dialog img { width:min(100%,320px); margin:auto; }
.tagging-control { max-width:1100px; margin:0 auto 3rem; padding:2.5rem 2rem; background:#f4fbfe; border-radius:1rem; }
.tagging-control h2:not(:where(.site-page-title)) { color:#24485a; font-size:2rem; padding:0; }
.tagging-control p { font-size:1.05rem; line-height:1.75; }
.tagging-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin:1.5rem 0; }
.tagging-options article { background:#fff; padding:1.5rem; border:1px solid #dceaf2; border-radius:1rem; }
.tagging-options h3 { margin:0 0 .75rem; color:#24485a; font-size:1.3rem; }
@media(max-width:760px) { .tagging-control { margin:0 1.25rem 2.5rem; padding:1.75rem 1rem; } .tagging-control h2:not(:where(.site-page-title)) { font-size:1.6rem; } .tagging-options { grid-template-columns:1fr; } }

.data-tagging .tagging-hero-image{width:100%;max-width:1100px;margin:2.5rem auto 0}
.data-tagging .tagging-hero-image img{display:block;width:100%;height:auto;box-sizing:border-box}
.tagging-introduction{max-width:900px;margin:auto;padding:3.5rem 2rem}
@media(max-width:760px){.data-tagging .tagging-hero-image{margin-top:2rem}.tagging-introduction{padding:2.5rem 1.25rem}}