/*! TMM Basketball - Layout */
/* ========================================
   NAVIGATION
   ======================================== */
.nav-line{border-top:1px solid #555;border-bottom:1px solid #555;padding:10px 0;margin:16px 0 20px;transition:border-color .2s}.nav-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.nav-left,.nav-right{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.nav-link{text-decoration:none;color:#111;font-size:.95rem;font-weight:700;letter-spacing:1px;transition:color .3s ease;text-transform:uppercase;cursor:pointer;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}.nav-link:hover{color:#888}.nav-link.active{color:#d62626;text-decoration:none}.nav-link.active:hover{color:#d62626}body.dark-mode .nav-link{color:#999}body.dark-mode .nav-link:hover{color:#888}body.dark-mode .nav-link.active{color:#d62626}body.dark-mode .nav-link.active:hover{color:#d62626}

/* Mobile brand link - hidden by default on desktop */
.nav-left .home-mobile{display:none}

.hamburger-toggle{display:none;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#111;padding:4px 8px}body.dark-mode .hamburger-toggle{color:#999}.nav-hamburger{display:none;position:fixed;top:0;right:-300px;width:280px;height:100vh;background-color:#fff;padding:60px 20px 20px;z-index:1000;transition:right .3s ease;box-shadow:-4px 0 12px rgba(0,0,0,.1);overflow-y:auto;flex-direction:column;gap:12px}.nav-hamburger.open{right:0;display:flex}.nav-hamburger .nav-link{font-size:1.1rem;padding:8px 0;border-bottom:1px solid #eee;color:#111;transition:color .3s ease}.nav-hamburger .nav-link:hover{color:#888}body.dark-mode .nav-hamburger{background-color:#2a2a2a}body.dark-mode .nav-hamburger .nav-link{color:#d0d0d0;border-bottom-color:#444}body.dark-mode .nav-hamburger .nav-link:hover{color:#888}.nav-hamburger .close-btn{position:absolute;top:12px;right:16px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#111}body.dark-mode .nav-hamburger .close-btn{color:#999}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:999}.nav-overlay.active{display:block}

/* ========================================
   DARK MODE TOGGLE
   ======================================== */
.toggle-wrap{display:flex;align-items:center;gap:8px}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#888;transition:.3s;border-radius:26px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#dedede;transition:.3s;border-radius:50%;z-index:2}.slider .fa-sun,.slider .fa-moon{font-size:12px;color:#dedede;z-index:1}.slider .fa-sun{margin-right:auto}.slider .fa-moon{margin-left:auto}input:checked+.slider{background-color:#232323}input:checked+.slider:before{transform:translateX(24px);background-color:#dedede}body.dark-mode input:checked+.slider{background-color:#444}

/* ========================================
   MINI PLAYER
   ======================================== */
.mini-player{display:none;align-items:center}.mini-player button{background:#232323;border:none;color:#dedede;font-size:.75rem;width:27px;height:27px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.mini-player button:hover{background:#444}.mini-player button.active{background:#d62626}.mini-player button i{font-size:.7rem}.mini-player.visible{display:flex}

/* ========================================
   BOTTOM ABOUT - Decreased line-height
   ======================================== */
.bottom-about p{line-height:1.1 !important;margin-bottom:2px !important}
#aboutText{line-height:1.1 !important;margin-bottom:2px !important}
.view-content-wrapper .about-content p{line-height:1.1 !important;margin-bottom:2px !important}

/* ========================================
   MAIN GRID
   ======================================== */
.main-grid{display:grid;grid-template-columns:2fr 2fr 1.2fr;gap:30px;margin:24px 0 20px}.articles-col{display:flex;flex-direction:column;gap:4px}

/* ========================================
   BOTTOM GRID - About + Archives
   ======================================== */
.bottom-grid{display:grid;grid-template-columns:2fr 2fr 1.2fr;gap:30px;margin:0 0 20px}.bottom-about{background-color:transparent;padding:0;border-radius:6px;transition:background .2s;grid-column:1/3}.bottom-about h3{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.05rem;letter-spacing:1px;margin-bottom:6px;cursor:pointer;transition:color .2s}.bottom-about h3:hover{color:#d62626}.bottom-about p{font-size:.85rem;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;color:#888;margin-bottom:4px;display:inline}.bottom-about .about-link{font-weight:700;text-transform:uppercase;font-size:.75rem;color:#232323;cursor:pointer;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;text-decoration:none;display:inline;margin-left:4px;transition:color .2s}.bottom-about .about-link:hover{color:#d62626}body.dark-mode .bottom-about p{color:#999}body.dark-mode .bottom-about .about-link{color:#d0d0d0}.bottom-about .bottom-links{margin-top:10px;padding-top:3px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}.bottom-about .bottom-links a{color:#232323;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.bottom-about .bottom-links a:hover{color:#d62626}.bottom-about .bottom-links .separator{color:#999;font-weight:300}body.dark-mode .bottom-about .bottom-links a{color:#d0d0d0}

/* ========================================
   BOTTOM ARCHIVES
   ======================================== */
.bottom-archives{background-color:transparent;padding:0}.bottom-archives h4{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.05rem;letter-spacing:1px;border-bottom:1px solid #aaa;padding-bottom:6px;margin-bottom:12px;cursor:pointer;transition:color .2s}.bottom-archives h4:hover{color:#d62626}.bottom-archives .archive-search{margin-bottom:12px;position:relative}.bottom-archives .archive-search input{width:100%;padding:6px 10px;border:1px solid #aaa;border-radius:4px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:.8rem;background-color:transparent;color:#232323;transition:border-color .2s}.bottom-archives .archive-search input:focus{outline:0;border-color:#666}.bottom-archives .archive-search input::placeholder{color:#999}.bottom-archives .archive-search .suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #aaa;border-top:none;border-radius:0 0 4px 4px;max-height:150px;overflow-y:auto;z-index:10;display:none}.bottom-archives .archive-search .suggestions div{padding:6px 10px;cursor:pointer;font-size:.8rem;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;color:#232323;transition:color .2s}.bottom-archives .archive-search .suggestions div:hover{color:#d62626;background:#e5e5e5}body.dark-mode .bottom-archives .archive-search input{background-color:transparent;color:#e0e0e0;border-color:#555}body.dark-mode .bottom-archives .archive-search input::placeholder{color:#888}body.dark-mode .bottom-archives .archive-search .suggestions{background:#333;border-color:#555}body.dark-mode .bottom-archives .archive-search .suggestions div{color:#e0e0e0}body.dark-mode .bottom-archives .archive-search .suggestions div:hover{background:#444}.bottom-archives .archive-list{list-style:none}.bottom-archives .archive-list li{margin-bottom:6px;display:flex;align-items:center}.bottom-archives .archive-list a{text-decoration:none;color:#232323;font-size:.9rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted #aaa;padding:0 0 4px;cursor:pointer;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;width:100%;transition:color .2s}.bottom-archives .archive-list a:hover{color:#d62626}.bottom-archives .archive-count{font-weight:300;color:#555;font-size:.8rem;margin-top:1px}body.dark-mode .bottom-archives .archive-list a{color:#aaa}body.dark-mode .bottom-archives .archive-count{color:#777}

/* ========================================
   FOOTER
   ======================================== */
.footer-line{border-top:2px solid #232323;padding:18px 0 22px;margin:0;transition:border-color .2s}.footer-colophon{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;font-weight:500;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}.footer-colophon a{color:#232323;text-decoration:none;cursor:pointer;margin:0 4px;transition:color .2s}.footer-colophon a:hover{color:#d62626}.footer-colophon .footer-links{display:flex;align-items:center;gap:8px}.footer-colophon .footer-logout a{color:#232323;text-decoration:none;cursor:pointer;transition:color .2s;margin-left:0}.footer-colophon .footer-logout a:hover{color:#d62626}body.dark-mode .footer-colophon a{color:#d0d0d0}body.dark-mode .footer-colophon .footer-logout a{color:#d0d0d0}.footer-logout .shortname{color:#999;font-weight:400}