/*
Theme Name: frommetoyou
Theme URI: https://frommetoyou.jp
Author: from me to you Inc.
Author URI: https://frommetoyou.co.jp
Description: ブランド・エディトリアル型ライフステージ導線プラットフォーム。保育・介護・美容・葬儀・ギフトの5つのサービスをつなぐ、frommetoyou の公式テーマ。
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: Private
Text Domain: frommetoyou
Tags: business, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options
*/

/* === CSS変数（Customizer から動的に上書き） === */
:root {
    --fmt-primary:     #0066cc;
    --fmt-cyan:        #00d4ff;
    --fmt-dark:        #003d80;
    --fmt-light-cyan:  #e0f7ff;
    --fmt-text:        #1a1a1a;
    --fmt-muted:       #666666;
    --fmt-white:       #ffffff;
    --fmt-bg:          #f9fafb;
    --fmt-font-body:   'Noto Sans JP', sans-serif;
    --fmt-font-display:'Playfair Display', serif;
    --fmt-radius:      12px;
    --fmt-shadow:      0 8px 24px rgba(0,0,0,0.08);
}

/* === リセット === */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
    font-family: var(--fmt-font-body);
    color: var(--fmt-text);
    background: var(--fmt-white);
    overflow-x: hidden;
    line-height: 1.7;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }

/* === タイポグラフィ === */
h1, h2, h3, h4, h5 {
    font-family: var(--fmt-font-display);
    line-height: 1.3;
}

/* === ユーティリティ === */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
}

.section-padding { padding: 6rem 0; }

.btn {
    display: inline-block;
    padding: 0.9rem 2.2rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    font-family: var(--fmt-font-body);
}

.btn-primary {
    background: linear-gradient(135deg, var(--fmt-primary), var(--fmt-cyan));
    color: var(--fmt-white);
    box-shadow: 0 8px 24px rgba(0,102,204,0.25);
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(0,102,204,0.35);
}

.btn-outline {
    background: transparent;
    color: var(--fmt-primary);
    border: 2px solid var(--fmt-primary);
}

.btn-outline:hover {
    background: var(--fmt-light-cyan);
}

.section-title {
    font-size: 2.4rem;
    color: var(--fmt-text);
    margin-bottom: 1rem;
}

.section-subtitle {
    font-size: 1.05rem;
    color: var(--fmt-muted);
    font-weight: 300;
}

/* === ヘッダー === */
#site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,212,255,0.1);
    transition: box-shadow 0.3s ease;
}

#site-header.scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 5%;
    max-width: 1400px;
    margin: 0 auto;
}

.site-logo img { height: 44px; width: auto; }

.site-logo-text {
    font-size: 1.8rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--fmt-primary), var(--fmt-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.main-nav ul {
    display: flex;
    gap: 2.5rem;
    align-items: center;
}

.main-nav a {
    font-size: 0.95rem;
    color: var(--fmt-muted);
    position: relative;
    transition: color 0.3s;
}

.main-nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--fmt-primary), var(--fmt-cyan));
    transition: width 0.3s;
}

.main-nav a:hover,
.main-nav .current-menu-item a { color: var(--fmt-primary); }
.main-nav a:hover::after,
.main-nav .current-menu-item a::after { width: 100%; }

.header-cta .btn { padding: 0.6rem 1.6rem; font-size: 0.88rem; }

/* ハンバーガー */
.nav-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 4px;
    background: none;
    border: none;
}

.nav-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--fmt-text);
    transition: all 0.3s ease;
}

.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* === ヒーロー === */
#hero {
    margin-top: 72px;
    padding: 7rem 5% 5rem;
    text-align: center;
    background: linear-gradient(160deg, #fff 0%, var(--fmt-light-cyan) 60%, #fff 100%);
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-inner { max-width: 700px; margin: 0 auto; }

.hero-eyebrow {
    font-size: 0.85rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--fmt-primary);
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.hero-title {
    font-size: 3.4rem;
    margin-bottom: 1.5rem;
    color: var(--fmt-text);
    line-height: 1.25;
}

.hero-subtitle {
    font-size: 1.2rem;
    color: var(--fmt-muted);
    margin-bottom: 1rem;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.hero-description {
    font-size: 1rem;
    color: var(--fmt-muted);
    line-height: 1.9;
    margin-bottom: 3rem;
    font-weight: 300;
}

.hero-buttons {
    display: flex;
    gap: 1.2rem;
    justify-content: center;
    flex-wrap: wrap;
}

.hero-scroll {
    margin-top: 4rem;
    color: var(--fmt-cyan);
    font-size: 1.5rem;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(8px); }
}

/* === サービス === */
#services {
    padding: 6rem 0;
    background: linear-gradient(135deg, #f9fafb, var(--fmt-light-cyan), #f9fafb);
}

.services-header {
    text-align: center;
    margin-bottom: 4rem;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2rem;
}

.service-card {
    background: var(--fmt-white);
    border-radius: var(--fmt-radius);
    padding: 2.5rem 2rem;
    text-align: center;
    box-shadow: var(--fmt-shadow);
    border-top: 4px solid transparent;
    transition: all 0.35s ease;
}

.service-card:hover {
    transform: translateY(-8px);
    border-top-color: var(--fmt-cyan);
    box-shadow: 0 16px 40px rgba(0,102,204,0.14);
}

.service-icon { font-size: 3rem; margin-bottom: 1.2rem; }

.service-card h3 {
    font-size: 1.4rem;
    color: var(--fmt-dark);
    margin-bottom: 0.8rem;
}

.service-card p {
    color: var(--fmt-muted);
    font-size: 0.95rem;
    line-height: 1.75;
    margin-bottom: 1.8rem;
}

.service-card .btn {
    padding: 0.7rem 1.8rem;
    font-size: 0.9rem;
}

/* === ブランドストーリー === */
#brand-story { padding: 6rem 0; }

.story-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
}

.story-text h2 { font-size: 2.2rem; margin-bottom: 2rem; }

.story-text p {
    color: var(--fmt-muted);
    font-size: 1rem;
    line-height: 1.9;
    margin-bottom: 1.2rem;
    font-weight: 300;
}

.story-visual {
    background: linear-gradient(135deg, var(--fmt-primary), var(--fmt-cyan));
    border-radius: 20px;
    padding: 4rem 3rem;
    color: white;
    text-align: center;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.story-visual-icon { font-size: 4rem; margin-bottom: 1.5rem; }
.story-visual h3 { font-size: 1.8rem; margin-bottom: 1rem; }
.story-visual p { opacity: 0.9; font-weight: 300; }

/* === ライフステージタイムライン === */
#lifecycle { padding: 5rem 0; background: #f9fafb; }

.lifecycle-header { text-align: center; margin-bottom: 4rem; }

.lifecycle-timeline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    position: relative;
}

.lifecycle-timeline::before {
    content: '';
    position: absolute;
    top: 35px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: linear-gradient(90deg, var(--fmt-primary), var(--fmt-cyan));
    z-index: 0;
}

.lifecycle-item {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 1;
}

.lifecycle-dot {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: white;
    border: 3px solid var(--fmt-cyan);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.8rem;
    box-shadow: 0 4px 12px rgba(0,102,204,0.15);
    transition: all 0.3s ease;
}

.lifecycle-item:hover .lifecycle-dot {
    background: var(--fmt-light-cyan);
    transform: scale(1.1);
}

.lifecycle-name {
    font-weight: 600;
    color: var(--fmt-dark);
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
}

.lifecycle-age {
    font-size: 0.78rem;
    color: var(--fmt-muted);
}

/* === CTA バナー === */
#cta-banner {
    padding: 5rem 0;
    background: linear-gradient(135deg, var(--fmt-primary), var(--fmt-cyan));
    text-align: center;
    color: white;
}

.cta-inner h2 {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    color: white;
}

.cta-inner p {
    font-size: 1.05rem;
    opacity: 0.95;
    margin-bottom: 2.5rem;
    font-weight: 300;
}

.btn-white {
    background: white;
    color: var(--fmt-primary);
}

.btn-white:hover {
    background: var(--fmt-light-cyan);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.2);
}

/* === フッター === */
#site-footer {
    background: var(--fmt-dark);
    color: white;
    padding: 4rem 0 2rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 3rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-col h4 {
    font-family: var(--fmt-font-body);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 1.2rem;
    color: var(--fmt-cyan);
}

.footer-col p {
    color: rgba(255,255,255,0.75);
    font-size: 0.9rem;
    line-height: 1.8;
    font-weight: 300;
}

.footer-col ul li { margin-bottom: 0.6rem; }

.footer-col ul li a {
    color: rgba(255,255,255,0.75);
    font-size: 0.9rem;
    transition: color 0.3s;
}

.footer-col ul li a:hover { color: white; }

.footer-bottom {
    text-align: center;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
}

.footer-logo {
    font-size: 1.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--fmt-primary), var(--fmt-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
}

/* === スクロールアニメーション === */
.fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* === レスポンシブ === */
@media (max-width: 1024px) {
    .story-grid { grid-template-columns: 1fr; gap: 3rem; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .hero-title { font-size: 2.2rem; }
    .section-title { font-size: 1.8rem; }
    .main-nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: white; padding: 1.5rem 5%; border-bottom: 1px solid var(--fmt-light-cyan); }
    .main-nav.open { display: block; }
    .main-nav ul { flex-direction: column; gap: 1.2rem; }
    .nav-toggle { display: flex; }
    .lifecycle-timeline { flex-wrap: wrap; gap: 2rem; }
    .lifecycle-timeline::before { display: none; }
    .lifecycle-item { min-width: 100px; }
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
    .services-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .hero-buttons { flex-direction: column; align-items: center; }
}


/* Brand hub identity refresh. Existing layout color variables stay unchanged. */
#site-header .site-logo.fmt-brand-logo { flex-shrink:0; min-width:0; }
.fmt-brand-lockup {
  display:inline-flex;
  align-items:center;
  gap:12px;
  max-width:100%;
  text-decoration:none;
  color:#003d80;
}
.fmt-brand-lockup__symbol { display:block; width:50px; height:50px; border-radius:50%; flex-shrink:0; object-fit:contain; }
.fmt-brand-lockup__text { display:flex; flex-direction:column; min-width:0; gap:4px; line-height:1.05; white-space:nowrap; }
.fmt-brand-lockup__text strong { color:#003d80; font-family:'Noto Sans JP',sans-serif; font-weight:800; font-size:clamp(17px,1.8vw,25px); letter-spacing:-.055em; }
.fmt-brand-lockup__text small { font-family:'Noto Sans JP',sans-serif; color:#6B7F93; font-size:11px; letter-spacing:.22em; font-weight:500; }
.fmt-brand-lockup:hover, .fmt-brand-lockup:focus-visible { text-decoration:none; }
#site-footer .fmt-brand-lockup { margin-bottom:12px; }
#site-footer .fmt-brand-lockup__symbol { width:46px; height:46px; }
#site-footer .fmt-brand-lockup__text strong { color:#FFF; font-size:19px; }
#site-footer .fmt-brand-lockup__text small { color:#B8DCF2; }
@media(max-width:768px) {
  #site-header .header-inner { gap:12px; }
  #site-header .fmt-brand-lockup { gap:8px; }
  #site-header .fmt-brand-lockup__symbol { width:40px; height:40px; }
  #site-header .fmt-brand-lockup__text strong { font-size:clamp(15px,3.8vw,20px); }
  #site-header .fmt-brand-lockup__text small { font-size:9px; letter-spacing:.15em; }
}
@media(max-width:365px) {
  #site-header .fmt-brand-lockup__symbol { width:35px; height:35px; }
  #site-header .fmt-brand-lockup__text strong { font-size:14px; }
}


/* ────────────────────────────────────────────────────────────
   v1.1.0 Editorial homepage; inherits existing site color variables
   --fmt-primary / --fmt-cyan / --fmt-dark, without changing values.
   ──────────────────────────────────────────────────────────── */
.fmt-editorial{font-family:var(--fmt-font-body);color:#183145}
.fmt-editorial h1,.fmt-editorial h2,.fmt-editorial h3{font-family:var(--fmt-font-body);letter-spacing:-.055em}
.fmt-editorial-section{padding:100px 0;scroll-margin-top:94px}
.fmt-editorial-kicker,.fmt-editorial-overline{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--fmt-primary);margin:0 0 18px}
.fmt-editorial-kicker{display:flex;align-items:center;gap:9px}
.fmt-editorial-kicker span{display:block;height:7px;width:7px;border-radius:50%;background:var(--fmt-cyan);box-shadow:0 0 0 5px rgba(0,212,255,.12)}
.fmt-editorial-hero{position:relative;overflow:hidden;margin-top:72px;background:linear-gradient(120deg,#fff 10%,var(--fmt-light-cyan) 75%,#f6fdff 100%);padding:90px 0 66px}
.fmt-editorial-hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;min-height:485px;align-items:center}
.fmt-editorial-hero__text{position:relative;z-index:2}
.fmt-editorial-hero h1{font-size:clamp(38px,4vw,66px);font-weight:900;line-height:1.35;color:var(--fmt-dark);margin:0 0 24px}
.fmt-editorial-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fmt-editorial-hero__intro{font-size:15px;color:#4d667b;line-height:2.1;max-width:540px;margin:0 0 30px}
.fmt-editorial-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.fmt-editorial-primary,.fmt-editorial-outline{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:51px;padding:13px 22px;border-radius:9px;text-decoration:none;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}
.fmt-editorial-primary{background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));color:#fff;box-shadow:0 9px 22px rgba(0,102,204,.16)}
.fmt-editorial-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 11px 27px rgba(0,102,204,.24)}
.fmt-editorial-outline{color:var(--fmt-dark);border:1px solid #b9dfe9;background:#fff}
.fmt-editorial-outline:hover{color:var(--fmt-primary);border-color:var(--fmt-cyan);transform:translateY(-2px)}
.fmt-editorial-hero__note{font-size:11px;color:#6b8798;margin-top:34px}
.fmt-editorial-hero__graphic{height:480px;position:relative;isolation:isolate}
.fmt-editorial-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.fmt-editorial-orbit--one{height:430px;width:430px;border:1px dashed #9bcddf}
.fmt-editorial-orbit--two{height:320px;width:320px;background:radial-gradient(circle,#cdf1ff,#e8faff44 72%);border:1px solid #c1e6f0}
.fmt-editorial-hero__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:218px;width:218px;border-radius:50%;background:#fff;box-shadow:0 15px 48px rgba(0,102,204,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;z-index:2}
.fmt-editorial-hero__core img{height:94px;width:94px;border-radius:50%}
.fmt-editorial-hero__core strong{font-size:16px;font-weight:900;color:var(--fmt-dark);letter-spacing:-.055em}
.fmt-editorial-hero__core small{font-size:9px;letter-spacing:.15em;color:#60889d}
.fmt-editorial-node{position:absolute;z-index:3;min-width:91px;box-shadow:0 8px 25px rgba(0,102,204,.12);border:1px solid #d2e9f4;border-radius:11px;background:#fff;padding:13px 19px;text-align:center;font-size:15px;font-weight:800;color:var(--fmt-dark)}
.fmt-editorial-node--1{top:37px;left:0}
.fmt-editorial-node--2{top:70px;right:0}
.fmt-editorial-node--3{top:224px;right:-4px}
.fmt-editorial-node--4{bottom:11px;right:84px}
.fmt-editorial-node--5{bottom:64px;left:0}
.fmt-editorial-quicknav{background:#fff;border-bottom:1px solid #daedf5}
.fmt-editorial-quicknav__inner{display:flex;gap:26px;align-items:center;min-height:66px}
.fmt-editorial-quicknav__inner>span{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--fmt-primary);margin-right:8px}
.fmt-editorial-quicknav a{font-size:12px;font-weight:700;color:#43677e;white-space:nowrap}
.fmt-editorial-quicknav a:hover{color:var(--fmt-primary)}
.fmt-editorial-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:40px}
.fmt-editorial-section-head h2{font-size:clamp(30px,3.3vw,44px);line-height:1.4;font-weight:900;color:var(--fmt-dark);margin:0 0 11px}
.fmt-editorial-section-head h2 span{color:var(--fmt-primary)}
.fmt-editorial-section-head p:not(.fmt-editorial-overline){font-size:13px;color:#60778c;line-height:1.8}
.fmt-editorial-textlink{font-size:12px;font-weight:800;color:var(--fmt-primary);white-space:nowrap}
.fmt-editorial-stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fmt-editorial-story{min-width:0;background:#fff;border:1px solid #dfeaf2;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.fmt-editorial-story:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,85,145,.1)}
.fmt-editorial-story--lead{grid-column:span 2;grid-row:span 2}
.fmt-editorial-story a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.fmt-editorial-story__image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));overflow:hidden}
.fmt-editorial-story--lead .fmt-editorial-story__image{aspect-ratio:16/9}
.fmt-editorial-story__image img{height:100%;width:100%;object-fit:cover}
.fmt-editorial-story__placeholder{height:100%;padding:18px;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:11px}
.fmt-editorial-story__placeholder b{font-size:clamp(40px,5vw,90px);font-weight:900;text-align:right;line-height:1;opacity:.85}
.fmt-editorial-story__body{padding:19px;display:flex;flex:1;flex-direction:column}
.fmt-editorial-story__meta{display:flex;gap:15px;color:#778da0;font-size:10px;letter-spacing:.08em;font-weight:800;margin:0 0 10px}
.fmt-editorial-story h3{font-size:16px;line-height:1.65;font-weight:800;color:var(--fmt-dark);margin:0 0 12px;overflow-wrap:anywhere}
.fmt-editorial-story--lead h3{font-size:24px}
.fmt-editorial-story__body>p:not(.fmt-editorial-story__meta){font-size:12px;color:#6c8091;line-height:1.9;margin:0 0 18px}
.fmt-editorial-story__more{font-size:12px;font-weight:800;color:var(--fmt-primary);margin-top:auto}
.fmt-editorial-empty{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:38px;border:1px solid #cceaf4;border-radius:16px;background:linear-gradient(125deg,#fff,var(--fmt-light-cyan))}
.fmt-editorial-empty h3{font-size:22px;color:var(--fmt-dark);margin:0 0 12px}
.fmt-editorial-empty p:not(.fmt-editorial-overline){font-size:13px;color:#61798b;line-height:1.8}
.fmt-editorial-topics{background:#f4fbff}
.fmt-editorial-topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.fmt-editorial-topic{grid-column:span 2;min-height:251px;border:1px solid #d8eaf3;border-radius:16px;position:relative;overflow:hidden;background:#fff;padding:24px;display:flex;flex-direction:column;color:var(--fmt-dark);transition:transform .2s,border-color .2s}
.fmt-editorial-topic:nth-child(4),.fmt-editorial-topic:nth-child(5){grid-column:span 3;min-height:216px}
.fmt-editorial-topic:hover{color:var(--fmt-dark);border-color:var(--fmt-cyan);transform:translateY(-4px)}
.fmt-editorial-topic__top{display:flex;justify-content:space-between;color:var(--fmt-primary);font-size:10px;font-weight:800;letter-spacing:.11em}
.fmt-editorial-topic__top span:last-child{font-size:19px}
.fmt-editorial-topic__icon{font-size:34px;font-weight:800;color:var(--fmt-primary);margin:14px 0 8px;line-height:1}
.fmt-editorial-topic h3{font-size:23px;font-weight:900;color:var(--fmt-dark);margin:0 0 10px}
.fmt-editorial-topic p{font-size:12px;color:#647d90;line-height:1.8;margin:0 0 22px}
.fmt-editorial-topic__link{margin-top:auto;color:var(--fmt-primary);font-size:12px;font-weight:800}
.fmt-editorial-topic__link b{margin-left:8px}
.fmt-editorial-scenes{background:#fff}
.fmt-editorial-scene-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fmt-editorial-scene-grid a{min-width:0;border:1px solid #dceaf3;background:linear-gradient(160deg,#fff,#f4fbff);border-radius:13px;padding:23px 17px;display:flex;flex-direction:column;gap:12px;min-height:178px;position:relative;transition:border-color .2s,transform .2s}
.fmt-editorial-scene-grid a:hover{border-color:var(--fmt-cyan);transform:translateY(-3px)}
.fmt-editorial-scene-grid span{font-size:9px;color:var(--fmt-primary);letter-spacing:.09em;font-weight:800}
.fmt-editorial-scene-grid strong{font-size:17px;line-height:1.5;color:var(--fmt-dark);font-weight:900}
.fmt-editorial-scene-grid small{font-size:11px;color:#597489}
.fmt-editorial-scene-grid i{font-style:normal;position:absolute;right:18px;bottom:18px;color:var(--fmt-primary)}
.fmt-editorial-about{background:linear-gradient(145deg,#f3fbff,var(--fmt-light-cyan))}
.fmt-editorial-about__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.fmt-editorial-about h2{font-size:clamp(29px,3vw,43px);line-height:1.5;color:var(--fmt-dark);font-weight:900;margin:0 0 22px}
.fmt-editorial-about h3{font-size:17px;color:var(--fmt-dark);margin:24px 0 9px}
.fmt-editorial-about__copy>p:not(.fmt-editorial-overline){font-size:13px;color:#526b80;line-height:2;margin:0 0 12px}
.fmt-editorial-about__panel{min-height:335px;border:1px solid #bbdef1;border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#fff;box-shadow:0 16px 42px rgba(0,102,204,.08)}
.fmt-editorial-about__panel img{height:100px;width:100px;border-radius:50%}
.fmt-editorial-about__panel span{font-size:10px;color:var(--fmt-primary);letter-spacing:.2em;font-weight:800}
.fmt-editorial-about__panel strong{font-size:30px;font-weight:900;color:var(--fmt-dark);line-height:1.45;text-align:center}
.fmt-editorial-about__panel small{font-size:9px;letter-spacing:.1em;color:#59748a;text-align:center}
.fmt-editorial-closing{background:linear-gradient(120deg,var(--fmt-primary),var(--fmt-cyan));padding:67px 0;color:#fff}
.fmt-editorial-closing__inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.fmt-editorial-closing .fmt-editorial-overline{color:#e3faff}
.fmt-editorial-closing h2{font-size:clamp(28px,3vw,39px);margin:0 0 10px;font-weight:900;color:#fff}
.fmt-editorial-closing p:not(.fmt-editorial-overline){font-size:12px;line-height:1.9;color:#fff}
.fmt-editorial-closing__links{display:flex;flex-direction:column;gap:11px;min-width:180px}
.fmt-editorial-closing__links a{background:#fff;color:var(--fmt-dark);border-radius:9px;text-align:center;padding:14px 20px;font-weight:800;font-size:12px}
.fmt-editorial-closing__links a:hover{color:var(--fmt-primary)}
@media(max-width:1024px){
.fmt-editorial-hero__inner{gap:20px}
.fmt-editorial-hero__graphic{transform:scale(.88);transform-origin:center}
.fmt-editorial-scenes .fmt-editorial-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fmt-editorial-about__inner{gap:32px}
}
@media(max-width:768px){
.fmt-editorial-hero{padding:72px 0 40px;margin-top:65px}
.fmt-editorial-hero__inner{grid-template-columns:1fr;gap:0}
.fmt-editorial-hero h1{font-size:clamp(35px,7.7vw,52px)}
.fmt-editorial-hero__graphic{height:360px;transform:scale(.75);margin:-18px 0 -28px}
.fmt-editorial-quicknav__inner{gap:18px;overflow-x:auto;min-height:56px}
.fmt-editorial-quicknav__inner>span{display:none}
.fmt-editorial-section{padding:75px 0}
.fmt-editorial-stories{grid-template-columns:repeat(2,minmax(0,1fr))}
.fmt-editorial-story--lead{grid-column:span 2;grid-row:span 1}
.fmt-editorial-topic{grid-column:span 3}
.fmt-editorial-topic:nth-child(4),.fmt-editorial-topic:nth-child(5){grid-column:span 3}
.fmt-editorial-about__inner{grid-template-columns:1fr}
.fmt-editorial-about__panel{min-height:270px}
}
@media(max-width:540px){
.fmt-editorial-hero{padding:63px 0 36px}
.fmt-editorial-hero h1{font-size:clamp(33px,9vw,43px)}
.fmt-editorial-hero__intro{font-size:13px}
.fmt-editorial-hero__graphic{height:282px;max-width:330px;width:100%;margin:22px auto 0;transform:none}
.fmt-editorial-orbit--one{width:275px;height:275px}
.fmt-editorial-orbit--two{width:205px;height:205px}
.fmt-editorial-hero__core{width:144px;height:144px}
.fmt-editorial-hero__core img{width:54px;height:54px}
.fmt-editorial-hero__core strong{font-size:12px}
.fmt-editorial-hero__core small{font-size:7px}
.fmt-editorial-node{min-width:65px;padding:8px 10px;font-size:11px}
.fmt-editorial-node--1{left:0;top:10px}
.fmt-editorial-node--2{right:0;top:18px}
.fmt-editorial-node--3{right:0;top:145px}
.fmt-editorial-node--4{right:67px;bottom:0}
.fmt-editorial-node--5{left:0;bottom:43px}
.fmt-editorial-section-head{display:block}
.fmt-editorial-section-head h2{font-size:29px}
.fmt-editorial-textlink{display:inline-block;margin-top:15px}
.fmt-editorial-stories{gap:12px}
.fmt-editorial-story__body{padding:13px}
.fmt-editorial-story--lead h3{font-size:21px}
.fmt-editorial-story h3{font-size:14px}
.fmt-editorial-story__body>p:not(.fmt-editorial-story__meta){font-size:11px}
.fmt-editorial-topic-grid{grid-template-columns:1fr;gap:12px}
.fmt-editorial-topic,.fmt-editorial-topic:nth-child(4),.fmt-editorial-topic:nth-child(5){grid-column:span 1;min-height:185px;padding:22px}
.fmt-editorial-topic__icon{margin:7px 0;font-size:27px}
.fmt-editorial-scenes .fmt-editorial-scene-grid{grid-template-columns:1fr 1fr;gap:10px}
.fmt-editorial-scene-grid a{padding:16px;min-height:155px}
.fmt-editorial-scene-grid strong{font-size:15px}
.fmt-editorial-empty{padding:23px;flex-direction:column;align-items:flex-start}
.fmt-editorial-closing__inner{display:block}
.fmt-editorial-closing__links{margin-top:25px}
}
@media(max-width:350px){.fmt-editorial-scenes .fmt-editorial-scene-grid{grid-template-columns:1fr}}

/* Editorial article/archive view: retain standard WordPress permalinks */
.fmt-editorial-pages{padding:135px 0 100px;background:#fff;min-height:65vh}
.fmt-editorial-article,.fmt-editorial-archive{max-width:890px;margin:0 auto}
.fmt-editorial-breadcrumb{font-size:11px;line-height:1.8;color:#678195;margin-bottom:38px}
.fmt-editorial-breadcrumb a{color:var(--fmt-primary)}
.fmt-editorial-breadcrumb span{padding:0 10px}
.fmt-editorial-article__head h1,.fmt-editorial-archive>h1{font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.55;color:var(--fmt-dark);margin:0 0 20px}
.fmt-editorial-article__date{font-size:12px;color:#6b8397}
.fmt-editorial-article__cover{margin:32px 0}
.fmt-editorial-article__cover img{width:100%;height:auto;border-radius:16px}
.fmt-editorial-article__body{line-height:2;font-size:16px;overflow-wrap:anywhere}
.fmt-editorial-article__body p{margin:0 0 1.7em}
.fmt-editorial-article__body h2{font-size:28px;color:var(--fmt-dark);margin:2.1em 0 .8em}
.fmt-editorial-article__body h3{font-size:22px;color:var(--fmt-dark);margin:1.7em 0 .7em}
.fmt-editorial-article__body a{color:var(--fmt-primary);text-decoration:underline}
.fmt-editorial-article__body ul,.fmt-editorial-article__body ol{list-style:revert;padding-left:1.6em;margin-bottom:1.6em}
.fmt-editorial-article__body img{max-width:100%;height:auto}
.fmt-editorial-article__neighbors{border-top:1px solid #d8e9f2;display:flex;justify-content:space-between;margin-top:60px;padding-top:28px;gap:20px}
.fmt-editorial-article__neighbors a{color:var(--fmt-primary);font-size:13px;font-weight:800}
.fmt-editorial-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0}
.fmt-editorial-archive .fmt-editorial-story h2{font-size:17px;line-height:1.6;font-weight:800;color:var(--fmt-dark);margin:0 0 12px}
.fmt-editorial-archive .navigation.pagination{text-align:center;margin-top:35px}
.fmt-editorial-archive .page-numbers{display:inline-block;padding:8px 13px;color:var(--fmt-primary)}
@media(max-width:768px){.fmt-editorial-pages{padding:105px 0 70px}.fmt-editorial-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.fmt-editorial-archive__grid{grid-template-columns:1fr}.fmt-editorial-article__body{font-size:15px}.fmt-editorial-article__body h2{font-size:23px}}


/* v1.2.0 — editorial magazine layout. Site palette remains unchanged. */
.fmt-magazine{font-family:var(--fmt-font-body);color:#18314a;background:#fff}
.fmt-magazine h1,.fmt-magazine h2,.fmt-magazine h3{font-family:var(--fmt-font-body);letter-spacing:-.045em}
.fmt-magazine-topline{margin-top:78px;background:var(--fmt-dark);color:#fff}
.fmt-magazine-topline>.container{display:flex;justify-content:space-between;gap:15px;padding-top:10px;padding-bottom:10px;font-size:10px;letter-spacing:.1em}
.fmt-magazine-topline span:first-child{font-weight:800}
.fmt-magazine-lead{padding:65px 0 55px;background:#fff}
.fmt-magazine-kicker{color:var(--fmt-primary);letter-spacing:.15em;font-weight:800;font-size:11px;margin:0 0 15px}
.fmt-magazine-heading{margin-bottom:38px}
.fmt-magazine-heading h1{font-size:clamp(36px,4.6vw,68px);color:var(--fmt-dark);line-height:1.33;font-weight:900;margin:0 0 14px}
.fmt-magazine-heading h1 em{font-style:normal;background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fmt-magazine-heading>p:last-child{font-size:14px;color:#657c91;line-height:1.9;margin:0}
.fmt-magazine-feature-grid{display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:repeat(2,1fr);gap:18px;align-items:stretch}
.fmt-magazine-feature{background:#fff;border:1px solid #daeaf2;border-radius:13px;overflow:hidden;min-width:0;box-shadow:0 6px 22px rgba(0,55,120,.04)}
.fmt-magazine-feature:hover{box-shadow:0 14px 34px rgba(0,55,120,.12)}
.fmt-magazine-feature a{display:flex;height:100%;color:inherit;text-decoration:none}
.fmt-magazine-feature--main{grid-row:span 2}
.fmt-magazine-feature--main a{flex-direction:column}
.fmt-magazine-feature--side a{flex-direction:row}
.fmt-magazine-feature__visual{position:relative;background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));overflow:hidden;flex-shrink:0}
.fmt-magazine-feature--main .fmt-magazine-feature__visual{aspect-ratio:16/9}
.fmt-magazine-feature--side .fmt-magazine-feature__visual{width:42%;min-height:145px}
.fmt-magazine-feature__visual img{width:100%;height:100%;object-fit:cover}
.fmt-magazine-feature__visual-brand{color:white;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:20px;font-size:13px;font-weight:800}
.fmt-magazine-feature__visual-brand b{align-self:flex-end;font-size:72px;opacity:.7;line-height:1}
.fmt-magazine-feature__pill{position:absolute;bottom:12px;left:12px;border-radius:5px;background:#fff;color:var(--fmt-dark);font-size:10px;font-weight:900;padding:6px 9px}
.fmt-magazine-feature__body{display:flex;flex-direction:column;flex:1;padding:20px 22px;min-width:0}
.fmt-magazine-feature__body time{font-size:10px;color:#748da0;letter-spacing:.1em}
.fmt-magazine-feature__body h2{font-size:17px;font-weight:900;line-height:1.65;color:var(--fmt-dark);margin:10px 0;overflow-wrap:anywhere}
.fmt-magazine-feature--main .fmt-magazine-feature__body h2{font-size:clamp(21px,2vw,29px)}
.fmt-magazine-feature__body>p{font-size:12px;line-height:1.8;color:#678094;margin:0 0 17px}
.fmt-magazine-feature__body>span{font-size:12px;color:var(--fmt-primary);font-weight:800;margin-top:auto}
.fmt-magazine-opening{display:grid;grid-template-columns:1.2fr 1fr;border-radius:18px;overflow:hidden;background:#f1fbff;border:1px solid #d6eaf3;min-height:338px}
.fmt-magazine-opening__art{display:flex;flex-direction:column;justify-content:space-between;padding:30px 37px;background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));color:#fff;overflow:hidden}
.fmt-magazine-opening__art span{font-size:clamp(30px,4vw,49px);line-height:1.45;font-weight:900}
.fmt-magazine-opening__art b{font-size:90px;line-height:1;align-self:flex-end;opacity:.75}
.fmt-magazine-opening__text{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:40px}
.fmt-magazine-opening__text h2{font-size:26px;color:var(--fmt-dark);font-weight:900;margin:0 0 15px}
.fmt-magazine-opening__text p:not(.fmt-magazine-kicker){font-size:13px;line-height:2;color:#59748a;margin:0 0 20px}
.fmt-magazine-opening__text a{font-size:13px;font-weight:800;color:var(--fmt-primary)}
.fmt-magazine-topics-nav{background:#f3faff;border-top:1px solid #d8edf5;border-bottom:1px solid #d8edf5}
.fmt-magazine-topics-nav>.container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:16px;padding-bottom:16px}
.fmt-magazine-topics-nav__label{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--fmt-primary);margin-right:16px}
.fmt-magazine-topics-nav a{padding:8px 15px;border-radius:50px;border:1px solid #d2e5f0;background:#fff;color:var(--fmt-dark);font-size:12px;font-weight:800}
.fmt-magazine-topics-nav a:hover{border-color:var(--fmt-cyan)}
.fmt-magazine-topics-nav a span{color:var(--fmt-primary)}
.fmt-magazine-section{padding:94px 0;scroll-margin-top:110px}
.fmt-magazine-section-head{margin-bottom:37px}
.fmt-magazine-section-head h2{font-size:clamp(29px,3.2vw,44px);font-weight:900;color:var(--fmt-dark);margin:0 0 13px}
.fmt-magazine-section-head p:not(.fmt-magazine-kicker){color:#617a8c;font-size:13px;line-height:1.8;margin:0}
.fmt-magazine-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.fmt-magazine-article{border-radius:12px;overflow:hidden;border:1px solid #dce8f2;min-width:0;background:#fff}
.fmt-magazine-article a{display:block;height:100%;text-decoration:none;color:inherit}
.fmt-magazine-article__cover{aspect-ratio:16/10;background:linear-gradient(135deg,var(--fmt-primary),var(--fmt-cyan));position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:19px}
.fmt-magazine-article__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fmt-magazine-article__cover span{font-weight:700;font-size:11px;letter-spacing:.12em}
.fmt-magazine-article__cover b{font-size:55px;line-height:1;align-self:flex-end}
.fmt-magazine-article__info{padding:21px}
.fmt-magazine-article__info>span{font-size:10px;color:var(--fmt-primary);letter-spacing:.09em;font-weight:800}
.fmt-magazine-article__info h3{font-size:16px;font-weight:900;line-height:1.65;color:var(--fmt-dark);margin:10px 0;overflow-wrap:anywhere}
.fmt-magazine-article__info p{font-size:12px;line-height:1.8;color:#6a8194;margin:0}
.fmt-magazine-empty{background:#f5fbff;padding:30px;border-radius:12px;border:1px solid #d4e7f0;color:#60788a;font-size:13px}
.fmt-magazine-empty p{margin-bottom:13px}
.fmt-magazine-empty a{color:var(--fmt-primary);font-weight:800}
.fmt-magazine-guides{background:#f3faff}
.fmt-magazine-guide-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.fmt-magazine-guide-grid a{display:flex;flex-direction:column;gap:11px;position:relative;padding:27px 21px;border-radius:13px;border:1px solid #d6e8f1;background:#fff;min-height:205px}
.fmt-magazine-guide-grid a:hover{border-color:var(--fmt-cyan)}
.fmt-magazine-guide-grid small{font-size:10px;color:var(--fmt-primary);font-weight:800;letter-spacing:.08em}
.fmt-magazine-guide-grid strong{font-size:18px;line-height:1.55;font-weight:900;color:var(--fmt-dark)}
.fmt-magazine-guide-grid span{font-size:11px;line-height:1.7;color:#637d91}
.fmt-magazine-guide-grid b{position:absolute;right:17px;bottom:14px;color:var(--fmt-primary)}
.fmt-magazine-network{background:#fff}
.fmt-magazine-network-list{border-top:2px solid var(--fmt-dark)}
.fmt-magazine-network-list a{display:grid;grid-template-columns:48px 1.3fr 1.7fr 30px;gap:16px;align-items:center;border-bottom:1px solid #d9e8f1;min-height:90px;padding:16px 18px}
.fmt-magazine-network-list a:hover{background:#f4fbff}
.fmt-magazine-network-list__no{font-size:11px;font-weight:900;color:var(--fmt-primary)}
.fmt-magazine-network-list__title{font-size:20px;font-weight:900;color:var(--fmt-dark)}
.fmt-magazine-network-list__title small{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--fmt-primary);margin-left:12px}
.fmt-magazine-network-list__description{color:#61788c;font-size:12px}
.fmt-magazine-network-list__arrow{text-align:right;color:var(--fmt-primary);font-size:18px}
.fmt-magazine-editor-note{background:var(--fmt-dark);color:#fff;padding:63px 0}
.fmt-magazine-editor-note>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}
.fmt-magazine-editor-note .fmt-magazine-kicker{color:var(--fmt-cyan)}
.fmt-magazine-editor-note h2{font-size:31px;font-weight:900;color:#fff;margin:0 0 12px}
.fmt-magazine-editor-note p:not(.fmt-magazine-kicker){font-size:12px;line-height:1.8;color:#d4e4f0;max-width:560px}
.fmt-magazine-editor-note a{background:#fff;color:var(--fmt-dark);border-radius:9px;padding:14px 20px;font-size:12px;white-space:nowrap;font-weight:800}
@media(max-width:980px){
.fmt-magazine-feature-grid{grid-template-columns:1.2fr 1fr}
.fmt-magazine-feature--side a{flex-direction:column}
.fmt-magazine-feature--side .fmt-magazine-feature__visual{width:100%;min-height:130px;aspect-ratio:16/8}
.fmt-magazine-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:750px){
.fmt-magazine-topline{margin-top:68px}
.fmt-magazine-lead{padding:45px 0}
.fmt-magazine-feature-grid{display:block}
.fmt-magazine-feature{margin-bottom:15px}
.fmt-magazine-feature--main .fmt-magazine-feature__visual{aspect-ratio:16/9}
.fmt-magazine-feature--side a{flex-direction:row}
.fmt-magazine-feature--side .fmt-magazine-feature__visual{width:40%;min-height:130px;aspect-ratio:auto}
.fmt-magazine-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fmt-magazine-opening{grid-template-columns:1fr}
.fmt-magazine-opening__art{min-height:200px}
.fmt-magazine-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fmt-magazine-section{padding:70px 0}
.fmt-magazine-network-list a{grid-template-columns:32px 1fr 22px;min-height:72px}
.fmt-magazine-network-list__description{grid-column:2;grid-row:2}
.fmt-magazine-network-list__arrow{grid-column:3;grid-row:1}
.fmt-magazine-editor-note>.container{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
.fmt-magazine-topline>.container span:last-child{display:none}
.fmt-magazine-heading h1{font-size:36px}
.fmt-magazine-heading>p:last-child{font-size:13px}
.fmt-magazine-feature--side .fmt-magazine-feature__visual{width:36%}
.fmt-magazine-feature--side .fmt-magazine-feature__body{padding:13px}
.fmt-magazine-feature--side .fmt-magazine-feature__body h2{font-size:14px}
.fmt-magazine-feature__visual-brand{font-size:10px;padding:12px}
.fmt-magazine-feature__visual-brand b{font-size:36px}
.fmt-magazine-article-grid{grid-template-columns:1fr}
.fmt-magazine-guide-grid{grid-template-columns:1fr}
.fmt-magazine-guide-grid a{min-height:120px}
.fmt-magazine-topics-nav__label{width:100%}
.fmt-magazine-topics-nav a{font-size:11px}
.fmt-magazine-opening__text{padding:25px}
.fmt-magazine-network-list__title small{display:block;margin:4px 0 0}
}

/* Editorial topics: reader-friendly emoji markers, keep approved site palette. */
.fmt-magazine-guide-icon {
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:14px;
  background:var(--fmt-light-cyan);
  border:1px solid rgba(0,102,204,.09);
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:28px;line-height:1;flex-shrink:0;
  margin-bottom:5px;
}
@media(max-width:480px){.fmt-magazine-guide-icon{width:48px;height:48px;font-size:26px}}