.page-title{text-align:center;margin-bottom:30px;color:var(--text-dark);font-size:32px;font-weight:700}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0 auto;padding:5px}.card{background-color:var(--bg-surface);border-radius:var(--border-radius,8px);overflow:hidden;box-shadow:var(--box-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;max-height:1000px;display:flex;flex-direction:column;border:2px solid var(--border-subtle)}.card:hover{border-color:var(--primary-color);box-shadow:0 10px 20px rgba(0,0,0,.15)}.card-header{background:var(--badge-bg);color:var(--badge-text);padding:4px 8px;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.card-content{padding:10px;font-size:1.1rem;flex-grow:1;overflow-y:auto;background-color:var(--bg-surface);color:var(--text-main)}.card-content ul{list-style-type:none;padding:0;margin:0}.card-content li{list-style:none;margin-bottom:12px;padding-left:14px;position:relative;font-weight:500}.card-content li:before{content:"‣";color:var(--primary-color);position:absolute;left:0}.card-content li a{text-decoration:none;color:var(--text-main);transition:color .2s ease}.card-content li a:hover{color:var(--primary-hover)}.card-footer{background-color:var(--bg-secondary);padding:12px 20px;text-align:right;border-top:1px solid var(--border-color)}.more-link{display:inline-block;color:var(--primary-color);font-size:1rem;text-decoration:none;font-weight:600;transition:color .2s ease}.more-link:hover{color:var(--primary-hover)}.more-link:after{content:" →"}span{scroll-margin-top:var(--tot-nav-offset,7rem)}.sticky-anchor{position:sticky;top:var(--header-height,4rem);z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,5%)}.sticky-anchor-inner{display:flex;gap:8px;padding:10px 16px}.sticky-anchor a{display:inline-block;padding:6px 12px;background-color:var(--bg-surface);color:var(--color-info);border:1px solid var(--border-color);border-radius:5px;margin:2px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,8%);transition:background-color .2s ease,color .2s ease}.sticky-anchor a:hover{background-color:var(--bg-secondary);color:var(--primary-hover)}.new-badge{display:inline-block;background-color:var(--color-success);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:6px;font-weight:700;text-transform:uppercase}hr{border:0;border-top:1px dashed var(--border-subtle);height:0;margin:1rem 0}@media screen and (max-width:768px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px}.card-header{font-size:1.25rem}}@media screen and (max-width:480px){.grid-container{grid-template-columns:1fr;gap:10px;padding:0}.card{max-width:100%;margin:0}}