/*
Theme Name: NobelaTayo Pulse
Author: NobelaTayo Studio
Description: Bold dark multi-category content portal. Responsive multi-topic WordPress theme for Filipino stories, aquarium guides, news, technology, and entertainment.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nobelatayo
Tags: blog, news, custom-menu, featured-images, responsive-layout, two-columns
*/


/* Shared NobelaTayo styles — lightweight and responsive */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:var(--body-font);line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--selection);color:var(--text)}.container{width:min(1220px,calc(100% - 64px));margin-inline:auto}.ui-icon{display:inline-block;width:24px;height:24px;flex:none}.muted{color:var(--muted)}.eyebrow,.section-label,.card-meta,.site-kicker{font-family:var(--body-font);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.site-header{z-index:20;position:relative;border-bottom:1px solid var(--line);background:var(--header)}.header-inner{height:94px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}.brand-logo{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--text);color:var(--page);font-size:25px;font-weight:800;line-height:1;transform:rotate(-7deg)}.brand-name{font-size:24px;font-family:var(--display-font);font-weight:800;letter-spacing:-.06em}.brand-name b{color:var(--accent)}.site-nav{margin-left:auto;display:flex;align-items:center;gap:27px}.site-nav .menu-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:27px}.site-nav .menu-list li{list-style:none}.site-nav a{font-size:13px;font-weight:750;color:var(--text);opacity:.84}.site-nav a:hover{opacity:1;color:var(--accent)}.nav-cta{background:var(--text);color:var(--page)!important;border-radius:999px;padding:12px 19px;font-size:12px;font-weight:800}.nav-cta:hover{background:var(--accent);color:var(--button-text)!important}.menu-toggle{display:none;background:none;border:0;padding:8px;color:var(--text)}.menu-toggle .ui-icon{width:22px;height:22px}.hero{position:relative;overflow:hidden;padding:78px 0 68px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px}.hero-copy{position:relative;z-index:1}.hero-kicker{display:inline-flex;gap:12px;align-items:center;color:var(--accent);margin:0 0 26px}.hero-kicker:before{content:'';width:24px;height:2px;background:currentColor}.hero h1{font-family:var(--display-font);font-weight:800;font-size:clamp(62px,6vw,93px);line-height:1.035;letter-spacing:-.072em;max-width:700px;margin:0 0 27px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:17px;line-height:1.85;color:var(--muted);max-width:505px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{padding:14px 22px;border-radius:12px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:11px;border:1px solid transparent}.button .ui-icon{width:16px;height:16px}.button-primary{background:var(--accent);color:var(--button-text)}.button-primary:hover{background:var(--text);color:var(--page)}.button-secondary{border-color:var(--line-strong);color:var(--text)}.button-secondary:hover{border-color:var(--accent)}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:29px}.note-dot{width:8px;height:8px;background:var(--secondary);border-radius:100%}.hero-display{height:470px;display:grid;grid-template-columns:1.02fr .9fr;grid-template-rows:1fr 1fr;gap:16px;position:relative}.visual-tile{border-radius:24px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.visual-tile--fish{grid-row:1/3;background:var(--fish-bg);color:var(--fish-text)}.visual-tile--stories{background:var(--story-bg);color:var(--story-text)}.visual-tile--news{background:var(--news-bg);color:var(--news-text)}.visual-kicker{font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;position:relative;z-index:2;opacity:.8}.visual-title{font-family:var(--display-font);font-size:26px;letter-spacing:-.045em;line-height:1.1;max-width:260px;position:relative;z-index:2;margin:0}.visual-tile--fish .visual-title{font-size:37px;max-width:230px}.visual-art{position:absolute;pointer-events:none;display:block}.visual-art--fish{width:220px;height:220px;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:100%;border:2px solid currentColor;opacity:.75;display:grid;place-items:center}.visual-art--fish:before,.visual-art--fish:after{position:absolute;content:'';border:1px solid currentColor;border-radius:100%;inset:20px;opacity:.5}.visual-art--fish:after{inset:45px}.visual-art--fish svg{width:127px;height:127px;transform:rotate(-15deg);stroke-width:.9}.visual-art--stories{right:-17px;bottom:15px;transform:rotate(-15deg);opacity:.21}.visual-art--stories svg{width:122px;height:122px;stroke-width:1}.visual-art--news{right:12px;top:28px;opacity:.2}.visual-art--news svg{width:110px;height:110px;stroke-width:1}.hero-display:after{content:'✳';position:absolute;z-index:3;right:-22px;top:-31px;font-size:54px;line-height:1;color:var(--secondary)}.section{padding:73px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.section-title{font-family:var(--display-font);font-weight:800;letter-spacing:-.055em;font-size:clamp(34px,3.6vw,47px);line-height:1.1;margin:8px 0 0}.section-label{color:var(--accent)}.section-subtitle{color:var(--muted);max-width:450px;margin:0;font-size:14px}.topics-section{border-top:1px solid var(--line)}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.topic-card{position:relative;overflow:hidden;min-height:198px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.topic-card:hover{transform:translateY(-4px);border-color:var(--accent)}.topic-symbol{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--topic-icon-bg);color:var(--accent);margin-bottom:auto}.topic-symbol .ui-icon{width:27px;height:27px}.topic-name{font-size:17px;line-height:1.25;font-weight:800;letter-spacing:-.035em;margin:18px 0 6px}.topic-desc{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.topic-card:after{content:'↗';position:absolute;right:19px;top:21px;font-size:17px;color:var(--muted)}.latest-section{padding-top:48px}.text-link{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:10px;color:var(--accent);white-space:nowrap}.text-link .ui-icon{width:17px;height:17px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:21px;transition:transform .2s}.post-card:hover{transform:translateY(-3px)}.post-cover{height:208px;overflow:hidden;background:var(--cover-fish);color:var(--cover-text);position:relative;display:flex;align-items:center;justify-content:center}.post-cover img{width:100%;height:100%;object-fit:cover;display:block}.post-cover .cover-art{width:102px;height:102px;opacity:.65;transform:rotate(-12deg);stroke-width:.95}.post-cover:after{content:'';width:190px;height:190px;border:1px solid currentColor;opacity:.2;position:absolute;border-radius:50%;right:-40px;top:-65px}.post-cover--stories{background:var(--cover-story)}.post-cover--news{background:var(--cover-news)}.post-cover--technology{background:var(--cover-tech)}.post-cover--entertainment{background:var(--cover-entertainment)}.post-cover--fish-breeding{background:var(--cover-fish)}.post-info{padding:22px 24px 25px}.card-meta{color:var(--accent);font-size:10px;letter-spacing:.12em}.post-info h3{font-family:var(--display-font);font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:10px 0 10px}.post-info p{color:var(--muted);font-size:13px;margin:0 0 15px}.post-date{color:var(--muted);font-size:11px}.empty-state{background:var(--panel);border:1px dashed var(--line-strong);border-radius:20px;padding:45px}.empty-state h3{font-family:var(--display-font);font-size:26px;margin:0 0 8px}.empty-state p{color:var(--muted);max-width:650px;margin:0}.empty-state a{text-decoration:underline}.section-feature{padding-top:52px;padding-bottom:76px}.closing-banner{min-height:214px;background:var(--banner);color:var(--banner-text);padding:38px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:25px;overflow:hidden;position:relative}.closing-banner:after{content:'✳';font-size:245px;line-height:1;position:absolute;right:18%;top:-92px;opacity:.08;pointer-events:none}.closing-banner h2{font-family:var(--display-font);font-size:39px;line-height:1.1;letter-spacing:-.05em;max-width:580px;margin:9px 0 0}.closing-banner .section-label{color:inherit;opacity:.7}.closing-banner .button{position:relative;z-index:2;white-space:nowrap;background:var(--banner-text);color:var(--banner)}.site-footer{background:var(--footer);border-top:1px solid var(--line);padding:43px 0}.footer-main{display:flex;gap:25px;justify-content:space-between;align-items:center}.footer-main p{font-size:12px;color:var(--muted);margin:3px 0 0}.footer-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted)}.footer-nav .menu-list{margin:0;padding:0;list-style:none;display:flex;gap:18px}.footer-nav .menu-list li{list-style:none}.footer-copy{font-size:11px;color:var(--muted);margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.ad-area{margin-top:20px;margin-bottom:20px;overflow:hidden}.ad-area .widget{margin:0}.ad-area__label{font-size:9px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px;padding-top:64px;padding-bottom:80px}.entry-article{min-width:0}.article-eyebrow{font-size:12px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.13em}.entry-title{font:800 clamp(40px,5vw,68px)/1.09 var(--display-font);letter-spacing:-.055em;margin:15px 0 19px}.entry-meta{color:var(--muted);font-size:13px;display:flex;gap:18px;flex-wrap:wrap}.entry-image{border-radius:18px;overflow:hidden;margin:27px 0}.entry-image img{display:block;width:100%;height:auto}.entry-content{font-size:17px;line-height:1.85;color:var(--text);overflow-wrap:anywhere;margin-top:28px}.entry-content p{margin:0 0 1.35em}.entry-content h2,.entry-content h3{font-family:var(--display-font);letter-spacing:-.04em;line-height:1.25;margin-top:1.8em}.entry-content a{text-decoration:underline;color:var(--accent)}.entry-content blockquote{border-left:4px solid var(--accent);padding-left:20px;color:var(--muted);margin-left:0}.entry-content img{border-radius:13px}.entry-content pre{overflow:auto;padding:15px;background:var(--panel);border-radius:10px}.entry-content iframe{max-width:100%}.entry-content .wp-block-image{max-width:100%}.entry-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.entry-tags a{border:1px solid var(--line);border-radius:40px;padding:5px 12px;font-size:12px}.post-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:34px}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:20px}.post-navigation a{font-weight:700;font-size:13px}.sidebar-widget{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.sidebar-widget h3,.widget-title{font:800 19px/1.25 var(--display-font);letter-spacing:-.035em;margin:0 0 14px}.sidebar-widget ul{list-style:none;margin:0;padding:0}.sidebar-widget li{font-size:13px;padding:8px 0;border-bottom:1px solid var(--line)}.sidebar-widget li:last-child{border:0}.sidebar-widget p{font-size:13px;color:var(--muted)}.search-form{display:flex;gap:8px}.search-form label{flex:1}.search-form input[type=search]{border:1px solid var(--line-strong);border-radius:9px;padding:12px 13px;background:var(--page);color:var(--text);width:100%;min-width:0}.search-form input[type=submit]{border:0;border-radius:9px;background:var(--accent);color:var(--button-text);padding:11px 15px;font-weight:800}.pagination{display:flex;gap:10px;align-items:center;margin-top:30px}.pagination .page-numbers{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:700}.pagination .current{background:var(--accent);color:var(--button-text)}.archive-top{padding:65px 0 20px}.archive-top h1{font:800 clamp(42px,5vw,65px)/1.1 var(--display-font);letter-spacing:-.05em;margin:10px 0}.archive-top p{color:var(--muted);max-width:700px}.content-area{padding-bottom:80px}.screen-reader-text{position:absolute;left:-9999px}.alignwide{max-width:100%}.alignfull{width:100%}
@media(max-width:1100px){.site-nav{gap:18px}.hero-grid{gap:32px}.hero h1{font-size:clamp(58px,6vw,82px)}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card{min-height:178px}.container{width:min(1220px,calc(100% - 48px))}}
@media(max-width:950px){.header-inner{height:76px}.menu-toggle{display:inline-flex;margin-left:auto}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--header);border-bottom:1px solid var(--line);padding:12px 20px 20px;margin:0;box-shadow:0 15px 30px rgba(0,0,0,.08)}.site-nav.open{display:flex}.site-nav .menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:12px 8px;font-size:14px}.site-nav .nav-cta{text-align:center;padding:13px}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.header-inner{height:76px;gap:12px}.brand-name{font-size:21px}.brand-logo{width:37px;height:37px;font-size:22px;border-radius:12px}.menu-toggle{display:inline-flex;margin-left:auto}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--header);border-bottom:1px solid var(--line);padding:12px 20px 20px;margin:0;box-shadow:0 15px 30px rgba(0,0,0,.08)}.site-nav.open{display:flex}.site-nav .menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:12px 8px;font-size:14px}.site-nav .nav-cta{text-align:center;padding:13px}.hero{padding:53px 0 40px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(48px,12vw,76px);letter-spacing:-.07em}.hero-description{font-size:15px;line-height:1.75;margin-bottom:25px}.hero-display{height:355px}.visual-tile{border-radius:16px;padding:17px}.visual-tile--fish .visual-title{font-size:27px}.visual-title{font-size:21px}.visual-art--fish{width:170px;height:170px}.visual-art--fish svg{width:100px;height:100px}.section{padding:52px 0}.section-head{display:block;margin-bottom:25px}.section-subtitle{margin-top:12px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.topic-card{min-height:180px;padding:17px;border-radius:16px}.topic-name{font-size:15px}.topic-desc{font-size:11px}.post-grid{grid-template-columns:1fr;gap:15px}.post-cover{height:210px}.latest-section{padding-top:40px}.closing-banner{display:block;padding:30px;border-radius:18px}.closing-banner h2{font-size:31px;margin-bottom:21px}.footer-main{display:block}.footer-nav{margin-top:18px}.content-layout{grid-template-columns:1fr;gap:28px;padding-top:40px}.entry-title{font-size:42px}.entry-content{font-size:16px}.archive-top{padding:43px 0 20px}.section-feature{padding-bottom:50px}}
@media(max-width:390px){.topic-grid{grid-template-columns:1fr 1fr}.hero-display{height:312px}.visual-title{font-size:18px}.visual-tile--fish .visual-title{font-size:24px}.visual-art--fish{width:133px;height:133px}.visual-art--fish svg{width:85px;height:85px}.hero-actions{gap:10px}.button{padding:12px 15px}}


:root{--page:#0d1224;--text:#f5f7ff;--muted:#abb3ca;--panel:#171e36;--header:#0d1224;--footer:#0b1020;--line:#2a3450;--line-strong:#465272;--accent:#bdff78;--secondary:#aa8dff;--button-text:#152021;--selection:#4a6442;--body-font:Arial,Helvetica,sans-serif;--display-font:Arial,Helvetica,sans-serif;--topic-icon-bg:#25304b;--fish-bg:#1b7e7b;--fish-text:#d5fff0;--story-bg:#6d46ad;--story-text:#fff1ff;--news-bg:#394eac;--news-text:#e8f1ff;--cover-fish:#1a797a;--cover-story:#6846a9;--cover-news:#304aa1;--cover-tech:#5b458b;--cover-entertainment:#8b4e73;--cover-text:#e8ffff;--banner:#b8ff78;--banner-text:#18251e}
.site-header{background:#0b1020}.brand-logo{background:var(--accent);color:#1a2a20;border-radius:10px;transform:rotate(6deg)}.brand-name{letter-spacing:-.065em}.nav-cta{background:var(--accent);color:#18251e!important;border-radius:10px}.nav-cta:hover{background:#fff}.hero{background:radial-gradient(circle at 80% 40%,#293053 0%,transparent 43%),radial-gradient(circle at 20% 10%,#1a3d43 0%,transparent 35%)}.hero h1{font-size:clamp(61px,6vw,93px);font-weight:900}.hero h1 em{color:#c5ff8f}.hero-kicker{color:#b8ff78}.hero-display{gap:12px;transform:rotate(-1deg)}.visual-tile{border:1px solid rgba(255,255,255,.08)}.visual-tile--fish{background:linear-gradient(150deg,#177f7c,#123b63)}.visual-tile--stories{background:linear-gradient(140deg,#644ab5,#a84c94)}.visual-tile--news{background:linear-gradient(145deg,#445bb3,#1b4968)}.visual-art--fish{opacity:.8}.hero-display:after{color:#b8ff78}.topic-card{border-radius:19px;background:linear-gradient(155deg,#1d2643,#151c32)}.topic-symbol{background:#293955;border-radius:12px}.topic-card:nth-child(2) .topic-symbol{color:#ffc37e}.topic-card:nth-child(3) .topic-symbol{color:#e8a1ff}.topic-card:nth-child(4) .topic-symbol{color:#9fb6ff}.topic-card:nth-child(5) .topic-symbol{color:#ff9eae}.topic-name{font-weight:850}.post-card{border-radius:18px}.closing-banner{border-radius:22px}.closing-banner .button{background:#18251e;color:#b8ff78}.section-title{font-weight:900}.button-secondary{color:#fff}.footer-nav a:hover{color:#b8ff78}


/* === Pulse Mobile Edition | v1.1 === */
:root { color-scheme: dark; }
body { overflow-x: clip; }
.site-header { position: sticky; top: 0; z-index: 80; }
.hero-title-first { display:block; }
.mobile-quicklinks, .mobile-nav-search { display:none; }
.skip-link:focus { position:fixed; z-index:150; left:12px; top:12px; width:auto; height:auto; padding:12px 18px; background:var(--accent); color:#10192a; clip:auto; }
.post-cover img { width:100%; height:100%; object-fit:cover; }
.post-card a { display:block; height:100%; }
.post-card a:focus-visible, .topic-card:focus-visible, .visual-tile:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.entry-article { min-width:0; }
.entry-content { max-width:76ch; }
.entry-content :where(img,video,table,pre,iframe,figure) { max-width:100%; }
.entry-content table { display:block; overflow-x:auto; }
.entry-content :where(h2,h3) { scroll-margin-top:90px; }
.reader-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 13px; margin:30px 0 14px; background:var(--panel); border:1px solid var(--line); border-radius:13px; }
.reader-controls > span { color:var(--muted); font-weight:700; font-size:12px; }
.reader-size-buttons { display:flex; gap:7px; }
.reader-size-buttons button { min-width:44px; min-height:42px; background:#25304b; color:var(--text); border:1px solid var(--line-strong); border-radius:9px; font-weight:800; }
.reader-size-buttons button:hover { border-color:var(--accent); }
.reading-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:100; pointer-events:none; }
.reading-progress > span { display:block; height:100%; background:var(--accent); width:0; transition:width .12s linear; }
.ad-area, .ad-area .widget { max-width:100%; min-width:0; }
.ad-area iframe, .ad-area img, .ad-area video { max-width:100%; }
.mobile-nav-search .search-form { gap:8px; }
@media (min-width:951px) {
 .site-header { backdrop-filter: blur(12px); }
}
@media (max-width:950px) {
 .site-header { background:#0b1020; }
 .header-inner { height:70px; }
 .brand { min-width:0; }
 .brand-logo { flex:none; }
 .brand-name { overflow:hidden; text-overflow:ellipsis; }
 .menu-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; min-width:44px; border:1px solid var(--line-strong); padding:9px 12px; border-radius:12px; background:#1a233c; color:#f7faff; margin-left:auto; }
 .menu-toggle .ui-icon { width:20px; height:20px; }
 .menu-toggle__text { font-size:12px; font-weight:800; }
 .site-nav, .site-nav.open { top:calc(100% + 9px); left:12px; right:12px; padding:14px; border-radius:18px; border:1px solid var(--line-strong); background:#151d32; box-shadow:0 24px 50px rgba(0,0,0,.42); max-height:min(75vh,570px); overflow:auto; }
 .site-nav:not(.open) { display:none; }
 .site-nav .menu-list { gap:0; }
 .site-nav a:not(.nav-cta) { display:block; padding:13px 12px; font-size:15px; border-radius:9px; min-height:45px; }
 .site-nav a:not(.nav-cta):hover { background:#263451; }
 .site-nav .nav-cta { display:block; margin-top:9px; text-align:center; border-radius:11px; font-size:13px; min-height:46px; }
 .mobile-nav-search { display:block; padding-bottom:13px; margin-bottom:6px; border-bottom:1px solid var(--line); }
 .mobile-nav-search .search-form input[type=search] { background:#0e1428; min-height:46px; font-size:16px; }
 .mobile-nav-search .search-form input[type=submit] { min-height:46px; }
 .content-layout { gap:24px; }
 .hero h1 { font-size:clamp(52px,7.5vw,74px); }
}
@media (max-width:760px) {
 .container { width:calc(100% - 36px); }
 .header-inner { height:65px; }
 .brand-logo { width:35px; height:35px; font-size:21px; }
 .brand-name { font-size:21px; }
 .menu-toggle { padding:9px 11px; }
 .hero { padding:37px 0 31px; background:radial-gradient(circle at 83% 29%,#283356 0,transparent 55%),radial-gradient(circle at 0% 95%,#123636 0,transparent 49%); }
 .hero-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .hero-kicker { font-size:10px; letter-spacing:.11em; margin:0 0 17px; }
 .hero-kicker:before { width:16px; }
 .hero h1 { font-size:clamp(38px,10.25vw,54px); line-height:1.075; letter-spacing:-.06em; max-width:570px; margin:0 0 16px; }
 .hero-title-first { display:inline; }
 .hero-description { font-size:14px; line-height:1.65; max-width:480px; margin:0 0 18px; }
 .hero-actions { gap:9px; }
 .hero-actions .button { min-height:43px; padding:10px 13px; font-size:12px; border-radius:10px; gap:7px; }
 .hero-actions .button .ui-icon { width:15px; height:15px; }
 .hero-note { display:none; }
 .mobile-quicklinks { display:flex; overflow-x:auto; max-width:100%; gap:8px; padding:19px 0 0; scrollbar-width:none; white-space:nowrap; }
 .mobile-quicklinks::-webkit-scrollbar { display:none; }
 .mobile-quicklinks a { display:inline-flex; flex:none; align-items:center; min-height:39px; border:1px solid #3a4662; border-radius:50px; padding:7px 12px; font-size:11px; color:#dce5f4; background:#1b2540; }
 .hero-display { height:284px; gap:10px; transform:none; grid-template-columns:1.02fr .98fr; }
 .hero-display:after { right:-6px; top:-19px; font-size:31px; }
 .visual-tile { border-radius:15px; padding:15px; }
 .visual-kicker { font-size:9px; letter-spacing:.09em; }
 .visual-title { font-size:17px; line-height:1.12; }
 .visual-tile--fish .visual-title { font-size:22px; max-width:170px; }
 .visual-art--fish { width:130px; height:130px; top:46%; }
 .visual-art--fish:before { inset:16px; }
 .visual-art--fish:after { inset:32px; }
 .visual-art--fish svg { width:82px; height:82px; }
 .visual-art--stories svg, .visual-art--news svg { width:77px; height:77px; }
 .section { padding:44px 0; }
 .section-head { display:block; margin-bottom:19px; }
 .section-title { font-size:clamp(28px,7.8vw,36px); line-height:1.12; margin-top:7px; }
 .section-subtitle { font-size:13px; line-height:1.6; margin-top:9px; }
 .section-label { font-size:9px; letter-spacing:.16em; }
 .topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .topic-card { padding:15px; min-height:139px; border-radius:15px; }
 .topic-symbol { width:40px; height:40px; border-radius:11px; }
 .topic-symbol .ui-icon { width:22px; height:22px; }
 .topic-card:after { top:14px; right:15px; }
 .topic-name { margin:12px 0 4px; font-size:14px; letter-spacing:-.025em; }
 .topic-desc { font-size:10.5px; line-height:1.45; }
 .topic-card:last-child:nth-child(odd) { grid-column:1/-1; min-height:104px; padding-right:74px; }
 .topic-card:last-child:nth-child(odd) .topic-symbol { margin-bottom:0; }
 .topic-card:last-child:nth-child(odd) .topic-name { margin-top:7px; }
 .latest-section { padding-top:38px; }
 .latest-section .section-head { display:flex; align-items:end; justify-content:space-between; gap:7px; }
 .latest-section .text-link { font-size:10px; gap:5px; }
 .latest-section .text-link .ui-icon { width:14px; height:14px; }
 .post-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
 .post-card { border-radius:15px; }
 .post-card > a { display:grid; grid-template-columns:116px minmax(0,1fr); min-height:141px; }
 .post-cover { height:100%; min-height:141px; }
 .post-cover .cover-art { width:61px; height:61px; }
 .post-cover:after { width:100px; height:100px; right:-45px; top:-30px; }
 .post-info { min-width:0; padding:13px 13px 14px; display:flex; flex-direction:column; justify-content:center; }
 .card-meta { font-size:9px; line-height:1.3; letter-spacing:.11em; }
 .post-info h3 { font-size:16px; line-height:1.23; margin:8px 0 9px; overflow-wrap:anywhere; }
 .post-info p { display:none; }
 .post-date { font-size:10px; line-height:1.5; }
 .post-card:first-child > a { display:block; }
 .post-card:first-child .post-cover { height:181px; min-height:0; }
 .post-card:first-child .cover-art { width:90px; height:90px; }
 .post-card:first-child .post-info { display:block; padding:16px 17px 18px; }
 .post-card:first-child .post-info h3 { font-size:21px; margin:8px 0 7px; }
 .post-card:first-child .post-info p { display:block; font-size:12px; line-height:1.6; margin-bottom:7px; }
 .empty-state { padding:24px; }
 .section-feature { padding-top:30px; padding-bottom:42px; }
 .closing-banner { min-height:0; padding:25px; border-radius:16px; }
 .closing-banner h2 { font-size:27px; margin:7px 0 19px; }
 .closing-banner .button { min-height:44px; }
 .site-footer { padding:32px 0; }
 .footer-main .brand-name { font-size:21px; }
 .footer-nav, .footer-nav .menu-list { gap:13px; }
 .footer-nav a { display:inline-block; padding:5px 0; }
 .content-layout { padding-top:27px; padding-bottom:48px; }
 .entry-title { font-size:clamp(32px,8.8vw,42px); line-height:1.13; margin:11px 0 14px; }
 .article-eyebrow { font-size:10px; }
 .entry-meta { gap:9px 13px; font-size:11px; }
 .entry-image { margin:19px 0; border-radius:14px; }
 .entry-content { font-size:17px; line-height:1.88; letter-spacing:.003em; }
 .entry-content h2 { font-size:24px; }
 .entry-content h3 { font-size:20px; }
 .reader-controls { margin:23px 0 11px; }
 .post-navigation .nav-links { flex-direction:column; }
 .archive-top { padding:34px 0 16px; }
 .archive-top h1 { font-size:34px; }
 .pagination { flex-wrap:wrap; }
 .ad-area { margin-block:12px; }
}
@media (max-width:360px) {
 .container { width:calc(100% - 30px); }
 .brand-name { font-size:19px; }
 .menu-toggle__text { display:none; }
 .hero { padding-top:29px; }
 .hero h1 { font-size:clamp(34px,10.4vw,39px); }
 .hero-display { height:249px; }
 .visual-tile { padding:12px; }
 .visual-kicker { font-size:8px; }
 .visual-title { font-size:15px; }
 .visual-tile--fish .visual-title { font-size:19px; }
 .visual-art--fish { width:114px; height:114px; }
 .post-card > a { grid-template-columns:99px minmax(0,1fr); }
 .post-info { padding:11px; }
 .post-info h3 { font-size:15px; }
 .topic-card { padding:12px; }
 .topic-name { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *, *::before, *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; }
}