/* Sessiz Hat: case-specific editorial opening and evidence documents. */
.sh-opening { max-width: 1200px; }
/* Keep the paper report readable even when another case loads dark form styles. */
.final-report-sheet.sh-final-report { background: #e4dbc8; color: #263127; }
.final-report-sheet.sh-final-report .final-report-head { border-color: #92866d; }
.final-report-sheet.sh-final-report .final-report-head h1,
.final-report-sheet.sh-final-report .final-report-head span,
.final-report-sheet.sh-final-report .final-report-head > strong { color: #263127; }
.final-report-sheet.sh-final-report .final-report-intro,
.final-report-sheet.sh-final-report .report-submit-row small { color: #514b3d; }
.final-report-sheet.sh-final-report fieldset { border: 1px solid #988d76; border-radius: 5px; background: #eee6d7; padding: 14px 16px; margin: 26px 0 0; }
.final-report-sheet.sh-final-report legend { color: #263127; font: 700 .92rem/1.6 var(--mono); letter-spacing: 0; padding: 0 8px; }
.final-report-sheet.sh-final-report label { display: flex; align-items: flex-start; gap: 10px; color: #30382c; background: transparent; border: 1px solid transparent; border-radius: 4px; margin: 6px 0; padding: 10px; font-size: .9rem; line-height: 1.7; }
.final-report-sheet.sh-final-report label:hover { color: #263127; background: #ded7c4; border-color: #a29b81; }
.final-report-sheet.sh-final-report label:has(input:checked) { color: #1f3123; background: #d2ddc8; border-color: #596c49; font-weight: 600; }
.final-report-sheet.sh-final-report input { color-scheme: light; accent-color: #344d34; flex: 0 0 18px; width: 18px; height: 18px; margin: 3px 0 0; }
.final-report-sheet.sh-final-report input:focus-visible,
.final-report-sheet.sh-final-report button:focus-visible { outline: 2px solid #344d34; outline-offset: 3px; }
.final-report-sheet.sh-final-report label:focus-within { outline: 2px solid #344d34; outline-offset: 2px; }
.final-report-sheet.sh-final-report fieldset.has-error { border-color: #943e2c; }
.final-report-sheet.sh-final-report fieldset.has-error legend { color: #7f2e20; }
.final-report-sheet.sh-final-report .report-errors { background: #f2dfcf; border-color: #943e2c; }
.final-report-sheet.sh-final-report .report-errors h2,
.final-report-sheet.sh-final-report .report-errors p { color: #682d21; }
.final-report-sheet.sh-final-report .report-submit-row { color: #263127; border-color: #92866d; }
.final-report-sheet.sh-final-report .btn-primary { color: #fff8e9; background: #344d34; border-color: #344d34; }
.final-report-sheet.sh-final-report .btn-primary:hover { color: #fff8e9; background: #263b27; border-color: #263b27; }
@media (max-width: 600px) { .final-report-sheet.sh-final-report .evidence-check-grid { grid-template-columns: 1fr; } }
.sh-cover,.sh-next-cases { scroll-margin-top: calc(var(--topbar) + 16px); }
.sh-eyebrow { color: #c8ab79; font: .65rem/1.8 var(--mono); letter-spacing: .13em; }
.sh-cover { position: relative; isolation: isolate; container-type: inline-size; overflow: hidden; min-height: 590px; padding: clamp(24px,4vw,54px); border: 1px solid #655941; background: #131813; }
.sh-cover-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; z-index: -2; filter: saturate(.5); }
.sh-cover::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#101710f5 0%,#101710c9 42%,#10171030 100%),linear-gradient(0deg,#101710eb,transparent 60%); }
.sh-cover-top { display: flex; justify-content: space-between; gap: 16px; color: #dfd4ba; font: .62rem/1.8 var(--mono); letter-spacing: .1em; border-bottom: 1px solid #bbb18a40; padding-bottom: 18px; }
.sh-cover-copy { position: relative; max-width: 530px; padding-top: 35px; }
.sh-cover h1 { margin: 15px 0 22px; color: #f3ecd9; font: 400 clamp(4rem,8vw,7.4rem)/.86 var(--editorial); letter-spacing: -.06em; }
.sh-cover h1 em { color: #c7a36c; font-style: normal; }
.sh-cover-copy > p:last-of-type { color: #d1d1bf; font-size: 1rem; line-height: 1.8; }
.sh-cover-copy strong { color: #f0e8d4; font-weight: 500; }
.sh-start { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 26px; }
.sh-start > span { font: .63rem/1.8 var(--mono); color: #b9bdad; }
.sh-last-message { position: absolute; right: 4%; bottom: 70px; width: 245px; padding: 22px; background: #e8dfc9; color: #333c31; box-shadow: 0 15px 35px #0005; transform: rotate(3deg); border-top: 4px solid #8c6946; }
.sh-last-message > span,.sh-last-message small { font: .6rem/1.7 var(--mono); }
.sh-last-message blockquote { margin: 14px 0; font: italic 1.13rem/1.55 var(--editorial); }
.sh-dispatch-strip { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 17px 22px; background: #242b20; border: 1px solid #4d533d; border-top: 0; color: #bfbea4; font: .6rem/1.8 var(--mono); }
.sh-dispatch-strip i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #c7a36c; margin-right: 6px; }
.sh-brief-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(24px,4vw,56px); padding: 38px 0; }
.sh-brief h2,.sh-questions h2 { font: 400 2rem/1.2 var(--editorial); color: #eee4cf; }
.sh-brief p,.sh-questions p,.sh-method p { color: #bfc2af; line-height: 1.85; font-size: .86rem; }
.sh-brief-order { border-left: 2px solid #b99b65; padding-left: 20px; }
.sh-questions { background: #242a20; padding: 26px; border: 1px solid #484e3b; }
.sh-questions ol { list-style: none; padding: 0; margin: 20px 0; }
.sh-questions li { display: flex; gap: 18px; border-bottom: 1px solid #424934; padding: 15px 0; }
.sh-questions li > span { font: .72rem var(--mono); color: #c6a46b; padding-top: 3px; }
.sh-questions strong { color: #e4dcc4; font-size: .95rem; }
.sh-questions li p { margin: 5px 0 0; }
.sh-method { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #54563f; padding-top: 26px; gap: 30px; }
.sh-method span { font: .62rem var(--mono); letter-spacing: .12em; color: #bda272; }
.sh-method h3 { font: 400 1.23rem var(--editorial); color: #e5ddc8; }
.sh-message-document { background: #25352c; border: 1px solid #637361; padding: 20px; margin: 22px 0; }
.sh-message-document > div { display: flex; gap: 12px; justify-content: space-between; font: .58rem/1.8 var(--mono); color: #c1cdb9; }
.sh-message-document > p { background: #d8e0cb; color: #24342a; border-radius: 12px 12px 2px 12px; padding: 18px; line-height: 1.7; }
.sh-message-document small { color: #c4cebc; line-height: 1.8; }
.sh-message-document footer,.sh-log-document footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid #a4a99040; font-size: .73rem; line-height: 1.6; }
.sh-log-document { padding: 20px; margin: 22px 0; background: #e6ddc8; color: #344034; }
.sh-log-document header { font: .65rem/1.7 var(--mono); border-bottom: 1px solid #4d5e4160; padding-bottom: 12px; }
.sh-log-document header span { display: block; font-size: .54rem; }
.sh-log-document > div { display: grid; grid-template-columns: 75px 1fr; gap: 10px; border-bottom: 1px dashed #4d5e4160; padding: 14px 0; font: .67rem/1.6 var(--mono); }
.sh-log-document > div > span { grid-column: 2; }
.sh-call { margin: 22px 0; border: 1px solid #70684d; background: #181f18; }
.sh-call > header { display: flex; justify-content: space-between; gap: 16px; background: #2b3125; padding: 20px; }
.sh-call h3 { color: #e9dfc6; font: 400 1.35rem/1.35 var(--editorial); margin: 8px 0; }
.sh-call > header > time { color: #d7b781; font: 1.15rem/1.6 var(--mono); text-align: right; }
.sh-call time small { font-size: .54rem; white-space: nowrap; }
.sh-call ol { list-style: none; padding: 0 20px; margin: 0; }
.sh-call li { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; border-bottom: 1px solid #3d4433; padding: 17px 0; }
.sh-call li time,.sh-call li strong { color: #bca677; font: .6rem/1.8 var(--mono); }
.sh-call li p { color: #d4d5c4; font-size: .85rem; line-height: 1.7; margin: 6px 0 0; }
.sh-call #call-analysis { padding: 20px; scroll-margin-top: 120px; }
.sh-call fieldset { border: 0; padding: 0; margin: 20px 0; min-width: 0; }
.sh-call legend { font-size: .87rem; color: #e6dec8; line-height: 1.6; margin-bottom: 12px; }
.sh-call label { display: flex; align-items: start; gap: 10px; margin: 8px 0; padding: 12px; border: 1px solid #4b513c; color: #c5cbb7; font-size: .78rem; line-height: 1.65; cursor: pointer; }
.sh-call label:has(input:checked) { border-color: #c9ad76; background: #333a27; color: #efe4c9; }
.sh-call input { accent-color: #c9ad76; flex-shrink: 0; margin-top: 4px; }
.sh-analysis-result p { font-size: .85rem; line-height: 1.8; }
.sh-patrol-document { margin: 22px 0; padding: 22px; color: #30392e; background: #e5deca; border: 1px solid #b2a588; }
.sh-patrol-document .sh-eyebrow { color: #665032; }
.sh-patrol-document h3 { color: #283329; font: 400 1.65rem/1.3 var(--editorial); margin: 8px 0; }
.sh-patrol-document p,.sh-patrol-document li { color: #30392e; font-size: .84rem; line-height: 1.85; }
.sh-patrol-document dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 15px 0; border-block: 1px solid #b4ac93; }
.sh-patrol-document dt { font: .57rem/1.8 var(--mono); color: #62563c; }
.sh-patrol-document dd { margin: 5px 0 0; font: .9rem var(--mono); }
.sh-patrol-document ol { padding-left: 20px; }
.sh-patrol-document li + li { margin-top: 14px; }
.sh-patrol-document aside { border-left: 3px solid #79603a; padding: 12px 16px; background: #d4ccb7; }
.sh-patrol-document aside strong { font: .64rem var(--mono); }
.sh-patrol-document aside p { margin-bottom: 0; }
.sh-patrol-document footer { padding-top: 18px; font-size: .77rem; line-height: 1.8; }
.sh-patrol-document .btn { color: #29372c; background: #d8d1bc; border-color: #887c5b; text-align: left; }
.sh-patrol-document .btn:hover { background: #c9c1a8; }
.sh-patrol-document :focus-visible { outline: 2px solid #445337; outline-offset: 3px; }
.sh-personal-notes { margin: 24px 0; border: 1px solid #555b43; padding: 20px; }
.sh-personal-notes summary { cursor: pointer; color: #d5c49b; font: .8rem/1.8 var(--mono); }
.sh-personal-notes[open] summary { margin-bottom: 20px; }
.sh-rescue { margin: 24px 0; padding: clamp(22px,4vw,40px); background: linear-gradient(120deg,#293c2b,#19271e); border: 1px solid #869768; scroll-margin-top: 110px; }
.sh-rescue-signal { display: flex; align-items: center; gap: 24px; }
.sh-rescue-signal > span { display: grid; place-items: center; border: 1px solid #aab78b; border-radius: 50%; width: 54px; height: 54px; flex-shrink: 0; color: #cad9ad; font-size: 1.5rem; }
.sh-rescue h2 { color: #eee8cf; font: 400 clamp(1.6rem,3vw,2.8rem)/1.2 var(--editorial); margin: 12px 0; }
.sh-rescue p { line-height: 1.8; color: #c3cdb7; max-width: 720px; }
.sh-next-cases.ending-next-case { padding: 30px 0 0; border: 0; border-top: 1px solid #656046; background: none; }
.sh-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 24px; }
.sh-product { display: flex; flex-direction: column; background: #23291e; border: 1px solid #666046; min-width: 0; }
.sh-product > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; filter: saturate(.65); }
.sh-product > div { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.sh-product h3 { margin: 7px 0; color: #f0e7cf; font: 400 1.8rem var(--editorial); }
.sh-product ul { padding-left: 18px; color: #c1c8af; font-size: .78rem; line-height: 1.9; margin: 8px 0 24px; }
.sh-product-action { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; }
.sh-product-action strong { color: #e4d4ad; font: 1.05rem var(--mono); }
.sh-product-action .btn { font-size: .73rem; margin: 0; }
.sh-opening :focus-visible,.sh-call :focus-visible,.sh-rescue :focus-visible,.sh-next-cases :focus-visible { outline: 2px solid #e2bd7f; outline-offset: 4px; }
@container (max-width: 620px) { .sh-cover .sh-last-message { position: relative; right: auto; bottom: auto; width: min(100%,340px); transform: none; margin: 28px 0 0 auto; } .sh-cover .sh-cover-copy { max-width: 100%; } }
@media (max-width: 1150px) { .sh-last-message { width: 200px; right: 25px; bottom: 135px; } .sh-cover-copy { max-width: 380px; } }
@media (max-width: 900px) { .sh-last-message { position: relative; right: auto; bottom: auto; width: min(100%,340px); transform: none; margin: 28px 0 0 auto; } .sh-brief-grid { grid-template-columns: 1fr; gap: 22px; } }
@media (max-width: 600px) { .sh-cover { padding: 22px; } .sh-cover-top { font-size: .53rem; flex-wrap: wrap; } .sh-cover-copy { padding-top: 24px; } .sh-cover h1 { font-size: 4.6rem; } .sh-cover::after { background: linear-gradient(90deg,#101710ec,#1017108a),linear-gradient(0deg,#101710,transparent); } .sh-dispatch-strip { padding: 16px; font-size: .56rem; } .sh-method,.sh-product-grid { grid-template-columns: 1fr; } .sh-method { gap: 12px; } .sh-questions { padding: 20px; } .sh-rescue-signal { align-items: start; gap: 14px; } .sh-rescue-signal > span { width: 36px; height: 36px; margin-top: 10px; } .sh-call > header,.sh-call #call-analysis { padding: 16px; } .sh-call ol { padding: 0 16px; } .sh-product > div { padding: 20px; } }