.live-resource{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 10px 10px;padding:25px 28px;border:1px solid rgba(224,186,109,.52);border-radius:13px;background:radial-gradient(circle at 88% -60%,rgba(220,177,94,.18),transparent 52%),linear-gradient(130deg,#282117,#141210 78%);box-shadow:inset 0 1px rgba(255,238,190,.12),0 14px 38px rgba(0,0,0,.2)}
.live-resource-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#c6a76e;direction:ltr;display:block;text-align:right}
.live-resource h2{font-size:clamp(19px,2.2vw,27px);line-height:1.35;margin:7px 0 0;color:#fff4dc}
.live-resource-link,.ended-resource-link{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:54px;padding:12px 23px;border:1px solid #f2d18c;border-radius:8px;background:linear-gradient(125deg,#f6dda5,#d1a75d 70%,#b98b43);box-shadow:0 14px 30px rgba(197,147,61,.18),inset 0 1px rgba(255,255,255,.55);color:#231909;font-weight:800;text-decoration:none;text-align:center;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}
.live-resource-link:hover,.ended-resource-link:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(197,147,61,.27)}
.live-resource-link:focus-visible,.ended-resource-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ended-resource-link{margin-top:clamp(19px,3vw,36px);max-width:100%;white-space:normal}
@media(max-width:650px){.live-resource{flex-direction:column;text-align:center;gap:18px;margin:5px 4px 4px;padding:20px 17px}.live-resource-kicker{text-align:center}.live-resource h2{font-size:21px}.live-resource-link{width:100%;white-space:normal}.ended-resource-link{min-height:48px;font-size:13px;padding:10px 15px}}
.comment-form{grid-template-columns:minmax(0,1fr)}
.comment-form[hidden]{display:none}
.comment-body{flex:1;min-width:0;padding:11px 13px;border:1px solid rgba(224,194,135,.16);border-radius:10px;background:#28231b}
.comment-body p{margin:0}