.operation-page { max-width: 1050px; }
.operation-search { margin: 0 0 2rem; max-width: 760px; }
.operation-search label { display: block; margin-bottom: .6rem; }
.operation-search > div { display: flex; gap: .7rem; }
.operation-search input { min-width: 0; flex: 1; }
.operation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.operation-card { padding: clamp(1.2rem,3vw,2rem); border: 1px solid var(--line,#283333); background: var(--surface,#101819); overflow-wrap: anywhere; }
.operation-card h2 { margin: .6rem 0 1rem; }
.operation-card h2 a { color: inherit; }
.operation-participants { font-size: .85rem; opacity: .75; }
.operation-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; margin-top: 2rem; }
.operation-meta { padding: 1.25rem; border: 1px solid var(--line,#283333); }
.operation-meta > div + div { margin-top: 1rem; }
.operation-meta dt { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; opacity: .7; }
.operation-meta dd { margin: .4rem 0 0; overflow-wrap: anywhere; }
.operation-summary { max-width: 76ch; margin: 3rem 0; }
.operation-summary > p { line-height: 1.85; overflow-wrap: anywhere; }
.operation-summary .form-hint { font-size: .85rem; opacity: .75; border-left: 2px solid var(--cyan,#9be4ea); padding-left: 1rem; }
.operation-transcript { border: 1px solid var(--line,#283333); padding: 1.25rem; margin: 2rem 0; }
.operation-transcript summary { cursor: pointer; font-weight: 600; }
.operation-transcript pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 75vh; overflow: auto; padding: 1rem; background: #080d10; font-size: .85rem; }
@media(max-width:680px) { .operation-grid { grid-template-columns: 1fr; } .operation-search > div { flex-direction: column; } }

.operation-page h1 { overflow-wrap: anywhere; }