.container{display:flex;flex-wrap:wrap;gap:2rem;margin:2rem auto;max-width:108rem;padding:0 1rem}.main-content{flex:3;min-width:0;background:var(--color-card-bg, #fff);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.main-content main{width:auto;max-width:none;margin:0;padding:0}.main-content h1{margin-top:0;margin-bottom:.75rem}.sidebar-content{flex:1;min-width:280px}@media (max-width: 767px){.main-content,.sidebar-content{flex-basis:100%}.main-content{padding:1rem}.main-content h1{margin-bottom:.5rem}}.card-base{transition:transform .2s ease;background:var(--color-card-bg, #fff);border-radius:12px;overflow:hidden}.card-base:hover{transform:translateY(-2px)}.post-card{display:block;text-decoration:none;color:inherit}.post-card-image-container{position:relative;margin-bottom:.5rem}.post-card-image{width:100%;height:188px;object-fit:cover;border-radius:12px}.post-card-category-label{position:absolute;top:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;z-index:1}.post-card-title{margin:0;color:rgb(var(--black));line-height:1.2;font-size:1.2rem;margin-bottom:.5rem}.post-card-date{margin:0 0 .5rem;color:rgb(var(--gray));font-size:.9rem}.post-card:hover .post-card-title,.post-card:hover .post-card-date{color:rgb(var(--accent))}.post-card:hover .post-card-image{box-shadow:var(--box-shadow)}.popular-post-card{transition:transform .2s ease}.popular-post-card:hover{transform:translateY(-2px)}.popular-post-card .post-card-image{height:150px}.popular-post-card .post-card-title{font-size:1rem}@media (max-width: 767px){.popular-post-card .post-card-image{height:120px}}@media (max-width: 768px){.popular-post-card .post-card-title{font-size:.9rem;margin-bottom:.25rem;line-height:1.3}.popular-post-card .post-card-date{font-size:.8rem;margin-bottom:.25rem}.popular-post-card .post-card-image{height:100px}}@media (max-width: 480px){.popular-post-card .post-card-title{font-size:.85rem}.popular-post-card .post-card-date{font-size:.75rem}.popular-post-card .post-card-image{height:90px}}@media (max-width: 720px){.post-card-image{height:140px}.post-card-title{font-size:1rem;margin-bottom:.4rem;line-height:1.3}.post-card-date{font-size:.85rem;margin-bottom:.3rem}.post-card-category-label{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 480px){.post-card-image{height:120px}.post-card-title{font-size:.9rem;margin-bottom:.3rem}.post-card-date{font-size:.8rem;margin-bottom:.25rem}.post-card-category-label{font-size:.65rem;padding:.15rem .35rem}}.btn-base{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark, var(--accent));transform:scale(1.05)}.btn-round{border-radius:50%;padding:.7rem;min-width:44px;min-height:44px}.btn-round:hover{transform:scale(1.05)}.btn-secondary{background:var(--color-secondary, #6b7280);color:#fff}.btn-secondary:hover{background:var(--color-accent, #4b5563)}.btn-continue{display:inline-block;padding:.8em 2em;background:var(--color-accent, #2563eb);color:var(--color-header-fg, #fff);border-radius:8px;font-weight:600;text-decoration:none;font-size:1.1em;transition:all .3s ease}.search-form{display:flex;align-items:center;gap:.5rem;max-width:600px;margin:0 auto}.search-input{flex:1;padding:.8rem 1.2rem;border:2px solid var(--color-border, #e2e8f0);border-radius:25px;font-size:1rem;outline:none;transition:all .3s ease;background:var(--color-card-bg, #fafafa)}.search-input:focus{border-color:var(--color-accent, var(--accent));box-shadow:0 0 0 3px #2337ff1a;background:var(--color-bg, #fff)}.widget{margin-bottom:2rem;background:var(--color-card-bg, #fff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s ease}.widget:hover{box-shadow:0 4px 12px #0000001a}.widget-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border, #e2e8f0);color:var(--color-fg, #1f2937)}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin-bottom:.5rem}.nav-list li:last-child{margin-bottom:0}.nav-list li a{display:block;padding:.75rem 1rem;background:var(--color-card-bg, #f8fafc);border-radius:8px;font-weight:500;text-decoration:none;color:var(--color-fg, #374151);transition:all .2s ease;border:1px solid transparent}.nav-list li a:hover{background:var(--color-border, #e2e8f0);color:var(--color-fg, #1f2937);border-color:var(--color-border, #cbd5e0);transform:translate(4px)}.meta-table{width:100%;border-collapse:collapse;background:var(--color-card-bg, #fff);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;margin:1.5rem 0}.meta-table th{background:var(--color-border, #f8fafc);color:var(--color-fg, #374151);font-weight:600;padding:1rem;text-align:left;vertical-align:top;width:120px;min-width:80px;border-bottom:1px solid var(--color-border, #e5e7eb);font-size:.95rem}.meta-table td{color:var(--color-fg, #1f2937);padding:1rem;vertical-align:top;border-bottom:1px solid var(--color-border, #e5e7eb);line-height:1.6}.meta-table tr:last-child th,.meta-table tr:last-child td{border-bottom:none}.meta-table tr:hover{background:var(--color-bg, #f9fafb)}.meta-table td .tag-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}@media (max-width: 768px){.meta-table{font-size:.9rem;margin:1rem 0}.meta-table th{padding:.75rem .5rem;font-size:.85rem;width:100px;min-width:70px}.meta-table td{padding:.75rem .5rem}.meta-table td .tag-container{gap:.3rem}}@media (max-width: 480px){.meta-table{font-size:.85rem;margin:.75rem 0}.meta-table th{padding:.6rem .4rem;font-size:.8rem;width:80px;min-width:60px}.meta-table td{padding:.6rem .4rem}.meta-table td .tag-container{gap:.25rem}}@media (max-width: 1024px){.hide-mobile{display:none}}@media (max-width: 768px){.container{gap:1rem;padding:0 .5rem;margin:1.5rem auto 2rem}.main-content{padding:1rem}.main-content main{padding:0}.widget{padding:1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.container{margin:1rem auto 1.5rem;gap:.75rem;padding:0 .25rem}.main-content{padding:.75rem}.main-content main{padding:0}.main-content h1{margin-bottom:.5rem;font-size:2.2em}.widget{padding:.75rem;margin-bottom:1rem}}