*{box-sizing:border-box}body{margin:0;background:#f5f5f3;color:#222;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{min-height:105px;background:#111;color:#fff;display:flex;align-items:center;padding:12px 5%;gap:18px}header img{width:82px;height:82px;object-fit:contain}h1{margin:0;font-size:clamp(18px,3vw,28px)}.subtitle{color:#d7b46a;font-size:18px}nav{margin-left:auto}a{color:#8b1d24;text-decoration:none}header a{color:#fff}main{max-width:1150px;margin:auto;padding:28px 5%}.toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.toolbar form{display:flex;min-width:min(100%,420px)}input{width:100%;padding:12px;border:1px solid #bbb;border-radius:7px}button,.btn,.bigbtn{border:0;border-radius:7px;background:#8b1d24;color:#fff;padding:10px 15px;cursor:pointer}.secondary{background:#555}.list{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px #0002}.item{padding:13px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:15px}.item:last-child{border:0}.item small{display:block;color:#777;margin-top:4px}.folder a{font-weight:650;color:#333}.login{max-width:420px;margin:40px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 12px #0002;text-align:center}.login img{width:170px}.login label{display:block;text-align:left;margin:15px 0}.login input{margin-top:6px}.login button{width:100%;font-size:16px}.notice{background:#fff4d8;border-left:5px solid #d7b46a;padding:18px;border-radius:5px;margin:20px 0}video{display:block;width:100%;max-height:70vh;background:#000;border-radius:8px}.bigbtn{display:inline-block;margin-top:12px}@media(max-width:650px){header nav{display:none}.item{align-items:flex-start;flex-direction:column}.item span:last-child{display:flex;gap:6px}.toolbar form{width:100%}}

/* Mobile header and navigation */
@media (max-width: 650px) {
    header {
        flex-wrap: wrap;
        gap: 10px;
        padding: 12px 4%;
    }

    header img {
        width: 55px;
        height: 55px;
    }

    header > div {
        flex: 1;
        min-width: 0;
    }

    header h1 {
        font-size: 18px;
    }

    header .subtitle {
        font-size: 15px;
    }

    header nav {
        display: block;
        width: 100%;
        margin-left: 0;
        padding-top: 10px;
        border-top: 1px solid #444;
        text-align: center;
        font-size: 14px;
        line-height: 2.2;
        overflow-wrap: anywhere;
    }

    header nav a {
        display: inline-block;
        padding: 2px 5px;
    }
}
/* Clickable Video Archive home link */
header a.archive-home-link {
    color: #d7b46a;
    text-decoration: none;
    display: inline-block;
}

header a.archive-home-link:hover {
    text-decoration: underline;
}