/* One large document with neighbouring cards visible at the edges. */
.carousel-bar{margin-bottom:24px}.carousel-hint{max-width:none;font-size:.875rem;line-height:1.6}.carousel-hint>span{display:block;margin:5px 0 0}.carousel-counter{white-space:nowrap;margin:0;color:#bbb;font-variant-numeric:tabular-nums}
.doc-viewport{gap:24px;scroll-snap-type:x mandatory;scroll-padding-inline:56px;padding:0 56px 22px;cursor:grab;scrollbar-color:#888 #171717;scrollbar-width:thin}
.doc-slide{flex:0 0 100%;display:grid;grid-template-columns:.92fr 1.08fr;gap:0;padding:0;border:1px solid #666;background:#080808;scroll-snap-align:center}
.doc-image{height:430px;padding:24px;border-right:1px solid #555;background:#111;cursor:grab}.doc-image img{max-height:382px;pointer-events:none}
.doc-info{padding:32px;align-self:center;display:block}.doc-number{margin-bottom:24px}.doc-info h3{font-size:1.75rem;line-height:1.35;max-width:none}.doc-info>p{font-size:1rem;line-height:1.7;max-width:none;margin-top:18px}.doc-info .doc-requisite{font-size:.875rem}.doc-links{margin-top:24px;padding-top:0;gap:28px}.doc-links .text-link{font-size:.875rem;gap:14px}
.doc-viewport.is-dragging{scroll-snap-type:none}.doc-viewport.is-dragging,.doc-viewport.is-dragging *{cursor:grabbing;user-select:none}
@media(max-width:1000px){.doc-viewport{padding-inline:36px;scroll-padding-inline:36px}.doc-image{height:400px;padding:20px}.doc-image img{max-height:360px}.doc-info{padding:26px}.doc-info h3{font-size:1.5rem}}
@media(max-width:700px){.carousel-bar{align-items:flex-start;gap:20px}.carousel-hint{max-width:26ch}.carousel-hint>span{display:block}.carousel-counter{font-size:.875rem}.doc-viewport{gap:12px;padding:0 24px 18px;scroll-padding-inline:24px}.doc-slide{grid-template-columns:1fr}.doc-image{height:300px;padding:20px;border-right:0;border-bottom:1px solid #555}.doc-image img{max-height:260px}.doc-info{padding:24px 22px;align-self:start}.doc-info h3{font-size:1.35rem}.doc-info>p{font-size:.9375rem}.doc-number{margin-bottom:18px}.doc-links{gap:20px}}

.documents h2[tabindex="-1"]:focus{outline:none}

/* Sideways originals remain unmodified; only their presentation is rotated. */
.doc-image { --doc-image-height: 382px; }
.doc-rotated-frame { display: block; position: relative; width: 100%; max-width: calc(var(--doc-image-height) * var(--scan-ratio)); aspect-ratio: var(--scan-ratio); }
.doc-image .doc-rotated-frame img { position: absolute; top: 50%; left: 50%; width: var(--scan-width); height: auto; max-width: none; max-height: none; transform: translate(-50%,-50%) rotate(90deg); }
@media(max-width:1000px) { .doc-image { --doc-image-height: 360px; } }
@media(max-width:700px) { .doc-image { --doc-image-height: 260px; } }