:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;--bg: #edf9fc;--bg-soft: #f8fdff;--panel: rgba(255, 255, 255, .94);--panel-strong: #ffffff;--panel-accent: #d8f3f9;--text: #18414b;--muted: #5f828a;--line: rgba(69, 154, 174, .18);--accent: #49bfd4;--accent-strong: #24a8c7;--accent-soft: #bdeef6;--max-width: 1180px;--shadow: 0 24px 60px rgba(70, 150, 171, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(115,211,229,.18),transparent 28%),radial-gradient(circle at top left,rgba(255,232,158,.18),transparent 22%),linear-gradient(180deg,#f9feff,#edf9fc 44%,#e8f6fa);color:var(--text)}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,a{font:inherit}.app-shell{min-height:100vh}.shell{width:min(100% - 28px,1180px);margin:0 auto}.schedule-bar{border-bottom:1px solid var(--line);background:#fffc}.schedule-bar .shell{display:grid;grid-template-columns:190px 1fr;gap:1rem;align-items:center;padding:.7rem 0}.schedule-title,.section-heading h2,.column-head h3,.video-channel,.footer-sub-links a{margin:0;letter-spacing:.12em;text-transform:uppercase}.schedule-title{color:var(--accent-strong);font-size:.76rem;font-weight:800}.schedule-items{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem}.schedule-items a{color:var(--text);font-size:.85rem}.site-header{background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 .85rem}.brand-mark{display:inline-flex;align-items:center}.brand-logo-image{width:180px;max-width:42vw;height:auto}.social-links,.primary-nav,.footer-sub-links{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.social-links a,.primary-nav a,.section-heading a,.column-head a,.video-links a,.footer-sub-links a{color:var(--muted)}.social-links a{font-size:.85rem}.primary-nav{padding:.85rem 0 1rem;border-top:1px solid rgba(73,191,212,.12)}.primary-nav a{font-size:.88rem;color:#205866}.page-main{padding:1.5rem 0 4rem}.promo-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:1rem}.promo-lead,.promo-side-card,.topics-banner,.news-column,.blog-card,.video-card,.release-card,.link-banner,.footer-request-card{overflow:hidden;border-radius:22px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.promo-lead{position:relative;min-height:420px}.promo-lead img,.promo-side-card img,.topics-banner img,.blog-card img,.video-card img,.release-card img,.link-banner img{display:block;width:100%}.promo-lead img,.topics-banner img{height:100%;object-fit:cover}.promo-overlay{position:absolute;inset:auto 0 0 0;padding:1.6rem;background:linear-gradient(180deg,transparent,rgba(8,39,46,.72));color:#fff}.promo-overlay p,.topics-copy p{margin:0 0 .55rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.promo-overlay h1,.topics-copy h3,.blog-copy h3,.video-copy h3,.release-copy h3{margin:0;font-family:Georgia,Times New Roman,serif}.promo-overlay h1{font-size:clamp(2.1rem,4vw,3.2rem);max-width:14ch}.promo-overlay span{display:block;margin-top:.7rem;color:#ffffffe0;max-width:48ch;line-height:1.6}.promo-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.promo-side-card{min-height:200px;position:relative}.promo-side-card img{height:100%;object-fit:cover}.promo-side-copy{position:absolute;inset:auto 0 0 0;padding:1rem;background:linear-gradient(180deg,transparent,rgba(20,84,96,.76))}.promo-side-copy h2{margin:0;font-size:1rem;color:#fff}.section-block{margin-top:2rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.section-heading h2{font-size:1.1rem;color:#1f5a67}.section-heading a,.column-head a{font-size:.82rem}.topics-banner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);min-height:260px}.topics-banner img{height:100%;object-fit:cover}.topics-copy{padding:1.4rem;display:flex;flex-direction:column;justify-content:center}.primary-nav-admin{color:var(--accent-strong);font-weight:700}.admin-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.admin-public-card,.content-view-card,.admin-card,.admin-content-card{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.admin-public-card{overflow:hidden}.admin-public-media{aspect-ratio:16 / 9;background:#0b2f38;position:relative}.admin-public-media img,.admin-public-media video,.content-media,.admin-preview-media{width:100%;height:100%;object-fit:cover;display:block}.admin-public-video-preview{pointer-events:none}.admin-public-media-overlay{position:absolute;inset:auto 0 0 0;display:grid;gap:.35rem;padding:1rem;background:linear-gradient(180deg,transparent,rgba(9,37,44,.78));color:#fff;pointer-events:none}.admin-public-media-overlay strong{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.admin-public-media-overlay span{font-size:.78rem;color:#ffffffdb}.admin-public-copy{padding:1rem 1.05rem 1.2rem}.admin-public-copy p,.content-meta,.admin-content-card-copy p,.admin-card-header p,.admin-page-header span,.content-view-header span,.content-description,.admin-content-card-copy span,.admin-content-card-copy small{color:var(--muted)}.admin-content-card-copy p,.admin-content-card-copy span,.admin-content-card-copy small,.content-view-header span,.admin-page-header span,.content-meta{display:block}.admin-content-card-copy small,.content-meta{margin-top:.45rem}.admin-public-copy p,.admin-page-kicker{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.admin-public-copy h3,.admin-page-header h1,.content-view-header h1,.admin-content-card-copy h3,.admin-card-header h2{margin:0;font-family:Georgia,Times New Roman,serif}.admin-public-copy span{display:block;margin-top:.55rem;line-height:1.5}.admin-route-shell,.content-route-shell{min-height:100vh;padding:2.5rem 0 4rem}.admin-route-layout,.content-view-card{width:min(100% - 28px,980px);margin:0 auto}.admin-route-layout,.admin-stack{display:grid;gap:1rem}.admin-page-header,.content-view-header,.admin-content-card-copy,.admin-share-row,.admin-check-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-page-header,.content-view-card,.admin-card,.admin-content-card{padding:1.4rem}.admin-card-header{display:grid;gap:.35rem}.admin-form,.admin-manager,.admin-stack,.admin-grid{display:grid;gap:1rem}.admin-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-field{display:grid;gap:.45rem}.admin-field span{font-size:.82rem;font-weight:700;color:#1f5a67}.admin-input{width:100%;border:1px solid rgba(69,154,174,.24);background:#ffffffeb;color:var(--text);border-radius:14px;padding:.8rem .95rem}.admin-textarea{min-height:120px;resize:vertical}.admin-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.8rem 1.25rem;background:linear-gradient(135deg,#49bfd4,#24a8c7);color:#fff;cursor:pointer;font-weight:700}.admin-button-secondary{background:#24a8c71f;color:#1f5a67;border:1px solid rgba(36,168,199,.2)}.admin-button-danger{background:linear-gradient(135deg,#dd5c6d,#c84257)}.admin-tabs{display:flex;flex-wrap:wrap;gap:.7rem}.admin-tab{border:1px solid rgba(69,154,174,.24);background:#ffffffd9;color:var(--text);border-radius:999px;padding:.72rem 1rem;cursor:pointer}.admin-tab.is-active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.admin-note,.admin-message{border-radius:16px;padding:.95rem 1rem;background:#49bfd41f;color:#1f5a67}.admin-message-error{background:#d9586924;color:#9f2740}.admin-message-success{background:#3fa47624;color:#1c7b53}.vip-note{margin-bottom:1rem;background:#ffdd6838;color:#735400}.admin-dropzone{border:2px dashed rgba(36,168,199,.35);border-radius:20px;padding:2rem 1rem;background:#ffffff8c;text-align:center;cursor:pointer}.admin-dropzone.is-active{border-color:var(--accent-strong);background:#49bfd41f}.admin-dropzone p,.admin-dropzone span,.content-message,.content-view-empty p{margin:0;color:var(--muted)}.admin-dropzone span{display:block;margin-top:.55rem}.admin-check{display:inline-flex;align-items:center;gap:.65rem;color:var(--text)}.admin-content-card{display:grid;gap:1rem}.admin-content-card-copy strong{color:var(--accent-strong);font-size:.82rem;letter-spacing:.12em}.admin-preview-media,.content-media-frame{border-radius:18px;overflow:hidden;background:#0b2f38}.content-media-frame{aspect-ratio:16 / 9}.content-description{line-height:1.7;margin:1rem 0 1.2rem}.content-view-empty{text-align:center;display:grid;gap:1rem;justify-items:center}@media (max-width: 820px){.admin-grid-two,.admin-page-header,.content-view-header,.admin-content-card-copy,.admin-share-row,.admin-check-row{grid-template-columns:1fr;display:grid}.admin-button,.admin-tab{width:100%}}.topics-copy h3{font-size:1.7rem;color:#174653}.topics-copy p{margin-top:.8rem;color:var(--muted);text-transform:none;letter-spacing:normal;font-size:.95rem;line-height:1.7}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.news-column{padding:1.2rem}.column-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(73,191,212,.16)}.column-head h3{font-size:.96rem;color:#1c5662}.news-list{display:grid}.news-item{padding:.95rem 0;border-bottom:1px dashed rgba(73,191,212,.18)}.news-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:0 0 .4rem;color:var(--accent-strong);font-size:.79rem;font-weight:700}.news-text{margin:0;color:var(--text);line-height:1.65;font-size:.94rem}.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.blog-card img{aspect-ratio:4 / 4.8;object-fit:cover;background:#eaf7fb}.blog-copy,.video-copy,.release-copy{padding:1rem}.blog-copy h3,.video-copy h3,.release-copy h3{color:#18434e;font-size:1.15rem}.blog-copy p,.release-copy p{margin:.65rem 0 0;color:var(--muted)}.blog-copy span{display:inline-block;margin-top:.55rem;color:var(--accent-strong);font-size:.82rem}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.video-cover-link{display:block}.video-card img{aspect-ratio:16 / 9;object-fit:cover;background:#eaf7fb}.video-channel{color:var(--accent-strong);font-size:.78rem}.video-copy h3{margin-top:.45rem}.video-links{display:grid;gap:.55rem;margin-top:.95rem}.video-links a{padding-top:.55rem;border-top:1px dashed rgba(73,191,212,.18);font-size:.9rem;color:#1f5865}.release-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.release-card img{aspect-ratio:.92;object-fit:cover;background:#eaf7fb}.release-copy h3{font-size:1rem}.release-copy p{font-size:.86rem}.link-banner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.link-banner{display:grid}.link-banner img{aspect-ratio:16 / 11;object-fit:cover;background:#eaf7fb}.link-banner span{padding:.85rem 1rem 1rem;color:#1d5460;font-weight:700}.site-footer{margin-top:3rem;border-top:1px solid var(--line);background:#ffffffb8}.footer-inner{display:grid;gap:1.5rem;padding:1.5rem 0 2rem}.footer-request-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.footer-request-card{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;color:#1b5662;font-weight:700}.footer-request-icon{width:42px;height:42px;flex:0 0 auto}.footer-sub-links{gap:.8rem 1.4rem;padding-top:.4rem}.footer-sub-links a{font-size:.82rem}.footer-jasrac{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.84rem}.footer-jasrac img{width:84px;height:auto}.footer-jasrac p{margin:0;line-height:1.6}@media (max-width: 1100px){.promo-grid,.topics-banner,.news-grid,.video-grid{grid-template-columns:1fr}.blog-grid,.release-grid,.link-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.schedule-bar .shell,.header-top{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.promo-side,.blog-grid,.release-grid,.link-banner-grid,.footer-request-links{grid-template-columns:1fr}.shell{width:min(100% - 20px,1180px)}.promo-lead{min-height:320px}.footer-jasrac{align-items:flex-start}}
