.main-layout-container{display:flex;gap:20px;max-width:1200px;width:100%;margin:20px auto;padding:0 15px;align-items:flex-start}.sidebar-area{width:280px;flex-shrink:0}.content-area{flex:1;min-width:0}.notice{margin:16px 0 0;font-size:12.5px;color:#555;text-align:center}.notice b{color:#1d61cf;font-weight:700}.board-card{background:#fff;border:1px solid #eaecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.board-card-header{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#3b82f6;background-image:linear-gradient(180deg,#3b82f6,#1d61cf);color:#fff}.board-card-header h2{flex:1;margin:0;font-size:15px;font-weight:700}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#1d61cf;font-size:15px;flex-shrink:0}.header-date{font-size:12px;font-weight:500;color:#ffffffe0;white-space:nowrap}.filters{padding:14px 18px 12px;border-bottom:1px solid #eaecef;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.pill{flex:0 0 auto;font-family:inherit;font-size:13.5px;font-weight:600;padding:7px 16px;border-radius:999px;border:1.4px solid #D8DBE0;background:#fff;color:#555;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.pill:hover{transform:translateY(-1px);border-color:#3b82f6;color:#1d61cf}.pill.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pill-toggle,.pill-toggle:hover{border-color:#e03131;color:#e03131}.pill-toggle.active{background:#e03131;border-color:#e03131;color:#fff}.board{padding:4px 18px 8px}.empty-state,.error-state{padding:40px 0;text-align:center;font-size:13.5px;color:#8a8f98}.error-state button{margin-top:10px;display:inline-block;font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;border:1.4px solid #3B82F6;background:#fff;color:#1d61cf;cursor:pointer}.sentinel{padding:22px 0;text-align:center;font-size:12.5px;color:#8a8f98;min-height:1px}.mini-spinner{display:inline-block;width:26px;height:26px;padding:5px;border-radius:50%;background:#1d61cf;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:mini-spin .9s infinite linear}@keyframes mini-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.mini-spinner{animation:none}}.item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #eaecef;cursor:pointer}.item:last-child{border-bottom:none}.item:hover .headline{color:#1d61cf}.thumb{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #D8DBE0;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center}.thumb svg{width:26px;height:26px;stroke:#1d61cf;fill:none;stroke-width:1.6}.thumb i{font-size:23px;color:#1d61cf}.content{flex:1;min-width:0}.content-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.headline{font-weight:700;font-size:15.5px;line-height:1.45;margin:0;color:#222;transition:color .15s ease}.summary{margin:5px 0 0;font-size:13px;line-height:1.55;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:#8a8f98}.meta .dot{opacity:.6}.sport-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#1d61cf;letter-spacing:.3px}.sport-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:#1d61cf}.stamp{flex:0 0 auto;font-weight:700;font-size:11px;letter-spacing:.3px;color:#fff;background:#e03131;padding:3px 10px;border-radius:999px;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#14161a8c;display:none;align-items:flex-start;justify-content:center;z-index:99999;padding:88px 20px 20px;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:#fff;width:100%;max-width:780px;height:calc(100vh - 120px);max-height:760px;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000047}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eaecef;background:#fff}.modal-head-title{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1.4px solid #D8DBE0;background:transparent;color:#555;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#1d61cf;border-color:#1d61cf;color:#fff}.modal-frame-wrap{flex:1;background:#fff;position:relative}.modal-frame-wrap iframe{width:100%;height:100%;border:0;display:block}.iframe-blocked{display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;padding:20px;text-align:center;color:#555;font-size:13.5px}.iframe-blocked button{font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:999px;border:none;background:#1d61cf;color:#fff;cursor:pointer}.iframe-blocked button:hover{background:#164ea8}.modal-foot{padding:10px 16px;border-top:1px solid #eaecef;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#8a8f98}.modal-foot a{color:#1d61cf;font-weight:600;text-decoration:none}.modal-foot a:hover{text-decoration:underline}@media(max-width:767px){.main-layout-container{padding-left:0!important;padding-right:0!important;margin:0!important;gap:0!important}.board-card{border-radius:0;box-shadow:none}.board-card-header{padding:14px}.filters{padding:12px 14px 10px}.board{padding:4px 14px 6px}.thumb{width:44px;height:44px}.thumb svg{width:22px;height:22px}.thumb i{font-size:20px}.headline{font-size:14.5px}.modal-overlay{padding:64px 0 0}.modal{height:calc(100vh - 64px);max-height:none;border-radius:0}}