/*
Theme Name: Stratos Research
Theme URI: https://stratos-research.com/
Author: Stratos Research
Description: Technology and business intelligence theme for Stratos Research.
Version: 0.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: stratos-research
*/

:root { --ink:#102235; --muted:#617080; --paper:#f5f7fa; --tech:#087ea4; --business:#8a6418; --white:#fff; --line:#dce3e9; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif; line-height:1.75; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1120px,calc(100% - 36px)); margin-inline:auto; }
.site-header { background:var(--ink); color:var(--white); padding:22px 0; }
.brand { font-family:Georgia,serif; font-size:clamp(1.35rem,3vw,2rem); letter-spacing:.08em; }
.tagline { margin:2px 0 0; color:#b9c7d4; font-size:.82rem; }
.hero { padding:64px 0 36px; }
.eyebrow { color:var(--muted); text-transform:uppercase; letter-spacing:.18em; font-size:.75rem; }
h1 { max-width:850px; margin:.25em 0; font-family:Georgia,"Noto Serif JP",serif; font-size:clamp(2rem,5vw,4rem); line-height:1.15; }
.headline-line { display:block; }
.lead { max-width:720px; color:var(--muted); font-size:1.05rem; }
.portals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:20px 0 56px; }
.portal { min-height:270px; padding:32px; color:var(--white); border-radius:4px; box-shadow:0 16px 40px #10223520; transition:transform .2s ease; }
.portal:hover { transform:translateY(-4px); }
.portal.tech { background:linear-gradient(145deg,#075d7b,var(--tech)); }
.portal.business { background:linear-gradient(145deg,#60440f,var(--business)); }
.portal h2 { margin:.25em 0; font-family:Georgia,"Noto Serif JP",serif; font-size:clamp(1.7rem,3vw,2.5rem); }
.portal .arrow { display:inline-block; margin-top:22px; font-weight:700; }
.section { padding:48px 0; border-top:1px solid var(--line); }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.section h2 { margin:0; font-family:Georgia,"Noto Serif JP",serif; font-size:2rem; }
.posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.card { background:var(--white); padding:24px; border:1px solid var(--line); }
.card time { color:var(--muted); font-size:.78rem; }
.card h3 { margin:.4em 0; line-height:1.45; }
.content { background:var(--white); margin:40px auto; padding:clamp(24px,5vw,64px); max-width:900px; }
.site-footer { background:#0b1825; color:#aebbc7; margin-top:64px; padding:30px 0; font-size:.85rem; }
@media (max-width:760px) { .portals,.posts { grid-template-columns:1fr; } .hero { padding-top:42px; } .portal { min-height:220px; } }