/*
Theme Name: KIMEIQ Editorial Visual v2 (Inactive Test)
Template: blocksy
Text Domain: kimeiq-editorial
Description: Editorial decision-media theme for KIMEIQ
Version: 1.0.2-visual2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

body{background:#f6f3ed;color:#111315;font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body>header.border-b{position:sticky;top:0;z-index:80;background:rgba(246,243,237,.94);backdrop-filter:blur(18px);border-color:#d9d5cd!important}body>header.border-b>.max-w-6xl{width:min(1180px,calc(100% - 40px));max-width:none!important;min-height:72px;padding:0!important;display:flex;align-items:center}body>header.border-b a.text-lg{font-size:25px!important;line-height:1;font-weight:950!important;letter-spacing:-.06em;text-decoration:none!important}body>header.border-b a.text-lg:after{content:"DECISION MEDIA";display:inline-block;margin-left:11px;color:#6f706f;font-size:9px;font-weight:900;letter-spacing:.16em;vertical-align:middle}body>header.border-b nav ul{gap:24px!important}body>header.border-b nav a{font-size:11px;font-weight:900;letter-spacing:.08em;text-decoration:none;position:relative}body>header.border-b nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#2457ff;transition:.2s}body>header.border-b nav a:hover:after{right:0}body>footer.border-t{margin-top:0!important;padding:56px 0 38px;background:#111315;color:#fff;border:0!important}body>footer.border-t>.max-w-6xl{width:min(1180px,calc(100% - 40px));max-width:none!important;padding:0!important;color:#929591!important;font-size:11px!important}body>footer.border-t>.max-w-6xl:before{content:"KIMEIQ";display:block;margin-bottom:18px;color:#fff;font-size:46px;font-weight:950;letter-spacing:-.06em}body>footer.border-t>.max-w-6xl:after{content:"調べる時間を、決める時間に。";display:block;margin-top:10px;color:#c6c8c4;font-size:13px;letter-spacing:.02em}@media(max-width:980px){body>header.border-b>.max-w-6xl{flex-wrap:wrap;padding:12px 0!important;gap:10px}body>header.border-b nav{display:block!important;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}body>header.border-b nav::-webkit-scrollbar{display:none}body>header.border-b nav ul{display:flex!important;flex-wrap:nowrap!important;gap:20px!important;white-space:nowrap;margin:0!important;padding:0 0 4px!important}}@media(max-width:640px){body>header.border-b>.max-w-6xl{width:calc(100% - 28px);min-height:62px}body>header.border-b a.text-lg:after{display:none}}
.kmq-home-hero{position:relative;overflow:hidden;padding:clamp(76px,11vw,144px) 0 82px;border-bottom:1px solid #d9d5cd;background:#f6f3ed}.kmq-home-hero:before{content:"DECISION / 001";display:block;width:min(1180px,calc(100% - 40px));margin:0 auto 22px;color:#2457ff;font-size:11px;font-weight:950;letter-spacing:.18em}.kmq-home-hero:after{content:"K";position:absolute;right:-4vw;top:-7vw;font-size:min(43vw,560px);font-weight:950;line-height:.9;letter-spacing:-.09em;color:rgba(36,87,255,.045);pointer-events:none}.kmq-home-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));max-width:none!important;margin:auto;padding:0!important;text-align:left!important}.kmq-home-title{max-width:960px;margin:0 0 30px!important;font-size:clamp(56px,8.4vw,116px)!important;line-height:.91!important;letter-spacing:-.078em!important;font-weight:950!important;color:#111315!important;text-wrap:balance}.kmq-home-deck{max-width:720px!important;margin:0!important;color:#454746!important;font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;font-size:clamp(18px,2vw,24px)!important;line-height:1.8!important}.kmq-home-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 84px}.kmq-home-content>.wp-block-group:first-child{display:none!important}.kmq-home-content>.wp-block-group:nth-of-type(2){padding:74px 0 24px!important;background:transparent!important}.kmq-home-content>.wp-block-group:nth-of-type(2) p{margin:0 0 8px!important;color:#ff6a2a!important;font-size:11px!important;font-weight:950!important;letter-spacing:.18em!important}.kmq-home-content>.wp-block-group:nth-of-type(2) h2{margin:0!important;font-size:clamp(38px,5vw,66px)!important;line-height:1!important;letter-spacing:-.06em!important;font-weight:950!important}.kmq-home-content>.wp-block-group:nth-of-type(3){position:relative;min-height:500px;margin:14px 0 72px!important;padding:clamp(34px,5vw,58px)!important;background:#111315!important;color:white!important;border-radius:0!important;overflow:hidden;box-shadow:10px 10px 0 #2457ff}.kmq-home-content>.wp-block-group:nth-of-type(3):after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-105px;bottom:-130px;background:#2457ff}.kmq-home-content>.wp-block-group:nth-of-type(3)>*{position:relative;z-index:2;max-width:800px}.kmq-home-content>.wp-block-group:nth-of-type(3)>p:first-child{color:#dfff3f!important;font-size:18px!important;line-height:1.45!important;letter-spacing:.08em!important;font-weight:950!important}.kmq-home-content>.wp-block-group:nth-of-type(3) h3{margin:90px 0 18px!important;color:white!important;font-size:clamp(36px,5vw,66px)!important;line-height:1.04!important;letter-spacing:-.055em!important}.kmq-home-content>.wp-block-group:nth-of-type(3) p{color:#d3d5d2!important;line-height:1.8!important}.kmq-home-content>.wp-block-group:nth-of-type(3) .wp-block-button__link{background:#dfff3f!important;color:#111315!important;border-radius:0!important;font-weight:950!important;box-shadow:5px 5px 0 #fff!important}.kmq-home-content>h2{margin:78px 0 30px!important;padding-top:22px;border-top:1px solid #111315;font-size:clamp(34px,4.7vw,58px)!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:950!important}
.kmq-home-content>.wp-block-columns{gap:0!important;margin:0!important;border-left:1px solid #111315;border-top:1px solid #111315}.kmq-home-content>.wp-block-columns+.wp-block-columns{border-top:0}.kmq-home-content>.wp-block-columns>.wp-block-column{margin:0!important}.kmq-home-content>.wp-block-columns .wp-block-group{min-height:210px!important;padding:26px!important;border-radius:0!important;border-right:1px solid #111315;border-bottom:1px solid #111315;background:transparent!important;transition:.2s}.kmq-home-content>.wp-block-columns .wp-block-group:hover{background:#dfff3f!important}.kmq-home-content>.wp-block-columns h3{margin:48px 0 10px!important;font-size:23px!important;letter-spacing:-.035em!important}.kmq-home-content>.wp-block-columns p{margin:0!important;color:#555754;line-height:1.7}.kmq-home-content>.wp-block-group:last-child{margin:78px 0 0!important;padding:46px!important;border-radius:0!important;background:#2457ff!important;color:white!important;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.kmq-home-content>.wp-block-group:last-child h3{margin:0!important;color:white!important;font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.05em!important}.kmq-home-content>.wp-block-group:last-child p{margin:0!important;color:#e8ecff!important;font-size:17px!important;line-height:1.9!important}@media(max-width:980px){.kmq-home-content>.wp-block-group:last-child{grid-template-columns:1fr}}@media(max-width:640px){.kmq-home-hero{padding:54px 0 42px}.kmq-home-hero:before,.kmq-home-hero-inner,.kmq-home-content{width:calc(100% - 28px)}.kmq-home-title{font-size:clamp(40px,11.5vw,48px)!important;line-height:.98!important;letter-spacing:-.06em!important;max-width:7.2em!important;text-wrap:balance!important;margin-bottom:24px!important}.kmq-home-deck{font-size:16px!important;line-height:1.85!important;max-width:25em!important}.kmq-home-content>.wp-block-group:nth-of-type(3){min-height:430px;padding:28px!important;box-shadow:6px 6px 0 #2457ff}.kmq-home-content>.wp-block-group:nth-of-type(3) h3{margin-top:58px!important;font-size:36px!important}.kmq-home-content>.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr!important}.kmq-home-content>.wp-block-columns .wp-block-group{min-height:180px!important;padding:18px!important}.kmq-home-content>.wp-block-columns h3{margin-top:40px!important;font-size:18px!important}.kmq-home-content>.wp-block-group:last-child{padding:30px!important}}
body.single main.flex-1>article.max-w-3xl{width:min(1140px,calc(100% - 40px));max-width:none!important;padding:0 0 90px!important;margin:0 auto!important}body.single main.flex-1>article>header.mb-10{margin:0 0 54px!important;padding:72px 0 58px;border-bottom:1px solid #d9d5cd;position:relative}body.single main.flex-1>article>header.mb-10:before{content:"KIMEIQ / EDITORIAL REVIEW";display:block;margin-bottom:18px;color:#2457ff;font-size:11px;font-weight:950;letter-spacing:.18em}body.single main.flex-1>article>header h1{max-width:980px!important;margin:0!important;font-size:clamp(44px,6.2vw,84px)!important;line-height:1.01!important;letter-spacing:-.067em!important;font-weight:950!important;text-wrap:balance}body.single main.flex-1>article>header p{margin-top:25px!important;color:#6f706f!important;font-size:11px!important;font-weight:850!important;letter-spacing:.09em!important}body.single .prose{max-width:760px!important;margin-left:180px!important;font-size:18px!important;line-height:1.92!important;color:#202322}body.single .prose p{margin:0 0 1.55em!important}body.single .prose h2{margin:76px 0 25px!important;padding-top:24px!important;border-top:1px solid #111315;font-size:clamp(32px,4vw,49px)!important;line-height:1.1!important;letter-spacing:-.052em!important;font-weight:950!important}body.single .prose h3{margin:40px 0 15px!important;font-size:25px!important;line-height:1.35!important;letter-spacing:-.035em!important;font-weight:900!important}body.single .prose ul,body.single .prose ol{margin:0 0 34px!important;padding-left:1.3em!important}body.single .prose li{margin:.58em 0!important;padding-left:.2em}body.single .prose a{color:#1738a6;text-decoration-thickness:1px;text-underline-offset:4px}body.single .prose table{width:100%!important;border-collapse:collapse!important;margin:30px 0 44px!important;background:#fffdf8!important;font-size:14px!important;line-height:1.55!important}body.single .prose th{padding:14px!important;background:#111315!important;color:#fff!important;border:1px solid #111315!important;text-align:left!important}body.single .prose td{padding:14px!important;border:1px solid #c9c5bd!important;vertical-align:top!important}body.single .prose tr:nth-child(even) td{background:#efeae1!important}
body.single .prose>div[style*="background:#f3f6f8"]{background:#dfff3f!important;border:0!important;border-radius:0!important;padding:30px 32px!important;margin:36px 0 42px!important;box-shadow:8px 8px 0 #111315!important}body.single .prose>div[style*="background:#f3f6f8"]>p:first-child{font-size:18px!important;line-height:1.45!important;letter-spacing:.08em!important;font-weight:950!important}body.single .prose>div[style*="background:#fff7e6"]{background:#fffdf8!important;border:1px solid #111315!important;border-radius:0!important;padding:28px!important;margin:42px 0!important;box-shadow:8px 8px 0 #2457ff!important}body.single .prose>div[style*="background:#172b3f"]{background:#111315!important;color:#fff!important;border-radius:0!important;padding:30px 32px!important;margin:46px 0 30px!important;box-shadow:8px 8px 0 #ff6a2a!important}body.single .prose a[rel*="sponsored"]{display:inline-flex!important;align-items:center;justify-content:center;min-height:50px;padding:13px 22px!important;background:#2457ff!important;color:#fff!important;border-radius:0!important;text-decoration:none!important;font-size:14px!important;font-weight:950!important;box-shadow:5px 5px 0 #111315!important;transition:.18s ease!important}body.single .prose a[rel*="sponsored"]:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #111315!important}body.single .prose p[style*="font-size:14px"]{padding:13px 15px!important;border-left:3px solid #ff6a2a!important;background:#ece8df!important;color:#5f605e!important;font-size:12px!important;line-height:1.7!important}body.single nav.max-w-3xl{width:min(760px,calc(100% - 40px));max-width:none!important;margin:0 auto!important;padding:36px 0 78px!important;border-top:1px solid #d9d5cd}body.single nav.max-w-3xl a{text-decoration:none!important;font-weight:850!important;line-height:1.45!important}@media(max-width:980px){body.single .prose{margin-left:0!important;max-width:800px!important}}@media(max-width:640px){body.single main.flex-1>article.max-w-3xl{width:calc(100% - 28px)}body.single main.flex-1>article>header.mb-10{padding:48px 0 38px!important;margin-bottom:38px!important}body.single main.flex-1>article>header h1{font-size:clamp(38px,11.5vw,58px)!important}body.single .prose{font-size:16px!important;line-height:1.9!important}body.single .prose h2{margin-top:58px!important;font-size:34px!important}body.single .prose h3{font-size:21px!important}body.single .prose table{min-width:620px!important}body.single .prose>div[style*="background:#f3f6f8"],body.single .prose>div[style*="background:#fff7e6"],body.single .prose>div[style*="background:#172b3f"]{padding:22px!important;box-shadow:5px 5px 0 #111315!important}}
/* KIMEIQ mobile UX, inline to avoid an extra blocking request. */
:where(a, button, input, select, textarea):focus-visible {
outline: 3px solid #2457ff;
outline-offset: 3px;
}
body.single main.flex-1>article>header p { color: #646763 !important; }
body.archive main.flex-1 article>p { color: #555754 !important; }
.kmq-latest {
width: min(1180px, calc(100% - 40px));
margin-inline: auto;
padding: 76px 0 94px;
}
.kmq-latest-head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #111315;
}
.kmq-latest-eyebrow {
margin: 0 0 10px;
color: #1738a6;
font-size: 12px;
font-weight: 900;
letter-spacing: .12em;
}
.kmq-latest-title {
margin: 0;
font-size: clamp(29px, 4.5vw, 52px);
line-height: 1.15;
letter-spacing: -.045em;
font-weight: 950;
}
.kmq-latest-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0 22px;
}
.kmq-latest-card {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 238px;
padding: 28px 3px 26px;
border-bottom: 1px solid #d9d5cd;
color: #111315;
text-decoration: none !important;
transition: background-color .15s ease, color .15s ease;
}
.kmq-latest-card:hover { color: #1738a6; background: #ece8df; }
.kmq-latest-card:focus-visible { outline-offset: -3px; }
.kmq-latest-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 14px;
margin-bottom: 17px;
color: #555754;
font-size: 12px;
font-weight: 750;
}
.kmq-latest-cat {
color: #1738a6;
font-weight: 900;
letter-spacing: .035em;
}
.kmq-latest-card-title {
margin: 0 0 12px;
font-size: clamp(20px, 2.5vw, 25px);
line-height: 1.42;
letter-spacing: -.035em;
overflow-wrap: anywhere;
}
.kmq-latest-excerpt {
margin: 0 0 17px;
color: #525655;
font-size: 14px;
line-height: 1.75;
overflow-wrap: anywhere;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.kmq-latest-more {
margin-top: auto;
align-self: flex-start;
color: #1738a6;
font-size: 13px;
font-weight: 900;
}
.kmq-latest-categories {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
padding-top: 25px;
}
.kmq-latest-categories-label {
margin-right: 8px;
font-size: 13px;
font-weight: 900;
}
.kmq-latest-categories a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 8px 14px;
border: 1px solid #111315;
color: #111315;
font-size: 12px;
font-weight: 800;
text-decoration: none;
}
.kmq-latest-categories a:hover { background: #dfff3f; }
.kmq-home-jump {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: min(1180px, calc(100% - 40px));
min-height: 44px;
margin: 24px auto 0;
color: #1738a6;
font-size: 14px;
font-weight: 900;
text-decoration: underline;
text-underline-offset: 5px;
}
@media (max-width: 900px) {
.kmq-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
body>header.border-b>.max-w-6xl { gap: 2px !important; }
body>header.border-b a.text-lg {
display: inline-flex;
align-items: center;
min-height: 44px;
}
body>header.border-b nav { width: 100%; }
body>header.border-b nav ul {
gap: 4px !important;
padding: 0 !important;
}
body>header.border-b nav a {
color: #1738a6;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 3px;
font-size: 12px !important;
letter-spacing: 0 !important;
}
body>header.border-b nav a:after { bottom: 3px; }
body.archive main.flex-1>header.max-w-4xl { padding-top: 40px !important; padding-bottom: 27px !important; }
body.archive main.flex-1>header h1 { font-size: 30px !important; line-height: 1.25 !important; }
body.archive main.flex-1>div.max-w-4xl { padding-top: 26px !important; padding-bottom: 52px !important; }
body.archive main.flex-1 article { padding-bottom: 32px !important; }
body.archive main.flex-1 article h2 { font-size: 23px !important; line-height: 1.4 !important; margin-bottom: 10px !important; }
body.archive main.flex-1 article h2 a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 4.2em;
overflow: hidden;
overflow-wrap: anywhere;
}
body.single main.flex-1>article>header.mb-10 { padding-top: 36px !important; padding-bottom: 29px !important; margin-bottom: 30px !important; }
body.single main.flex-1>article>header h1 {
font-size: clamp(32px, 9vw, 40px) !important;
line-height: 1.2 !important;
letter-spacing: -.045em !important;
overflow-wrap: anywhere;
}
body.single main.flex-1>article>header p { font-size: 12px !important; line-height: 1.6 !important; }
body.single .prose h2 { font-size: 28px !important; line-height: 1.35 !important; margin-top: 48px !important; }
body.single .prose h3 { font-size: 21px !important; line-height: 1.45 !important; }
.kmq-latest { width: calc(100% - 28px); padding: 54px 0 68px; }
.kmq-latest-head { align-items: start; }
.kmq-latest-title { font-size: 30px; }
.kmq-latest-grid { grid-template-columns: minmax(0,1fr); }
.kmq-latest-card { min-height: 0; padding: 24px 0 26px; }
.kmq-latest-card-title { font-size: 22px; }
.kmq-home-jump { width: calc(100% - 28px); }
}
body.single .prose .kmq-table-scroll {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body.single .prose .kmq-table-scroll:focus-visible {
outline: 3px solid #2457ff;
outline-offset: 3px;
}
body.single .prose .kmq-table-hint {
margin: 20px 0 7px !important;
color: #4b4d4d;
font-size: 12px;
font-weight: 800;
line-height: 1.6;
}
body.single .prose .kmq-table-hint[hidden] { display: none !important; }
body.single nav.max-w-3xl a,
body.archive main.flex-1 nav a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
@media (max-width: 640px) {
body.single .prose .kmq-table-scroll,
body.single .prose div[style*="overflow-x:auto"],
body.single .prose div[style*="overflow-x: auto"] {
max-width: 100%;
overscroll-behavior-inline: contain;
}
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto !important; }
.kmq-latest-card { transition: none; }
}
html {
scroll-behavior: smooth;
}
:root {
--kmq-ink: #111b23;
--kmq-paper: #f6f3ed;
--kmq-blue: #1738a6;
--kmq-lime: #dfff3f;
--kmq-rule: #dad8ce;
}
.kmq-story-card, .kmq-story-card *, .kmq-article *, .kmq-archive-grid * { box-sizing: border-box; }
.kmq-story-card { --story-bg:#dce5f0; --story-accent:#1738a6; display:block; min-width:0; border:1px solid var(--kmq-rule); border-radius:12px; background:#fffefa; color:var(--kmq-ink); overflow:hidden; text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease; }
.kmq-story-card:hover { color:var(--kmq-ink); transform:translateY(-2px); box-shadow:0 12px 32px #111b2317; }
.kmq-story-card:focus-visible { outline:3px solid #2457ff; outline-offset:3px; }
.kmq-tone-ai-tech { --story-bg:#dae9ff; --story-accent:#1738a6; }
.kmq-tone-new-service { --story-bg:#e5eed5; --story-accent:#235f43; }
.kmq-tone-money { --story-bg:#f6e8c9; --story-accent:#755018; }
.kmq-tone-product { --story-bg:#efdfe6; --story-accent:#8a2953; }
.kmq-story-media { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:100%; aspect-ratio:16/9; padding:16px 18px; overflow:hidden; background:var(--story-bg); color:var(--story-accent); }
.kmq-story-media:not(.kmq-story-has-image)::before { content:""; position:absolute; height:145%; aspect-ratio:1; border:1px solid currentColor; border-radius:50%; opacity:.22; inset:auto -25% -97% auto; pointer-events:none; }
.kmq-story-media:not(.kmq-story-has-image)::after { content:""; position:absolute; width:60%; aspect-ratio:1; border:1px solid currentColor; border-radius:50%; opacity:.16; top:-56%; left:38%; pointer-events:none; }
.kmq-story-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.kmq-story-visual-label { z-index:1; align-self:flex-start; font-size:13px; font-weight:950; letter-spacing:.16em; }
.kmq-story-visual-label span { font-weight:400; opacity:.7; }
.kmq-story-visual-mark { z-index:1; align-self:flex-end; font-size:clamp(46px,7vw,82px); font-weight:300; line-height:1; }
.kmq-story-body { display:flex; flex-direction:column; gap:12px; padding:22px; }
.kmq-story-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; font-size:11px; color:#535b62; font-weight:750; }
.kmq-story-topic { color:var(--story-accent); font-weight:900; letter-spacing:.045em; }
.kmq-story-title { margin:0!important; color:var(--kmq-ink); font-size:clamp(19px,2.2vw,23px)!important; line-height:1.48!important; letter-spacing:-.025em; overflow-wrap:anywhere; font-weight:850!important; }
.kmq-story-excerpt { color:#515960; font-size:13px; line-height:1.82; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.kmq-story-action { align-self:flex-start; display:inline-flex; align-items:center; gap:14px; margin-top:auto; color:#1738a6; font-size:13px; font-weight:900; }
.kmq-story-action span { font-size:19px; }
.kmq-latest-grid { gap:18px!important; }
.kmq-latest-grid .kmq-story-card:first-child { grid-column:span 2; }
.kmq-latest-grid .kmq-story-card:first-child .kmq-story-media { aspect-ratio:2.1; }
.kmq-latest-grid .kmq-story-card:first-child .kmq-story-title { font-size:clamp(24px,3.3vw,31px)!important; }
.kmq-archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
body.archive main.flex-1>.max-w-4xl { max-width:1150px!important; }
.kmq-archive-grid>.kmq-story-card { min-width:0; }
.kmq-section-head { border-top:2px solid #111b23; padding:22px 0 25px; }
.kmq-section-head>p { margin:0 0 8px; color:#1738a6; font-size:12px; font-weight:900; letter-spacing:.095em; }
.kmq-section-head>h2 { margin:0; font-size:clamp(25px,4vw,34px); font-weight:900; line-height:1.28; letter-spacing:-.05em; }
body.single .kmq-article-main { padding:0 20px 70px; }
body.single .kmq-article { width:min(100%,960px); max-width:960px; padding:0; margin:0 auto; }
body.single .kmq-article-header { max-width:860px; padding:56px 0 0; margin:0 auto 30px; }
body.single .kmq-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:22px; color:#596069; font-size:12px; font-weight:800; }
.kmq-article-category { display:inline-flex; align-items:center; min-height:44px; border-radius:100px; padding:8px 13px; background:#e5edff; color:#1738a6!important; font-size:11px; font-weight:900; text-decoration:none!important; }
.kmq-article-category:focus-visible { outline:3px solid #2457ff; outline-offset:3px; }
.kmq-article-meta-label { margin-left:auto; letter-spacing:.13em; font-size:10px; }
body.single .kmq-article-header h1 { margin:0; font-size:clamp(36px,5.4vw,60px)!important; line-height:1.25!important; font-weight:950; letter-spacing:-.05em; color:var(--kmq-ink); overflow-wrap:anywhere; }
.kmq-article-rule { margin-top:30px; width:100%; height:4px; background:#111b23; }
.kmq-article-rule span { display:block; width:82px; height:4px; background:var(--kmq-lime); }
.kmq-article-cover { margin:0 auto 32px; width:min(100%,860px); aspect-ratio:16/9; background:#e5edff; overflow:hidden; }
.kmq-article-cover-img { width:100%; height:100%; object-fit:cover; }
.kmq-takeaway { position:relative; width:min(100%,860px); margin:0 auto 35px; padding:30px 34px; border:1px solid #d9d5cd; border-left:6px solid #1738a6; border-radius:9px; background:#fffefa; }
.kmq-takeaway-eyebrow { margin:0 0 14px; color:#1738a6; font-size:12px; font-weight:950; letter-spacing:.1em; }
.kmq-takeaway-eyebrow span { color:#52585e; letter-spacing:0; }
.kmq-takeaway-text { margin:0 0 18px; font-size:clamp(17px,2.6vw,21px); font-weight:800; line-height:1.75; letter-spacing:-.02em; overflow-wrap:anywhere; }
.kmq-takeaway-link { display:inline-flex; align-items:center; min-height:44px; gap:12px; color:#1738a6; font-size:13px; font-weight:900; text-decoration:underline; text-underline-offset:4px; }
.kmq-reading-map { width:min(100%,860px); margin:0 auto 34px; border-radius:10px; padding:23px 27px; background:#eaece7; }
.kmq-reading-map[hidden] { display:none!important; }
.kmq-reading-map-title { margin:0 0 10px; font-size:11px; font-weight:950; color:#1738a6; letter-spacing:.08em; }
.kmq-reading-map-title span { color:#46515c; letter-spacing:0; }
.kmq-reading-map ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; row-gap:3px; padding-left:25px; margin:0; }
.kmq-reading-map li { font-size:13px; line-height:1.6; }
.kmq-reading-map li::marker { color:#1738a6; font-weight:900; }
.kmq-reading-map a { display:inline-flex; align-items:center; min-height:40px; padding:7px 2px; color:#1738a6; font-weight:750; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
body.single .kmq-reading-body { width:min(100%,780px); max-width:780px!important; margin:0 auto; font-size:16px; line-height:2.04; color:#28343b; overflow-wrap:anywhere; }
body.single .kmq-reading-body>p { margin-bottom:1.4em; }
body.single .kmq-reading-body>h2 { position:relative; margin:65px 0 24px; padding:15px 0 0 20px; border-top:2px solid #111b23; font-size:clamp(26px,3.8vw,34px)!important; line-height:1.48!important; letter-spacing:-.035em; font-weight:900; scroll-margin-top:26px; }
body.single .kmq-reading-body>h2::before { content:""; position:absolute; top:-2px; left:0; width:68px; height:4px; background:var(--kmq-lime); }
body.single .kmq-reading-body>h3 { font-size:clamp(20px,3vw,25px)!important; line-height:1.5!important; margin:38px 0 17px; font-weight:850; scroll-margin-top:26px; }
body.single .kmq-reading-body>ul, body.single .kmq-reading-body>ol { padding-left:1.5em; line-height:1.9; }
body.single .kmq-reading-body>blockquote { border-left:4px solid #1738a6; background:#eff3fb; padding:16px 22px; }
body.single .kmq-reading-body a:focus-visible { outline:3px solid #2457ff; outline-offset:3px; }
.kmq-affiliate-cta { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:12px; background:#e8f0e1; border:1px solid #bbcfb2; border-radius:12px; padding:24px 22px!important; margin:31px 0!important; line-height:1.5!important; }
.kmq-cta-eyebrow { color:#27563c; font-size:12px; font-weight:950; letter-spacing:.04em; }
body.single .prose .kmq-cta-action { display:flex!important; justify-content:center; align-items:center; width:100%; min-height:54px; padding:14px 17px!important; border-radius:8px!important; background:#1738a6!important; color:#fff!important; text-align:center; font-size:15px!important; font-weight:900!important; line-height:1.4!important; text-decoration:none!important; box-shadow:none; overflow-wrap:anywhere; }
body.single .prose .kmq-cta-action:hover { background:#102b80!important; }
body.single .prose .kmq-cta-action:focus-visible { outline:3px solid #2457ff!important; outline-offset:3px!important; }
.kmq-cta-footnote { color:#37473b; font-size:11px; line-height:1.65; text-align:center; }
.kmq-affiliate-cta img[width="1"] { position:absolute; width:1px; height:1px; bottom:0; right:0; pointer-events:none; }
.kmq-article-related { margin:76px auto 0; width:min(100%,960px); }
.kmq-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.kmq-article-next { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:min(100%,960px); margin:30px auto 0; }
.kmq-article-next a { display:flex; flex-direction:column; gap:8px; padding:16px 20px; min-height:82px; color:#1738a6; border:1px solid #d6d7d2; border-radius:9px; overflow-wrap:anywhere; text-decoration:none; }
.kmq-article-next a span { font-size:12px; font-weight:900; }
.kmq-article-next a strong { color:#1d272e; font-size:14px; line-height:1.5; }
.kmq-article-next a:focus-visible { outline:3px solid #2457ff; }
.kmq-article-comments { width:min(100%,780px); margin:30px auto; }
@media (max-width:900px) {
.kmq-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.kmq-latest-grid .kmq-story-card:first-child { grid-column:auto; }
.kmq-latest-grid .kmq-story-card:first-child .kmq-story-media { aspect-ratio:16/9; }
}
@media (max-width:640px) {
.kmq-story-card { border-radius:9px; }
.kmq-story-media { aspect-ratio:16/7.5; padding:13px 16px; }
.kmq-story-body { padding:18px; gap:10px; }
.kmq-story-title { font-size:21px!important; }
.kmq-latest-grid { gap:15px!important; }
.kmq-latest-grid .kmq-story-card:first-child .kmq-story-title { font-size:23px!important; }
.kmq-archive-grid, .kmq-related-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
body.single .kmq-article-main { padding:0 14px 56px; }
body.single .kmq-article-header { padding-top:30px; margin-bottom:22px; }
body.single .kmq-article-header h1 { font-size:clamp(30px,8.2vw,38px)!important; line-height:1.3!important; }
.kmq-article-meta { gap:9px; }
.kmq-article-meta-label { display:none; }
.kmq-article-rule { margin-top:23px; }
.kmq-takeaway { padding:23px 21px; margin-bottom:23px; }
.kmq-takeaway-text { font-size:17px; }
.kmq-reading-map { padding:20px; margin-bottom:25px; }
.kmq-reading-map ol { grid-template-columns:1fr; }
body.single .kmq-reading-body { font-size:16px; line-height:1.95; }
body.single .kmq-reading-body>h2 { padding-left:15px; font-size:26px!important; margin-top:48px; }
body.single .kmq-reading-body>h3 { font-size:21px!important; }
.kmq-affiliate-cta { padding:20px 16px!important; }
.kmq-article-related { margin-top:52px; }
.kmq-article-next { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) { .kmq-story-card { transition:none!important; transform:none!important; } }
body.single .kmq-reading-body.prose a[rel*="sponsored"].kmq-cta-action {
display:flex!important;
min-height:54px!important;
padding:14px 17px!important;
border-radius:8px!important;
background:#1738a6!important;
box-shadow:none!important;
font-size:15px!important;
font-weight:900!important;
}
body.single .kmq-reading-body.prose a[rel*="sponsored"].kmq-cta-action:hover { background:#102b80!important; }
body.single .kmq-reading-body.prose { margin:0 auto!important; max-width:780px!important; }
body.single .kmq-reading-body :is(h2,h3)[id] { scroll-margin-top: 104px; }
.kmq-reading-map a { min-height:44px; }
.kmq-archive-empty { padding:30px 27px; background:#fffefa; border:1px solid #d6d7d2; border-left:5px solid #1738a6; border-radius:10px; }
.kmq-archive-empty-eyebrow { margin:0 0 13px; color:#1738a6; font-weight:900; font-size:12px; letter-spacing:.12em; }
.kmq-archive-empty h2 { margin:0 0 10px; color:#111b23; font-size:clamp(22px,4vw,28px); font-weight:900; }
.kmq-archive-empty p:not(.kmq-archive-empty-eyebrow) { color:#495760; line-height:1.85; }
.kmq-archive-empty a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#1738a6; font-weight:850; text-decoration:underline; text-underline-offset:4px; }
.kmq-archive-empty a:focus-visible { outline:3px solid #2457ff; outline-offset:4px; }
.kmq-story-intent { align-self:flex-start; color:#1738a6; background:#e9eefa; border-radius:4px; font-size:11px; font-weight:850; line-height:1.5; padding:4px 9px; overflow-wrap:anywhere; }
.kmq-takeaway-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px; }
.kmq-takeaway-actions .kmq-takeaway-link { min-height:44px; }