:root{font-family:Arial,Helvetica,sans-serif;color:#19262b;background:#fff;font-size:18px;line-height:1.5;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:#07585a}button,a,input,select{touch-action:manipulation}button,.primary{cursor:pointer;border:1px solid #a8b8bc;border-radius:6px;padding:.65rem 1rem;background:#fff;color:#19262b;text-decoration:none;min-height:48px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #147e97;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:#07585a;border-color:#07585a;color:#fff;font-weight:700;display:inline-flex;justify-content:space-between;gap:1rem;align-items:center}label{display:grid;gap:.4rem;font-weight:700}input,select{min-width:0;width:100%;padding:.65rem;border:1px solid #b6c5ca;border-radius:5px;background:#fff;color:#19262b}h1{font-size:2rem;line-height:1.2;margin:1.5rem 0 2rem}h2{font-size:1.45rem;margin:0 0 1rem}h3{font-size:1.12rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;border-bottom:1px solid #dce2e4}.brand{display:flex;gap:.75rem;align-items:center;text-decoration:none;font-weight:700;color:#19262b}.brand img{flex-shrink:0}.menu-shell{position:relative}.menu-symbol{display:none}.menu-shell nav{display:grid;position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:260px;max-width:calc(100vw - 32px);max-height:75vh;overflow:auto;background:#fff;border:1px solid #ccd6d9;border-radius:6px;padding:.5rem;box-shadow:0 10px 25px #0002}.nav-toggle[aria-expanded=false]+nav{display:none}.menu-shell nav a{display:block;padding:.55rem .8rem;text-decoration:none;color:#19262b}.menu-shell nav a:hover{background:#eef3f3}main{max-width:1100px;margin:auto;padding:1rem 2rem 3rem}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.emergency-entry{border-top:4px solid #b02936;padding-top:1.5rem}.emergency-entry>img{margin-bottom:1rem}.entry-link{width:100%;margin-top:1rem}.participation{border-top:4px solid #07585a;padding-top:1.5rem}.participation form{display:grid;gap:1.2rem}.password-field{display:flex;gap:.5rem}.password-field input{flex:1;min-width:0}.password-field button{font-size:.9rem}.participation p{min-height:3rem}#offline-state{font-size:.95rem;color:#58676d}#text-controls{display:grid;grid-template-columns:1fr 200px;gap:1rem;margin-bottom:2rem}#text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.text-entry{border:1px solid #dce2e4;border-left:4px solid #3d7379;border-radius:5px;padding:1rem;text-decoration:none;font-weight:700;display:block}.text-entry span{font-size:.9rem;display:block;color:#617076;font-weight:400}.text-entry[data-grade=II]{border-left-color:#b88720}.text-entry[data-grade=III]{border-left-color:#b02936}.article-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.article-block{margin:1rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.article-heading{margin-top:2rem;padding-top:1rem;border-top:1px solid #dce2e4}[hidden]{display:none!important}@media(max-width:650px){.site-header{padding:.8rem 1rem}.brand{font-size:.95rem}.menu-symbol{display:inline}.menu-word{display:none}main{padding:1rem}h1{font-size:1.75rem}.start-grid{grid-template-columns:1fr;gap:2rem}.emergency-entry>img{display:none}.entry-link{margin:0}.start-grid h2{font-size:1.3rem}#text-controls,#text-list{grid-template-columns:1fr}.password-field{gap:.3rem}.password-field button{padding:.6rem}.article-actions a{width:100%}}
:root { --grade-i: #4db222; --grade-ii: #ffe900; --grade-iii: #fa4a2e; }
body[data-page=texts] main { max-width: 1280px; }
#text-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; }
.grade-group { min-width: 0; }
.grade-shortcuts { display: none; }
.grade-group h2 { padding: 1.25rem 1rem; min-height: 100px; display: flex; align-items: center; border: 2px solid #19262b; color: #19262b; font-size: 1.35rem; }
[data-grade=I] { --grade-color: var(--grade-i); }
[data-grade=II] { --grade-color: var(--grade-ii); }
[data-grade=III] { --grade-color: var(--grade-iii); }
.grade-group h2 { background: var(--grade-color); }
.grade-group .text-entry { border: 0; border-bottom: 1px solid #ccd6d9; border-radius: 0; padding: .85rem .4rem; overflow-wrap: anywhere; }
.grade-group .text-entry:hover { background: #f1f5f5; text-decoration: underline; }
#page-title[data-grade] { border-left: 14px solid var(--grade-color); padding: 1rem 1.25rem; }
.article-grade { display: block; font-size: 1.1rem; margin-bottom: .65rem; }
.update-check { border-block: 1px solid #ccd6d9; padding: 1rem 0; margin-bottom: 1.5rem; }
#check-state { display: inline-block; margin: .5rem 0 .5rem 1rem; }
#check-results { margin-top: 1rem; }
#check-results section { padding: 1rem 0; border-bottom: 1px solid #ccd6d9; }
#check-results h2 { font-size: 1.2rem; }
#check-results li { margin-bottom: .75rem; overflow-wrap: anywhere; }
#check-results li p { margin: .25rem 0; }
.check-warning { border-left: 4px solid #b02936; padding: .75rem; background: #fff2ee; }
.check-note { font-size: .9rem; color: #58676d; }
.article-content { max-width: 900px; margin: auto; font-size: 1.06rem; }
.article-content section { padding-bottom: 2rem; scroll-margin-top: 1rem; }
.article-content h2 { background: #e4e7e9; padding: .6rem .75rem; margin: 1rem 0; font-size: 1.3rem; }
.article-content h3 { margin: 1.5rem 0 .5rem; }
.article-content li + li { margin-top: .5rem; }
.article-content p { margin: .7rem 0; }
.article-content a, .article-content td { overflow-wrap: anywhere; }
.article-content table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 1rem 0; }
.article-content th, .article-content td { padding: .6rem; border: 1px solid #a8b8bc; vertical-align: top; }
.article-note { border-left: 4px solid #147e97; padding: 1rem; background: #f0f7f8; }
.urgent-note, .flow-warning { border: 2px solid #b42619; background: #fff2f0; color: #6f160f; padding: 1rem; }
.flowchart { display: grid; gap: 1rem; }
.flow-step, .flow-start { border: 2px solid #ae9200; background: #fffde6; padding: 1rem; }
.flow-branches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
@media(max-width:760px) { #text-list { grid-template-columns: 1fr; } .grade-group h2 { min-height: 80px; } #check-state { margin-left: 0; display: block; } .flow-branches { grid-template-columns: 1fr; } }
@media(max-width:760px) {
  .grade-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; margin-bottom: 1.5rem; }
  .grade-shortcuts button { background: var(--grade-color); color: #19262b; border: 2px solid #19262b; font-size: 1rem; padding: .8rem .25rem; font-weight: 700; }
  .grade-shortcuts button[aria-pressed=true] { box-shadow: inset 0 -5px #19262b; }
}

.site-header .nav-toggle { min-width:55px; min-height:55px; font-size:1.25rem; padding:.75rem 1.25rem; }
.site-header .menu-shell{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.site-header .brand{min-width:0}
.site-header .page-reload{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;min-width:55px;padding:0;font-size:1.7rem;line-height:1;color:#07585a}

.crisis-title{display:flex;align-items:center;gap:1rem}.crisis-title img{flex:0 0 auto;width:64px;height:64px;object-fit:contain}.brand img{object-fit:contain}@media(max-width:600px){.crisis-title{gap:.65rem}.crisis-title img{width:48px;height:48px}}

.emergency-entry>img[src="assets/open-book.svg"]{display:block;object-fit:contain}@media(max-width:600px){.emergency-entry>img[src="assets/open-book.svg"]{width:48px;height:48px;margin-bottom:.75rem}}