*{box-sizing:border-box}
:root{color-scheme:light;font:16px/1.5 "Instrument Sans",system-ui,sans-serif;color:#183231;background:#f2f5ef;--teal:#00584f;--border:#cbd9d2;--muted:#425d57}
body{margin:0}
header{background:#083a35;color:#fff}
header>div{max-width:1100px;margin:auto;padding:.9rem 1.4rem;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;text-decoration:none;color:inherit;font-size:1.1rem}
.brand span{font-weight:500;margin-left:.55rem}
main{max-width:1100px;margin:auto;padding:2.25rem 1.4rem 4rem}
.embedded{background:white}.embedded main{padding:1rem 1.25rem 1.5rem}
.embedded .panel{padding:0;box-shadow:none;border:0}
h1,h2{line-height:1.12;margin:.4rem 0 1rem;overflow-wrap:anywhere}
h1{font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:-.045em}
h2{margin-top:2rem}
p{margin:.25rem 0 1rem}
a{color:var(--teal)}
.heading,.filters,.pagination{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:1.3rem}
.heading{justify-content:space-between;align-items:center}
.heading h1{margin:0}
.panel{background:white;border:1px solid var(--border);border-radius:.9rem;padding:1.2rem;margin-bottom:1rem;box-shadow:0 2px 5px #152a2010}
.list{padding:0}
.list>p{padding:1rem;margin:0}
.item{display:grid;grid-template-columns:4rem minmax(0,1fr) 9rem 6.5rem;align-items:center;gap:.7rem;padding:.95rem 1rem;text-decoration:none;color:inherit}
.item+ .item{border-top:1px solid var(--border)}
.item:hover{background:#e9f4ec}
.item strong{overflow-wrap:anywhere}.num,.muted,small,.status{color:var(--muted)}
small{display:block;font-weight:400}
.pill{display:inline-block;width:max-content;font-size:.82rem;font-weight:700;padding:.2rem .6rem;border-radius:1rem;background:#e2eee5;color:#244f3e}
.pill.major{background:#ffebcc;color:#6b4000}.pill.blocking{background:#fbe1df;color:#842212}
.form{display:grid;gap:.9rem;justify-items:start}
.form label,.columns{width:100%}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
label{display:grid;gap:.22rem;font-weight:650}
input,select,textarea,button,.button{font:inherit}
input:not([type=hidden]),select,textarea{width:100%;border:1px solid #90a8a0;border-radius:.45rem;padding:.5rem;color:inherit;background:white}
textarea{resize:vertical}
button,.button{display:inline-block;cursor:pointer;border:1px solid transparent;border-radius:.45rem;padding:.5rem .9rem;font-weight:700;text-decoration:none}
.button{background:var(--teal);color:white}
.secondary{background:#e3eee6;color:var(--teal);border-color:var(--border)}
.quiet{color:white;background:transparent;border-color:#92b3ac}
:focus-visible{outline:3px solid #d18512;outline-offset:2px}
.text{white-space:pre-wrap;overflow-wrap:anywhere}
.visibility{font-size:.88rem;margin:0}
.shots{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}
.shots img{display:block;max-width:100%;width:13rem;height:8rem;object-fit:contain;border:1px solid var(--border);border-radius:.5rem}
.replies{margin:.7rem 0;padding-left:1rem;border-left:3px solid #a1c7b5}
.replies article+article{border-top:1px solid var(--border);padding-top:.65rem}
details summary{color:var(--teal);cursor:pointer}.compose{margin-top:.7rem}
.error{color:#842212}
@media(max-width:670px){.item{grid-template-columns:auto 1fr}.item .pill{grid-column:2}.item .status{grid-column:2}.columns{grid-template-columns:1fr}main{padding-top:1.4rem}}