.page-hero{position:relative;padding:140px 0 80px;background:linear-gradient(135deg,var(--dark) 0%,var(--secondary) 100%);overflow:hidden}.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(93,122,61,0.1)" stroke-width="0.5"/><circle cx="50" cy="50" r="25" fill="none" stroke="rgba(93,122,61,0.1)" stroke-width="0.5"/></svg>');background-size:200px 200px;opacity:0.5}.hero-decoration{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:600px;height:200px;background:radial-gradient(ellipse,rgba(93,122,61,0.15) 0%,transparent 70%);border-radius:50%}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:0.9rem}.breadcrumb a{color:var(--primary-light);transition:var(--transition)}.breadcrumb a:hover{color:var(--light)}.breadcrumb .separator{color:var(--gray)}.breadcrumb .current{color:var(--light)}.page-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--light);margin-bottom:12px;letter-spacing:-0.5px}.page-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.75)}.notices-search{padding:60px 0 80px;background:var(--light-gray)}.notices-intro{max-width:720px;margin:0 auto 28px;padding:18px 22px;background:var(--light);border-radius:var(--radius-lg);border:1px solid var(--gray-light);box-shadow:var(--shadow-sm)}.notices-intro p{margin:0;font-size:0.92rem;color:var(--gray);line-height:1.65}.notices-intro a{color:var(--primary);font-weight:600}.notices-intro a:hover{text-decoration:underline}.tabs-container{margin-bottom:30px}.tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:var(--light);border:2px solid var(--gray-light);border-radius:var(--radius);font-family:var(--font-heading);font-weight:600;font-size:0.95rem;color:var(--secondary);transition:var(--transition);cursor:pointer}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:var(--light)}.tab-dot{width:12px;height:12px;border-radius:50%}.tab-dot.red{background:#ef4444}.tab-dot.yellow{background:#f59e0b}.tab-dot.special{background:var(--primary)}.tab-btn.active .tab-dot.red{background:#fff}.tab-btn.active .tab-dot.yellow{background:#fff}.tab-btn.active .tab-dot.special{background:#fff}.search-panel{background:var(--light);padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:30px}.search-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.search-form .form-group{display:flex;flex-direction:column;gap:8px}.search-form label{font-family:var(--font-heading);font-weight:600;font-size:0.85rem;color:var(--secondary)}.search-form input,.search-form select{padding:12px 16px;border:1.5px solid var(--gray-light);border-radius:var(--radius);font-size:0.95rem;transition:var(--transition);background:var(--light)}.search-form input:focus,.search-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(93,122,61,0.1)}.search-actions{display:flex;justify-content:center;gap:12px}.search-actions .btn{min-width:140px}.search-actions .btn svg{width:18px;height:18px}.results-info{text-align:center;margin-bottom:24px;font-size:0.95rem;color:var(--gray)}.results-info span{font-weight:700;color:var(--primary)}.loading{display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading.active{display:flex}.spinner{width:50px;height:50px;border:4px solid var(--gray-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--gray);font-size:0.95rem}.search-error{display:none;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 60px;text-align:center}.search-error:not([hidden]){display:flex}.search-error svg{width:56px;height:56px;color:#b45309;margin-bottom:16px}.search-error h3{font-size:1.25rem;color:var(--dark);margin-bottom:8px}.search-error p{color:var(--gray);max-width:400px;margin-bottom:20px}.no-results{display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-results.active{display:flex}.no-results svg{width:64px;height:64px;color:var(--gray-light);margin-bottom:20px}.no-results h3{font-size:1.3rem;font-weight:700;color:var(--secondary);margin-bottom:8px}.no-results p{color:var(--gray)}.notices-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.notice-card{position:relative;background:var(--light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:1px solid var(--gray-light);display:flex;flex-direction:column}.notice-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.notice-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.15);border-color:var(--primary)}.notice-card.red::before{background:linear-gradient(90deg,#ef4444,#dc2626)}.notice-card.yellow::before{background:linear-gradient(90deg,#f59e0b,#d97706)}.notice-card.un::before{background:linear-gradient(90deg,var(--primary),#4a632d)}.notice-image{width:100%;height:300px;background:linear-gradient(180deg,#eef2f6 0%,#e2e8f0 100%);display:flex;align-items:stretch;justify-content:center;overflow:hidden;position:relative;padding:0}.notice-image::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(255,255,255,0.55) 0%,transparent 70%);z-index:1;pointer-events:none}.notice-image .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:14px 14px 0}.notice-image .photo-frame{width:100%;height:100%;max-width:100%;border-radius:14px 14px 0 0;overflow:hidden;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,0.08),0 10px 24px rgba(15,23,42,0.08);position:relative}.notice-image .photo-frame::after{content:'';position:absolute;inset:0;background:linear-gradient( 180deg,rgba(15,23,42,0) 55%,rgba(15,23,42,0.12) 100% );pointer-events:none;z-index:2}.notice-image img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;transition:transform 0.45s ease,filter 0.45s ease;filter:contrast(1.06) saturate(1.04) brightness(1.02);background:#f1f5f9}.notice-image img.is-wide{object-position:center center;transform:scale(1.35)}.notice-image img.is-portrait{object-position:center 12%}.notice-card:hover .notice-image img{transform:scale(1.04);filter:contrast(1.08) saturate(1.06) brightness(1.03)}.notice-card:hover .notice-image img.is-wide{transform:scale(1.4)}.notice-image .placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--gray);width:100%;height:100%;margin:14px 14px 0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);box-shadow:inset 0 0 0 1px rgba(15,23,42,0.08);position:relative;z-index:2}.notice-image .placeholder::before{content:'';position:absolute;width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,0.85);box-shadow:inset 0 0 0 1px rgba(15,23,42,0.08)}.notice-image .placeholder::after{content:'';position:absolute;width:44px;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E") center/contain no-repeat}.notice-image .placeholder svg{display:none}.notice-image .placeholder span{font-size:0.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1.2px;margin-top:72px}.notice-card.red .notice-image,.notice-card.yellow .notice-image,.notice-card.un .notice-image{background:linear-gradient(180deg,#eef2f6 0%,#e2e8f0 100%)}.notice-info{padding:20px;background:var(--light);border-top:1px solid var(--gray-light);flex-grow:1}.notice-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:12px;line-height:1.3;word-wrap:break-word;white-space:normal;min-height:2.6em}.notice-detail{display:flex;flex-direction:column;gap:6px}.notice-detail span{font-size:0.85rem;color:var(--gray)}.notice-detail strong{color:var(--secondary);font-weight:600}.notice-type-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;margin-top:12px;text-transform:uppercase;letter-spacing:0.5px;width:calc(100% - 40px)}.notice-card.red .notice-type-badge{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 2px 8px rgba(239,68,68,0.3)}.notice-card.yellow .notice-type-badge{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;box-shadow:0 2px 8px rgba(245,158,11,0.3)}.notice-card.un .notice-type-badge{background:linear-gradient(135deg,var(--primary) 0%,#4a632d 100%);color:white;box-shadow:0 2px 8px rgba(93,122,61,0.3)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--light);border:1px solid var(--gray-light);border-radius:var(--radius);font-weight:600;color:var(--secondary);transition:var(--transition);cursor:pointer}.pagination-btn:hover{border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:var(--light)}.pagination-btn:disabled{opacity:0.5;cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;padding:0 6px;color:var(--gray);font-weight:600;user-select:none}.modal{position:fixed;inset:0;background:rgba(2,12,27,0.72);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:2000;padding:24px}.modal.active{display:flex}.modal-content{background:#fff;border-radius:16px;max-width:860px;width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 24px 64px rgba(0,0,0,0.35)}.modal-close{position:absolute;top:24px;right:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:rgba(255,255,255,0.16);border:1.5px solid rgba(255,255,255,0.35);border-radius:50%;color:#fff;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:5;-webkit-tap-highlight-color:transparent}.modal-close svg{width:18px;height:18px;display:block;flex-shrink:0}.modal-close:hover{background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.55);transform:rotate(90deg)}.modal-body{padding:0;flex:1;min-height:0;overflow:hidden}.notice-modal{display:flex;flex-direction:column;height:100%;min-height:0;max-height:92vh}.notice-modal-hero{background:linear-gradient(135deg,#002b5c 0%,#004173 55%,#003d6b 100%);padding:28px 32px 56px;position:relative;overflow:hidden;flex-shrink:0}.notice-modal-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,0.08) 0%,transparent 45%),radial-gradient(circle at 10% 90%,rgba(0,0,0,0.15) 0%,transparent 50%);pointer-events:none}.notice-modal--yellow .notice-modal-hero{background:linear-gradient(135deg,#78350f 0%,#92400e 55%,#b45309 100%)}.notice-modal--un .notice-modal-hero{background:linear-gradient(135deg,#1e3a1a 0%,#365314 55%,#4d7c0f 100%)}.notice-modal-hero-inner{display:flex;align-items:flex-end;gap:28px;position:relative;z-index:1;padding-right:48px}.notice-modal-photo{position:relative;flex-shrink:0;width:196px;margin-bottom:-36px;z-index:2}.notice-modal-photo img,.notice-modal-photo-placeholder{width:196px;height:248px;object-fit:cover;object-position:center 18%;display:block;border:4px solid #fff;box-shadow:0 12px 36px rgba(0,0,0,0.35);background:#e2e8f0}.notice-modal-photo img.is-wide{object-position:center center;transform:scale(1.2)}.notice-modal-photo img.is-portrait{object-position:center 12%}.notice-modal-photo-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8}.notice-modal-photo-placeholder svg{width:56px;height:56px}.notice-modal-badge{position:absolute;top:10px;right:10px;background:#c8102e;color:#fff;padding:7px 8px;min-width:72px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.notice-modal--yellow .notice-modal-badge{background:#d97706}.notice-modal--un .notice-modal-badge{background:#365314}.notice-modal-badge-brand{display:block;font-size:0.55rem;font-weight:800;letter-spacing:0.08em;line-height:1.2}.notice-modal-badge-type{display:block;font-size:0.62rem;font-weight:700;letter-spacing:0.04em;line-height:1.2;margin-top:2px}.notice-modal-identity{flex:1;min-width:0;padding-bottom:4px}.notice-modal-type{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.72);margin-bottom:8px}.notice-modal-name{font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,2rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.02em;line-height:1.15;margin-bottom:10px}.notice-modal-subtitle{font-size:1rem;color:rgba(255,255,255,0.82);line-height:1.5}.notice-modal-subtitle strong{color:#fff;font-weight:700}.notice-modal-body{background:#fff;padding:44px 32px 28px;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,0.55) rgba(226,232,240,0.65)}.notice-modal-body::-webkit-scrollbar{width:10px}.notice-modal-body::-webkit-scrollbar-track{background:rgba(226,232,240,0.55);border-radius:999px;margin:8px 4px}.notice-modal-body::-webkit-scrollbar-thumb{background-color:rgba(100,116,139,0.45);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.notice-modal-body::-webkit-scrollbar-thumb:hover{background-color:rgba(71,85,105,0.7)}.notice-modal-layout{display:grid;grid-template-columns:108px 1fr;gap:36px;align-items:start}.notice-modal-aside{position:sticky;top:0}.notice-modal-thumb{width:100px;height:126px;object-fit:cover;object-position:center 18%;border:2px solid #e2e8f0;display:block;background:#f1f5f9}.notice-modal-thumb.is-wide{object-position:center center}.notice-modal-section{margin-bottom:32px}.notice-modal-section:last-child{margin-bottom:0}.notice-modal-section-title{font-family:var(--font-heading);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:300;color:#002b5c;margin-bottom:20px;letter-spacing:-0.01em}.notice-data-list{margin:0;padding:0}.notice-data-row{display:grid;grid-template-columns:minmax(140px,38%) 1fr;gap:16px;padding:11px 0;border-bottom:1px solid #e8edf2}.notice-data-row:last-child{border-bottom:none}.notice-data-row dt{margin:0;font-size:0.92rem;font-weight:400;color:#64748b}.notice-data-row dd{margin:0;font-size:0.95rem;font-weight:700;color:#0f172a;line-height:1.45}.notice-published{margin:-8px 0 14px;font-size:0.88rem;color:#64748b;font-style:italic}.notice-charges-locale-note{margin:0 0 12px;padding:10px 12px;font-size:0.82rem;line-height:1.45;color:#64748b;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:0 4px 4px 0}.notice-charges-text{font-size:0.95rem;color:#1e293b;line-height:1.65;margin:0}.notice-charge-item{display:block;margin-bottom:12px}.notice-charge-item:last-child{margin-bottom:0}.notice-summary-text,.notice-documents-text{font-size:0.95rem;color:#1e293b;line-height:1.65;margin:0}.notice-data-list--compact{margin-top:18px}.notice-modal-loading{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;border-radius:var(--radius);background:#f1f5f9;color:#475569;font-size:0.88rem;font-weight:600}.notice-modal-loading-spinner{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;flex-shrink:0}.notice-modal--loading .notice-modal-main{opacity:0.72;transition:opacity 0.25s ease}.notice-modal-footer{margin-top:28px;padding-top:22px;border-top:1px solid #e8edf2;text-align:center}.notice-modal-link{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:0.9rem;font-weight:700;transition:var(--transition);box-shadow:0 4px 14px rgba(93,122,61,0.28);border:none;cursor:pointer;font-family:inherit;text-decoration:none}.notice-modal-source{margin:0;font-size:0.88rem;color:#64748b;line-height:1.5}.notice-modal-source a{color:var(--primary-dark);font-weight:600;text-decoration:underline}.notice-modal-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(93,122,61,0.35);gap:10px;color:#fff}.notice-modal-link svg{width:16px;height:16px}.notice-card[role="button"]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (max-width:1024px){.notices-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tabs{flex-direction:column;align-items:stretch}.tab-btn{justify-content:center}.search-row{grid-template-columns:repeat(2,1fr)}.notices-grid{grid-template-columns:repeat(2,1fr)}.notice-modal-hero-inner{flex-direction:column;align-items:center;text-align:center;padding-right:0}.notice-modal-photo{margin-bottom:0}.notice-modal-layout{grid-template-columns:1fr;gap:24px}.notice-modal-aside{display:none}.notice-data-row{grid-template-columns:1fr;gap:4px}}@media (max-width:480px){.page-hero{padding:120px 0 60px}.search-row{grid-template-columns:1fr}.search-actions{flex-direction:column}.search-actions .btn{width:100%}.notices-grid{grid-template-columns:1fr}.notice-image{height:260px}.modal{padding:12px}.notice-modal-hero{padding:24px 20px 40px}.modal-close{top:20px;right:20px;width:36px;height:36px}.modal-close svg{width:16px;height:16px}.notice-modal-body{padding:32px 20px 24px}.notice-modal-photo img,.notice-modal-photo-placeholder{width:160px;height:204px}.notice-modal-photo{width:160px}.modal-content{max-height:95vh;border-radius:12px}.notice-modal{max-height:95vh}.notice-modal-body::-webkit-scrollbar{width:6px}.notice-modal-body::-webkit-scrollbar-track{margin:6px 2px}}