/* ReTanks — WordPress additions to site.css: editor content, block styles, search, comments.
   Same rules as site.css: steel, well, amber, nothing else. */

/* logo image chosen in Tanki Settings sits where the stencil badge was */
.logo__image { width: calc(var(--k) * 38); height: calc(var(--k) * 38); object-fit: contain; filter: drop-shadow(0 1px 0 #000); }

/* "Lead" and "Note" paragraph styles of the block editor = .lead and .note of the original pages */
.prose .is-style-lead { color: var(--white); font-size: max(15px, calc(var(--k) * 17.5)); line-height: 1.5; }
.prose .is-style-note { padding: calc(var(--k) * 11) calc(var(--k) * 14); border: 1px solid #000; border-left: calc(var(--k) * 5) solid var(--amber); background: linear-gradient(#232421, #171816); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }

/* editor content */
.prose strong { color: var(--white); }
.prose a { color: var(--link); }
.prose h3 { color: var(--white); font: 800 max(16px, calc(var(--k) * 18)) / 1.2 var(--f-stencil); letter-spacing: .03em; text-transform: uppercase; }
.prose ol { display: grid; gap: calc(var(--k) * 5); padding-left: calc(var(--k) * 22); }
.prose ol li::marker { color: var(--amber); font-weight: 700; }
.prose img, .prose video, .prose iframe { max-width: 100%; height: auto; }
.prose .wp-block-image img { border: 1px solid #000; box-shadow: 0 0 0 1px rgba(255, 255, 255, .09); }
.prose .wp-block-table { overflow-x: auto; margin: calc(var(--k) * 13) 0 0; }
.prose .wp-block-table table { margin: 0; }
/* undo the core table block borders: the original table has one black frame, seams between rows */
.prose .wp-block-table thead { border-bottom: 0; }
.prose .wp-block-table th { border: 0; border-bottom: 1px solid #000; }
.prose .wp-block-table td { border: 0; border-top: 1px solid var(--seam); }
.prose .wp-element-caption, .prose .wp-block-table figcaption { margin-top: calc(var(--k) * 6); color: var(--dim); font-size: max(12px, calc(var(--k) * 13)); }
.prose blockquote { margin-inline: 0; padding: calc(var(--k) * 4) 0 calc(var(--k) * 4) calc(var(--k) * 16); border-left: calc(var(--k) * 3) solid var(--seam); color: var(--white); font-style: italic; }
.prose hr { height: 0; border: 0; border-top: 1px solid #000; box-shadow: 0 1px 0 rgba(255, 255, 255, .07); }
.prose code, .prose pre { background: var(--pit); font-size: .92em; }
.prose pre { overflow-x: auto; padding: calc(var(--k) * 10) calc(var(--k) * 12); border: 1px solid #000; }
.prose .wp-block-button__link { display: inline-block; padding: calc(var(--k) * 9) calc(var(--k) * 16) calc(var(--k) * 8); border: 1px solid #000; background: linear-gradient(#ffc93a, #e9981a); color: var(--ink); font: 800 calc(var(--k) * 16) / 1 var(--f-stencil); letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.prose .wp-block-button__link:hover { filter: brightness(1.1); }
.prose .alignleft { float: left; margin: 0 calc(var(--k) * 16) calc(var(--k) * 8) 0; }
.prose .alignright { float: right; margin: 0 0 calc(var(--k) * 8) calc(var(--k) * 16); }
.prose .aligncenter { margin-inline: auto; text-align: center; }
.prose::after { content: ""; display: table; clear: both; }

/* featured image used as a cover keeps the proportions of the seasonal cover */
.cover--image { display: block; width: 100%; height: auto; object-fit: cover; background: none; }

.page-links { color: var(--dim); }

/* search form: a well with a steel plate button */
.search { display: flex; gap: calc(var(--k) * 6); margin-bottom: calc(var(--k) * 14); }
.search__field { flex: 1; min-width: 0; padding: calc(var(--k) * 9) calc(var(--k) * 12); border: 1px solid #000; background: var(--well); box-shadow: var(--sunk); color: var(--white); font: inherit; }
.search__field:focus { outline: 2px solid var(--amber); outline-offset: -2px; }
.search .plate { cursor: pointer; font-family: var(--f-stencil); }

/* comments */
.comments { margin-top: calc(var(--k) * 24); padding-top: calc(var(--k) * 14); border-top: 1px solid #000; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); }
.comments .comment-list { margin: 0; padding: 0; list-style: none; }
.comments .comment-body { padding: calc(var(--k) * 10) 0; border-top: 1px solid #000; }
.comments textarea, .comments input[type="text"], .comments input[type="email"], .comments input[type="url"] { width: 100%; padding: calc(var(--k) * 8); border: 1px solid #000; background: var(--well); color: var(--white); font: inherit; }

/* WordPress core helpers */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.screen-reader-text:focus { z-index: 100000; top: 5px; left: 5px; width: auto; height: auto; padding: 12px 20px; clip: auto; background: var(--amber); color: var(--ink); }