.resource-page { background: #f6f8f7; }
.resource-hero { background: #073b3a; color: #fff; padding: 86px 0 72px; position: relative; overflow: hidden; }
.resource-hero:after { content: ''; position: absolute; right: -100px; top: -150px; width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.03), 0 0 0 100px rgba(255,255,255,.025); }
.resource-eyebrow { color: #f7b267; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 700; margin-bottom: 16px; }
.resource-hero h1 { color: #fff; max-width: 700px; font-size: clamp(36px, 5vw, 62px); line-height: 1.05; margin-bottom: 18px; }
.resource-hero p { max-width: 640px; color: rgba(255,255,255,.76); font-size: 18px; line-height: 1.7; margin-bottom: 0; }
.resource-shell { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.resource-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: -27px auto 42px; position: relative; z-index: 2; }
.resource-nav a { display: inline-flex; align-items: center; gap: 9px; padding: 15px 20px; color: #244b49; background: #fff; border: 1px solid #e3ebe7; box-shadow: 0 10px 25px rgba(7,59,58,.08); font-weight: 700; border-radius: 4px; }
.resource-nav a.active, .resource-nav a:hover { color: #fff; background: #0b7770; border-color: #0b7770; }
.resource-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 28px; }
.resource-profile-intro { display: grid; grid-template-columns: 1fr 1.2fr; gap: 25px 50px; background: #e7f3ef; padding: 32px; margin-bottom: 44px; border-left: 4px solid #f7b267; }
.resource-profile-intro h2 { color: #073b3a; font-size: 29px; line-height: 1.18; margin: 0; }
.resource-profile-intro p { color: #42625d; line-height: 1.75; margin: 0; }
.resource-profile-points { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 14px 28px; color: #0b7770; font-weight: 700; font-size: 14px; }
.resource-profile-points span { display: inline-flex; gap: 8px; align-items: center; }
.resource-toolbar h2 { color: #073b3a; font-size: 30px; margin: 0 0 8px; }
.resource-toolbar p { margin: 0; color: #687875; }
.resource-search { display: flex; min-width: 310px; background: #fff; border: 1px solid #dce8e3; padding: 5px; }
.resource-search input { border: 0; outline: 0; padding: 11px 13px; flex: 1; min-width: 0; }
.resource-search button, .resource-btn { background: #f7b267; color: #073b3a; border: 0; padding: 12px 17px; font-weight: 700; }
.resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-bottom: 50px; }
.resource-card { background: #fff; border: 1px solid #e3ebe7; padding: 25px; display: flex; flex-direction: column; min-height: 270px; transition: transform .2s ease, box-shadow .2s ease; }
.resource-card:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(7,59,58,.10); }
.resource-card-icon { width: 46px; height: 46px; display: grid; place-items: center; color: #0b7770; background: #e7f3ef; font-size: 21px; margin-bottom: 20px; }
.resource-card h3 { font-size: 19px; line-height: 1.35; color: #073b3a; margin-bottom: 11px; }
.resource-card p { color: #687875; line-height: 1.6; font-size: 14px; }
.resource-meta { color: #85928f; font-size: 12px; margin-top: auto; padding-top: 18px; border-top: 1px solid #edf1ef; }
.resource-actions { display: flex; gap: 9px; margin-top: 18px; }
.resource-actions a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #dce8e3; color: #0b7770; font-weight: 700; font-size: 13px; }
.resource-actions a.primary { color: #fff; background: #0b7770; border-color: #0b7770; }
.resource-empty { background: #fff; border: 1px dashed #cbd9d3; padding: 50px 20px; text-align: center; color: #687875; grid-column: 1 / -1; }
.resource-detail { max-width: 850px; margin: 60px auto; background: #fff; padding: 45px; border: 1px solid #e3ebe7; }
.resource-detail h1 { color: #073b3a; margin-bottom: 16px; }
.resource-detail p { color: #687875; line-height: 1.8; }
.resource-preview-frame { border: 1px solid #dce8e3; background: #eef3f1; margin: 26px 0; padding: 8px; }
.resource-preview-frame iframe { display: block; width: 100%; height: 620px; border: 0; background: #fff; }
.resource-preview-placeholder { display: flex; align-items: center; gap: 14px; border: 1px solid #dce8e3; background: #f6f8f7; padding: 18px; margin: 25px 0; color: #0b7770; }
.resource-preview-placeholder i { font-size: 27px; }
.resource-preview-placeholder div { flex: 1; }
.resource-preview-placeholder strong, .resource-preview-placeholder span { display: block; }
.resource-preview-placeholder span { color: #687875; font-size: 13px; margin-top: 4px; }
.resource-preview-placeholder a { color: #0b7770; font-weight: 700; white-space: nowrap; }
.admin-doc-page { padding: 30px; background: #f5f7f6; min-height: calc(100vh - 80px); }
.admin-doc-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 25px; }
.admin-doc-header h2 { margin: 0; color: #073b3a; }
.admin-doc-btn { background: #0b7770; color: #fff; padding: 11px 17px; border-radius: 4px; font-weight: 700; }
.admin-doc-table { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 18px rgba(20,45,40,.06); }
.admin-doc-table th { background: #073b3a; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.admin-doc-table td, .admin-doc-table th { padding: 15px 18px; vertical-align: middle; }
.status-pill { display: inline-flex; padding: 5px 9px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.status-pill.public { background: #e7f3ef; color: #0b7770; }
.status-pill.private { background: #fff0e4; color: #9b5b21; }
.admin-form-card { max-width: 850px; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 18px rgba(20,45,40,.06); }
.admin-form-card label { color: #244b49; font-weight: 700; font-size: 13px; margin-bottom: 7px; }
.admin-form-card .form-control, .admin-form-card .form-select { min-height: 46px; border-color: #dce8e3; }
.admin-form-card textarea.form-control { min-height: 110px; }
@media (max-width: 900px) { .resource-grid { grid-template-columns: repeat(2, 1fr); } .resource-toolbar { align-items: stretch; flex-direction: column; } .resource-search { min-width: 0; } .resource-profile-intro { grid-template-columns: 1fr; } .resource-profile-points { grid-column: auto; } }
@media (max-width: 600px) { .resource-hero { padding: 60px 0 55px; } .resource-grid { grid-template-columns: 1fr; } .resource-detail { margin: 30px 15px; padding: 25px; } .admin-doc-page { padding: 20px 15px; } .admin-doc-header { align-items: flex-start; flex-direction: column; } }