@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
:root{--red:#c80100;--black:#111;--text:#262626;--muted:#626262;--line:#ddd;--paper:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font:15px/1.45 Roboto,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;background:#eee;color:#666;border-color:#ccc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b12b2b;outline-offset:3px}[hidden]{display:none!important}
.header{background:var(--black);border-top:5px solid var(--red);color:white}.header-inner{max-width:1180px;margin:auto;min-height:73px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{border-left:4px solid var(--red);padding-left:12px;text-decoration:none;line-height:1.15}.brand strong{display:block;font-size:23px;font-weight:700}.brand span{display:block;font-size:14px;margin-top:3px}.button{min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.2}.dark,.signin{background:var(--red);color:white}.dark:hover,.signin:hover{background:#a60000}.outline{background:white;border-color:#aaa;color:var(--text)}.outline:hover{background:#f3f3f3}.button:disabled:hover{background:#eee}
main{max-width:1180px;margin:auto;padding:22px 24px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}h1{font-size:27px;color:var(--red);margin:0 0 5px;line-height:1.2}h2{font-size:20px;line-height:1.3}.page-heading p{font-size:14px;margin:0;color:#444}.page-heading p strong{font-weight:500}.page-heading>.button{flex-shrink:0}.notice{border-left:3px solid var(--red);background:#f4f4f4;padding:9px 12px;margin-bottom:16px;font-size:13px}.notice>div{display:flex;gap:7px;flex-wrap:wrap}.notice strong{font-weight:600}.notice p{margin:0;color:#555}.notice.error{background:#fff0ed}
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #aaa;border-radius:3px;flex:1;min-width:0;padding:0 12px}.search>span{font-size:25px;color:#555}.search input{border:0;width:100%;min-width:0;height:44px;color:var(--text);background:transparent;outline:none;font-size:16px}.search:focus-within{outline:2px solid var(--red);outline-offset:1px}.sort{display:flex;align-items:center;gap:8px;font-size:13px}.sort select{min-height:44px;border:1px solid #aaa;border-radius:3px;background:white;color:var(--text);padding:8px 10px;font-size:14px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid #ccc;border-radius:3px;background:white;color:#444;min-height:44px;padding:8px 13px;font-size:13px}.filter.active{background:var(--black);color:white;border-color:var(--black)}#count{font-size:13px;color:var(--muted);white-space:nowrap}
.gallery{border:1px solid var(--line);border-top:3px solid var(--red);border-radius:3px;overflow:hidden}.gallery:empty{display:none}.card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:15px 16px;border-bottom:1px solid var(--line)}.card:last-child{border-bottom:0}.card:nth-child(even){background:#fafafa}.card-body{min-width:0}.card h3{font-size:17px;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere;font-weight:600}.card p{font-size:14px;line-height:1.4;color:#555;margin:0 0 7px}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted)}.badge{font-size:10px;font-weight:600;border:1px solid #ccc;background:#f4f4f4;padding:2px 5px;border-radius:2px;color:#444}.card-actions{display:flex;gap:8px;min-width:330px}.card-actions .button{font-size:13px;flex:1}.field-help{font-size:12px;color:var(--muted);margin:13px 0 18px}.empty{border:1px solid var(--line);padding:22px;text-align:center;background:#fafafa}.empty h2{margin:0 0 7px}.empty p{margin:0;color:var(--muted);font-size:14px}
footer{max-width:1180px;margin:auto;padding:15px 24px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}footer nav{display:flex;gap:22px;flex-wrap:wrap}footer a{color:#333;text-underline-offset:3px}dialog{border:1px solid #bbb;border-top:4px solid var(--red);border-radius:4px;max-width:440px;width:calc(100% - 32px);padding:26px;color:var(--text)}dialog::backdrop{background:#0008}dialog h2{margin:0 16px 12px 0}dialog p{font-size:14px;color:#555}.close{position:absolute;right:9px;top:8px;border:0;background:transparent;color:#444;font-size:25px;width:40px;height:40px}
@media(max-width:760px){.card{grid-template-columns:1fr;gap:10px}.card-actions{min-width:0;max-width:390px}.page-heading{align-items:flex-start}.page-heading p{max-width:430px}footer{flex-direction:column}}
@media(max-width:520px){.header-inner{padding:12px 14px;gap:10px;min-height:70px}.brand{padding-left:8px}.brand strong{font-size:20px}.brand span{font-size:12px}.signin{max-width:158px;font-size:13px;padding:9px 11px}main{padding:17px 14px 0}.page-heading{flex-direction:column;gap:10px;margin-bottom:12px}h1{font-size:25px}.page-heading>.button{width:100%;min-height:44px}.toolbar{flex-wrap:wrap;gap:8px}.search{flex-basis:100%}.sort{flex:1;justify-content:space-between}.sort select{flex:1}.filter-row{flex-wrap:wrap;gap:8px}.filters{width:100%;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:5px}.filter{padding:7px;font-size:12px}.card{padding:13px 12px}.card-actions{max-width:none;width:100%}.card-actions .button{padding:10px 8px;font-size:12px}.notice{font-size:12px}.card p{font-size:13px}footer{padding:13px 14px 18px}footer nav{gap:16px}}