@charset "UTF-8";
@font-face{font-family:"Angkor";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/angkor-v35.ttf") format("truetype")}
/* ----------------------------------
BASE RAYOUT SET
---------------------------------- */
main {float: left;width: 100%;margin: 0 -260px 25px 0;}
aside {float: right;width: 240px;margin-top: 10px;}
article {width: 100%;margin: 0 0 10px;}
#pageTop{
	color:#fff;font-size: x-small;background:#222;border-radius:5px;position:fixed;
    padding:7px 10px 7px 10px;bottom:20px;right:10px;text-decoration: none;}
#pageTop:hover{background:#aaa;}

/* ----------------------------------
RESPONSIVE GRID DESIGN
---------------------------------- */
/* 画面の横幅が450pxx以下でサイドバーを隠す */
@media screen and (max-width: 449px) {	
	#wrap {width: 100%;}
	#main {width: 100%;}
	#content{margin: 0}
	main{width: 100%}
	article .box h4 {font-size: 1.0em}
	nav {line-height:2.6em;}
	.screen_pc {display:none;}
	.search input[type="text"] {width: 50px;}
	.search {width:95px;height:28px;}
	.box {width: 98.8%;}
	.box .img{width:100px;height:90px;margin-right:10px;}
	}
/* 画面の横幅が720px以上 【1ブロック】*/
@media screen and (min-width: 450px) {
	#wrap {width: 600px; margin: 0 auto;}
	#content {margin: 0 260px 0 0;}
	.screen_sp {display:none;}
	.icons {display:none;}
	.box {width: 98.95%;}
	.search input[type="text"] {width: 50px;}
	.search {width:95px;height:28px;}
	nav {line-height:2.5em;}
	}
/* 画面の横幅が720px以上 【2ブロック】*/
@media screen and (min-width: 700px) {
	#wrap {width: 720px;}
	#icons {margin: auto 160px 22px auto;}
	.icons {display:block;}
	.box {width: calc(50% - 10px);}
	.search input[type="text"] {width: 100px;}
	.search {width:145px;height:28px;}	
	}
/* 画面の横幅が945px以上 【3ブロック】 */
@media screen and (min-width: 950px) {
	#wrap {width: 980px;}
	.box {width: calc(50% - 10px);}
	}
/* 画面の横幅が1310pxx以上 【4ブロック】 */
@media screen and (min-width: 1170px) {
	#wrap {width: 1170px;}
	.box {width: calc(33.333% - 10px);}
	}
	

/* ----------------------------------
HEADER DESIGN
---------------------------------- */
/* SNS */
#sns {float:left;}
#sns-twitter,#sns-facebook,#sns-line,#sns-pocket,#sns-hatena {
	float:left;margin:0px;padding:0px 5px 0px 0px;display:block;}	
/* 新着表示 */
#view>a{text-decoration: none;}
#view>a>p.newview{
	font-size:12px; color:#2096cd;background:#FFF;overflow:hidden;box-sizing:border-box;
	top: 10px; width:100%; border:2px solid #77caf0; 
	border-radius: 5px;margin:0px 0px 5px 0px; padding:5px 10px 5px 10px;}
#view>a>p.newview:hover{
	color:#2096cd;background:#eee;cursor:pointer;border:2px solid #2096cd;}
#view>a>p.newview:before{
 	content: "\f021";font-family: "FontAwesome"; font-size: 12px;	
 	color: #2096cd; padding-right:0.3em;text-decoration: none;}	
/* POSTティッカー */	
.ticker{
	width:100%; height:30px; background:#FFF; position:relative; 
	border-radius: 5px; overflow:hidden;margin-bottom:5px;}
.ticker>.bn-title{
	width:auto; height:30px; display:inline-block; 
	background:#2096cd; position:relative;}
.ticker>.bn-title>h2{
	font-family: 'Oswald', sans-serif;font-size:12px; font-weight: normal;
	display:inline-block; margin:0; padding:0 15px; 
	line-height:30px; color:#FFF; height:30px; box-sizing:border-box;}
.ticker>.bn-title>span{
	width: 0;position:absolute;right:-5px;top:10px;height: 0;
	border-style: solid;border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #2096cd;}
.ticker>ul{
	padding:0; margin:0; list-style:none; position:absolute;
	left:70px; top:0; right:30px; height:30px; font-size:12px;}
.ticker>ul>li{
	z-index: 1; position:absolute; height:30px; width:100%; 
	line-height:30px; display:none;}
.ticker>ul>li>a{
	text-decoration:none; color:#222; overflow:hidden; display:block; 
	white-space: nowrap; text-overflow: ellipsis; font-weight:normal;}
.ticker>ul>li>a:hover{text-decoration: underline;color:#2096cd;}
.ticker>ul>li>a>span{color:#2096cd;}

/* ----------------------------------
BASE ITEM DESIGN
---------------------------------- */
p { margin: 5px 0px; }	
.line {margin: 4px 0;border-bottom: 1px dashed #ccc;}
.lineb {margin: 4px 0;border-bottom: 1px dashed #ddd;}
.alert{color:red;font-weight:bold;}
.cap {
	font-size: 11px; margin: 5px 0; padding: 10px;
	border: 1px solid #b5b5b5;border-radius: 10px;}

/*　テーブル　*/		
table{width:100%;margin: 5px 0px;border-collapse:collapse;}
td{border:1px solid #ffffff;padding:5px; font-size: 11px;color:#666;}
td.l_Cel{width:120px;}
.t-line tr:nth-child(odd) td {background-color: #f0f0f0;}
.t-line tr:nth-child(even) td {background-color: #ddd;}	

/*　リスト表示設定　*/	
.grid {
	width:auto; overflow:hidden; list-style:none;
	margin: 0 -1% 10px; padding: 0;
	letter-spacing: -0.4em;}
.grid li {
	width: 100%; display: inline-block; vertical-align: top;
	margin: 0 1% 0; padding: 10px 0px 10px 0px;
	letter-spacing: normal;border-bottom: 1px dashed #ccc}
.grid a.tag{color:#999;padding:0px 5px;cursor:pointer;}
.grid a.tag:before{
	content: "\f00d"; font-family: "FontAwesome";
  	padding-right:0.2em; padding-right:0.3em;}
.grid a.tag:hover{color:#fff;background:#999}	
.grid .option{
	position: absolute;top:10px;
	bottom:0;float:right; width:100px;background:#eee;}
.list_img {
	float: left; margin-right:10px;width:80px;height:80px;
	border: 1px solid #ccc; background-size: cover;
	background-repeat: no-repeat; background-position:center top;}
.list_txt {margin: 0; padding: 0; overflow:auto; zoom:1;}


@media screen and (min-width: 700px) {
	.list_img {width:60px;height:60px;}
	.grid li {width: 48.15%;}
	}
@media screen and (min-width: 950px) {
	.list_img {width:60px;height:60px;}
	.grid li {width: 31.3333%;}
	}

/* SNS表示 */
article .snscnt{float:left;}
article .snscnt img {
	width: 15px;height: 15px;
	margin-top:1px;margin-right: 2px;
	float: left; vertical-align: middle;}
article .snscnt span {
	float: left; font-size: 0.9em;background: #ddd;
	padding: 2px 5px 2px 5px; margin-right: 5px;
	border-radius: 3px; vertical-align: middle;}

/* 下部オプション表示 */
article .option{text-align: center;padding:0;}
article .option a{color: #000;}
article .option a:hover{color: #ba0000;text-decoration:none;}
	
/* コミュニケーション */		
article .cm_plus.on,.cm_minus.on{color:#ffc400;}
article .cm_comment,.cm_minus,.cm_plus,.cm_favo{
	font-size: 12px;padding:0 0.4em 0 0.4em}
article .cm_favo:before{
	content: "\f005"; font-family: "FontAwesome";
  	padding-right:0.5em;}
article .cm_comment:before{
	content: "\f27a"; font-family: "FontAwesome";
  	padding-right:0.5em;}	
article .cm_plus:before{
	content: "\f164"; font-family: "FontAwesome";
  	padding-right:0.3em;}
article .cm_minus:before{
	content: "\f165"; font-family: "FontAwesome";
  	padding-right:0.3em;}
/* ----------------------------------
BOX SET
---------------------------------- */
/*　1カラム（段・グリッド）の基本設定　*/
article .box {
	/* CSS3のbox-sizingを使用できない場合は、
	widthからpaddingとborderの値をマイナスして計算する */
	background-color: #fff; padding:14px; margin:5px;
	border:1px solid #e2e5e9;border-radius:10px;
	box-shadow:0 2px 8px rgba(0,0,0,.06);
	float:left; overflow:hidden; word-break:break-all;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
	box-sizing:border-box;}
article .boxftr{margin-top:5px;padding-top:5px;bottom:0;width:100%;}	
article .box img {
	width:100%; height:auto; display:block; margin: 2px 0;}
article .img {
	float: left;margin-bottom: 8px;width: 100%;height:200px;
	border:0;border-radius:7px;background-position:center center;
	background-size: cover;background-repeat:no-repeat;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
	box-sizing:border-box;}
article .box h4 {
	font-size: 1.25em;line-height: 1.55;
	word-break: break-all;margin: 0px;}
article .bar {
	color: #fff; font-size:10px; 
	height: 16px;margin-bottom: 5px;}
article time {
	float: left; padding:2px 5px;
	display:inline-block; font-size:10px; 
	line-height: 1.2em;}
article time:before {
	content: "\f017"; font-family: "FontAwesome";
	padding-right:0.2em;}	
article .num {
	display:inline-block; 
	color:#fff; background: #999; 
	float: right; padding:2px 5px; 
	font-size:10px; line-height: 1.2em;}
		
/* タグ */
article .lazy {color:#666;}
article .base .tag2 a{color:#666;}
article .tag,.tag2 {
	border: 1px solid #666; color:#666;display:inline-block; 
	border-radius: 3px;font-size:10px; line-height: 1.6em;
	padding:2px 5px 0px 5px; margin: 0px 3px 3px 0px; overflow: hidden; 
	text-overflow: ellipsis; white-space: nowrap; max-width: 140px;}
article .tag:hover,.tag2:hover,.lazy:hover {
	background:#eee; text-decoration:none;}
		
/* BANボタン */
.closebtn {display:none;position:absolute;}
.closebtn:before {
	font-size:1.2em;top:-1px;right:-5px;position:absolute;
	content: "\f057"; font-family: "FontAwesome";
	background:#fff;padding: 0px 3px}		
/* ----------------------------------
PAGE SET
---------------------------------- */
article .base{
	padding: 15px; background: #fff;margin: 5px 0px 5px 0px;border-radius:5px;
	word-break: break-all; overflow:hidden;}
article .base h4 {
	font-size: 1.6em;line-height:1.4em;border-bottom: 1px solid #ccc;
	word-break: break-all;margin: 0px 0px 10px 0px;padding-bottom:5px;}		
article .base h5{
	font-family: 'Oswald', sans-serif;font-size: 20px;
	font-weight: normal;margin: -5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;}
article .base .button{margin-top:20px;} 	
article .recommend{float:left;}

/* 2026 OCI layout: fixed-width/float conflicts are normalized here. */
html {box-sizing:border-box;}
*, *::before, *::after {box-sizing:inherit;}
body {margin:0;padding:20px;}
#wrap {
	display:grid;width:min(1180px, 100%);height:auto;margin:0 auto;
	grid-template-columns:minmax(0, 1fr) 250px;gap:22px;align-items:start;
}
main,#main {float:none;width:auto;margin:0;min-width:0;}
#content {margin:0;min-width:0;}
aside {float:none;width:auto;margin:0;min-width:0;}
.site-header {
	display:flex;float:none;position:relative;align-items:center;justify-content:space-between;
	gap:24px;width:100%;height:auto;min-height:92px;margin:0 0 14px;padding:16px 20px;
}
.brand {display:block;flex:0 1 360px;min-width:180px;}
#logo {
	display:block;position:static;width:300px;height:58px;margin:0;padding:0;
	background-position:left center;background-size:contain;
	font-size:0;color:transparent;
}
.header-tools {display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
#icons {position:static;width:auto;height:auto;margin:0;font-size:1.45rem;}
#icons .icons {display:flex;align-items:center;gap:8px;}
.search {position:static;width:auto;height:auto;margin:0;}
.search form {display:flex;align-items:stretch;}
.search input[type="search"] {
	width:230px;min-width:0;padding:9px 11px;border:1px solid #d5d9de;border-radius:7px 0 0 7px;
	background:#fff;-webkit-appearance:none;
}
.site-overview {
	dis:flex;display:flex;align-items:center;justify-content:space-between;gap:20px;
	margin:0 0 14px;padding:16px 18px;color:#fff;
	background:linear-gradient(120deg,#b30c27 0%,#d21a38 55%,#191c22 100%);
	border-radius:10px;box-shadow:0 7px 18px rgba(130,0,25,.18);
}
.site-overview strong {display:block;font-size:18px;line-height:1.4;}
.site-overview span {display:block;margin-top:3px;font-size:12px;opacity:.86;}
.site-overview ul {display:flex;gap:8px;margin:0;padding:0;list-style:none;white-space:nowrap;}
.site-overview li {padding:6px 9px;border:1px solid rgba(255,255,255,.34);border-radius:999px;font-size:11px;background:rgba(0,0,0,.16);}
.search button {height:auto;margin:0;padding:8px 12px;border-radius:0 7px 7px 0;line-height:1;}
.screen-reader-text {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
nav {display:flex;float:none;flex-wrap:wrap;gap:6px;width:100%;margin:10px 0 16px;line-height:1.2;}
nav a,nav .tag,nav .home,.menu,.about,.favo,.block,.post,.contact {display:inline-flex;align-items:center;padding:8px 10px;}
#sns {display:flex;float:none;align-items:center;gap:6px;margin:8px 0;min-height:30px;}
#pagemenu {margin:8px 0 12px;}
.move {margin:0;text-align:right;}
article .box {margin:5px;}
article .box {position:relative;border-top:5px solid var(--category-color,#c8102e);transition:transform .18s ease,box-shadow .18s ease;}
article .box:hover {transform:translateY(-3px);box-shadow:0 11px 24px rgba(18,22,28,.14);}
article .box .bar {margin:-14px -14px 10px;padding:5px 9px;height:25px;background:var(--category-color,#c8102e);}
article .box .tag {color:var(--category-color,#c8102e);border-color:var(--category-color,#c8102e);font-weight:700;}
article .box .boxftr {border-top-color:var(--category-color,#c8102e);}
article .box h4 {color:#1d2025;}
.tag_1{--category-color:#c8102e}.tag_2{--category-color:#d14d72}.tag_3{--category-color:#7257b5}
.tag_4{--category-color:#e97824}.tag_5{--category-color:#3678b8}.tag_6{--category-color:#168a8a}
.tag_7{--category-color:#4267b2}.tag_8{--category-color:#24272c}.tag_9{--category-color:#e08a14}
.tag_10{--category-color:#438a4e}.tag_11{--category-color:#b33c86}.tag_12{--category-color:#b8213a}
.tag_13{--category-color:#7756a8}.tag_14{--category-color:#e32636}.tag_15{--category-color:#667085}
nav .home,nav .about,nav .favo,nav .block,nav .post,nav .contact {border:1px solid #ded9da;background:#fff;}
nav .tag {background:#24272c;border-left:3px solid #c8102e;}
.ranking-box {border-top:4px solid #c8102e;}
.engagement-ranking .pv {color:#fff;background:#c8102e;border:0;border-radius:999px;font-weight:700;}
.ranking-note {display:block;color:#777;text-align:right;}

/* Editorial home — Rolling Stone × Metal Hammer × Natalie */
.featured-grid {
	display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.85fr);
	grid-template-rows:repeat(3,118px);gap:8px;margin:0 0 12px;
}
.featured-story {
	position:relative;display:block;min-height:0;overflow:hidden;border-radius:8px;
	background:#17191e var(--story-image) center/cover no-repeat;color:#fff;
	box-shadow:0 7px 18px rgba(0,0,0,.16);
}
.featured-lead {grid-row:1/4;}
.featured-shade {position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.88) 100%);transition:background .2s;}
.featured-story:hover .featured-shade {background:linear-gradient(180deg,rgba(200,16,46,.05),rgba(0,0,0,.94));}
.featured-copy {position:absolute;z-index:1;left:0;right:0;bottom:0;padding:14px 16px;}
.featured-copy strong {display:block;color:#fff;font-size:16px;line-height:1.4;text-shadow:0 1px 4px #000;}
.featured-secondary .featured-copy strong {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
.featured-secondary .featured-copy small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.featured-lead .featured-copy {padding:22px 24px;}
.featured-lead .featured-copy strong {max-width:90%;font-size:clamp(24px,3vw,38px);line-height:1.18;letter-spacing:-.02em;}
.featured-copy small {display:block;margin-top:6px;color:rgba(255,255,255,.76);}
.featured-tag {display:inline-block;margin-bottom:7px;padding:4px 7px;background:#c8102e;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;}
.spotlight-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;}
.spotlight-card {display:flex;min-height:128px;flex-direction:column;padding:15px;background:#fff;border:1px solid #e2dfe0;border-top:3px solid #c8102e;border-radius:7px;box-shadow:0 3px 10px rgba(0,0,0,.06);}
.spotlight-card>span {color:#c8102e;font-size:11px;font-weight:800;letter-spacing:.04em;}
.spotlight-card strong {display:block;margin:8px 0;color:#1b1d22;font-size:15px;line-height:1.45;}
.spotlight-card small {margin-top:auto;color:#777;}
.news-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px;padding:13px 15px;background:#17191e;border-left:5px solid #c8102e;border-radius:6px;color:#fff;}
.news-toolbar>div:first-child strong {display:block;font-family:Oswald,sans-serif;font-size:20px;letter-spacing:.08em;}
.news-toolbar>div:first-child span {display:block;color:#aaa;font-size:11px;}
.news-filters {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}
.news-filter,.theme-toggle {padding:6px 9px;border:1px solid #555;border-radius:4px;background:#282b31;color:#ddd;font-size:11px;}
.news-filter:hover,.theme-toggle:hover,.news-filter.is-active {background:#c8102e;border-color:#c8102e;color:#fff;}
.news-filter:disabled {opacity:.42;cursor:not-allowed;background:#282b31;border-color:#555;color:#ddd;}
.filter-count {display:inline-flex;min-width:17px;height:17px;align-items:center;justify-content:center;margin-left:2px;padding:0 4px;border-radius:9px;background:rgba(255,255,255,.14);font-size:9px;font-weight:700;}
#masonry .box.is-filtered {display:none!important;}

html[data-theme="dark"] body {background:#0d0f13!important;color:#e8e8e8;}
html[data-theme="dark"] .spotlight-card,html[data-theme="dark"] article .box,html[data-theme="dark"] aside .box_w {background:#181b20;color:#e8e8e8;border-color:#30343c;}
html[data-theme="dark"] .spotlight-card strong,html[data-theme="dark"] article .box h4,html[data-theme="dark"] aside .box_w {color:#f4f4f4;}
html[data-theme="dark"] nav .home,html[data-theme="dark"] nav .about,html[data-theme="dark"] nav .favo,html[data-theme="dark"] nav .block,html[data-theme="dark"] nav .post,html[data-theme="dark"] nav .contact {background:#1a1d22;color:#ddd;border-color:#343840;}
html[data-theme="dark"] .ticker,html[data-theme="dark"] .share-link {background:#181b20;color:#eee;border-color:#343840;}
html[data-theme="dark"] .move,html[data-theme="dark"] .move a {color:#ddd;border-color:#666;}
html[data-theme="dark"] .spotlight-card small,html[data-theme="dark"] article .tag2 a {color:#aaa;}
aside .box_b,aside .box_w,aside .box_t {width:100%;}

@media screen and (max-width: 900px) {
	body {padding:12px;}
	#wrap {grid-template-columns:1fr;gap:16px;}
	aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
	aside .box_b,aside .box_w,aside .box_t {margin:0;}
	.box {width:calc(50% - 10px);}
	.featured-grid {grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr);grid-template-rows:repeat(3,105px);}
	.featured-lead .featured-copy strong {font-size:24px;}
	.news-toolbar {align-items:flex-start;flex-direction:column;}
	.news-filters {justify-content:flex-start;}
}
@media screen and (max-width: 620px) {
	body {padding:8px;}
	.site-header {align-items:stretch;flex-direction:column;gap:12px;padding:14px;}
	.brand {flex:auto;min-width:0;}
	#logo {width:230px;height:49px;margin:0 auto;background-position:center;background-size:contain;}
	.site-overview {align-items:flex-start;flex-direction:column;padding:14px;}
	.site-overview strong {font-size:16px;}
	.site-overview ul {flex-wrap:wrap;}
	.header-tools {align-items:stretch;}
	#icons .icons {justify-content:center;}
	.search input[type="search"] {width:100%;}
	.search form {width:100%;}
	.search input {flex:1;}
	.box {width:calc(100% - 10px);}
	aside {display:block;}
	aside .box_b,aside .box_w,aside .box_t {margin-bottom:10px;}
	nav {gap:5px;}
	.featured-grid {display:block;}
	.featured-story {min-height:128px;margin-bottom:8px;}
	.featured-lead {min-height:280px;}
	.featured-lead .featured-copy {padding:18px;}
	.featured-lead .featured-copy strong {max-width:100%;font-size:25px;}
	.spotlight-grid {display:block;}
	.spotlight-card {min-height:0;margin-bottom:8px;}
	.news-toolbar {margin-top:14px;}
	.news-filters {width:100%;}
}
article .w600{width:200px}
/* ----------------------------------
About SET
---------------------------------- */
article#about .base h4 {
	font-size:1.2em; font-weight:bold; color:#333; background:#ddd;
	border-radius:6px; border: 0px; padding:5px 10px;
	word-break: break-all;margin: 0px 0px 10px 0px;padding-bottom:5px;}
article#about .base h5 {
	font-size:1.2em; font-weight:bold; color:#777; line-height:1.5em;
	border-radius:5px; border-bottom: 1px solid #ccc;
	word-break: break-all;margin: 0px 0px 10px 0px;padding-bottom:5px;}			

/* FOX JOURNAL 2026 — editorial stream */
:root{--ink:#111319;--paper:#f4f1eb;--panel:#fffdf9;--line:#d8d2c8;--muted:#746f68;--red:#d20d31;--rail:190px;--aside:260px}
body{padding:0 24px 40px;background:var(--paper)!important;color:var(--ink)}
.journal-topbar{display:flex;align-items:center;justify-content:space-between;max-width:1420px;margin:auto;padding:8px 0;border-bottom:1px solid #222;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.16em}
.journal-topbar>div{display:flex;align-items:center;gap:6px}.journal-topbar a,.journal-topbar button{color:inherit;background:transparent;border:0;padding:7px 9px;font-size:11px;letter-spacing:0}.journal-topbar a:hover,.journal-topbar a:focus-visible,.journal-topbar button:hover,.journal-topbar button:focus-visible,.header-links a:hover,.header-links a:focus-visible{background:transparent!important;color:var(--red)!important;font-weight:800!important;text-decoration:none!important}
.site-header{display:grid;grid-template-columns:minmax(320px,1fr) auto minmax(270px,.7fr);gap:28px;max-width:1420px;min-height:116px;margin:0 auto 18px;padding:18px 0;background:transparent;border:0;border-radius:0;box-shadow:none}
.brand{position:relative;display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden;padding:8px 24px 8px 12px;background:#111319;color:#f7f4ee!important;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%)}.brand:after{content:"";position:absolute;right:2.5%;top:0;width:4px;height:100%;background:var(--red);transform:skewX(-15deg);box-shadow:0 0 18px var(--red)}.brand-mark{display:block;flex:0 0 auto;width:54px;height:82px;object-fit:contain;filter:drop-shadow(0 5px 13px rgba(210,13,49,.32))}.brand-type{display:block;min-width:0}.brand-type strong{display:block;color:inherit;font:400 clamp(24px,2.4vw,34px)/1.08 "Angkor",serif;letter-spacing:.015em;white-space:nowrap}.brand-type>span{display:block;margin-top:5px;overflow:hidden;color:#c8c5c1;font:700 8px/1.2 Arial,sans-serif;letter-spacing:.28em;text-overflow:clip;white-space:nowrap}
.header-manifesto{padding-left:22px;border-left:1px solid var(--line)}.header-manifesto span,.section-kicker span,.rail-heading span{display:block;color:var(--red);font:800 9px/1.2 Arial,sans-serif;letter-spacing:.18em}.header-manifesto strong{display:block;margin-top:7px;font-family:serif;font-size:16px;white-space:nowrap}
.header-tools{align-items:stretch}.search{width:100%;margin:0}.search form{display:flex}.search input[type=search]{width:100%;height:38px;background:transparent;border:0;border-bottom:1px solid #222;border-radius:0}.search button{border-bottom:1px solid #222;border-radius:0;background:transparent;color:inherit}.header-links{display:flex;justify-content:flex-end;gap:12px}.header-links a{color:inherit;font-size:11px}
.journal-shell{display:grid!important;grid-template-columns:var(--rail) minmax(0,1fr) var(--aside)!important;gap:28px!important;width:min(1420px,100%)!important;align-items:start}
.category-rail{display:block;position:sticky;top:14px;padding:18px 14px 18px 0;border-right:1px solid var(--line)}.rail-heading{margin-bottom:15px}.rail-heading strong,.section-kicker strong{display:block;margin-top:4px;font-family:serif;font-size:18px}.category-rail>a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:9px 8px;color:var(--ink);border-bottom:1px solid rgba(120,115,105,.18);font-size:12px}.category-rail>a:before{color:var(--category-color,var(--red))}.category-rail>a.tag{border-left:3px solid var(--category-color,var(--red));margin:3px 0;padding-left:10px}.category-rail>a:hover,.category-rail>a.tagactive{background:var(--ink);color:#fff;text-decoration:none}.category-rail small{flex:0 0 auto;margin-left:auto;color:var(--muted);font-size:9px}.rail-main{font-weight:800}.rail-utility{margin-top:20px;padding-top:10px;border-top:2px solid var(--ink)}.rail-utility a{display:block;padding:7px 5px;color:var(--muted);font-size:11px}.rail-toggle{display:none}
.insight-rail{display:block}.rail-panel{margin:0 0 16px;padding:15px;background:var(--panel);border-top:3px solid var(--ink);box-shadow:0 5px 18px rgba(31,26,20,.06)}.rail-panel ol{margin-top:10px;padding-left:20px}.rail-panel .list{margin:8px 0;padding:0}.rail-panel .list li{float:none;margin:0;padding:9px 0;width:100%}.rail-panel h4{display:none}
.featured-grid{grid-template-rows:repeat(3,128px);gap:7px;margin-bottom:20px}.featured-story{border-radius:0;box-shadow:none}.featured-story:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.24);pointer-events:none}.featured-tag{background:var(--category-color,var(--red))!important}.featured-copy strong{font-family:serif}.featured-lead .featured-copy strong{font-size:clamp(26px,3.2vw,44px)}
.trend-board{display:block;margin:0 0 22px;padding:20px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}.trend-board>.section-kicker{margin-bottom:16px}.trend-board ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.trend-board li{display:flex;gap:8px;padding:0 12px;border-left:3px solid var(--category-color,var(--red))}.trend-board li a{min-width:0;color:inherit}.trend-board li strong{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family:serif;font-size:13px;line-height:1.45}.trend-board li small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.trend-rank{font:900 22px/1 Arial;color:var(--category-color,var(--red))}.community-cta{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;background:var(--ink);color:#fff}.community-cta i{color:var(--red);font-size:22px}.community-cta strong,.community-cta small{display:block}.community-cta small{opacity:.65}
.community-desk{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:20px;align-items:center;margin:0 0 24px;padding:16px;background:#e9e4dc;border-left:5px solid var(--red)}.community-desk ul{margin:0;padding:0;list-style:none}.community-desk li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-desk>a{padding:9px 12px;background:var(--red);color:#fff;font-size:11px}.community-desk>a:hover{text-decoration:none;background:var(--ink)}
.news-toolbar{margin:0;padding:15px 0;background:transparent;border:0;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;color:inherit}.news-toolbar>div:first-child span{color:var(--red);font:800 9px Arial;letter-spacing:.16em}.news-toolbar>div:first-child strong{display:block;font:900 26px/1.15 Arial}.news-toolbar>div:first-child small{color:var(--muted)}.news-filter{background:transparent;color:inherit;border:1px solid var(--line);border-radius:0}.news-filter:hover,.news-filter.is-active{background:var(--ink);border-color:var(--ink)}.news-filter:disabled{background:transparent;border-color:var(--line);color:var(--muted)}
.stream-pagination{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:var(--muted);font-size:11px}.stream-pagination .move{display:flex;gap:7px}.stream-pagination .move a{padding:6px 9px;border:1px solid var(--line)}
.news-stream{display:block!important;height:auto!important}.stream-day{margin-bottom:26px}.stream-day>h3{display:flex;align-items:baseline;justify-content:space-between;margin:0;padding:9px 0;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line)}.stream-day>h3:before{display:none}.stream-day>h3 time{float:none;padding:0;font:800 18px Arial}.stream-day>h3 time:before{display:none}.stream-day>h3 span{color:var(--muted);font:800 9px Arial;letter-spacing:.18em}
.news-row{position:relative!important;left:auto!important;top:auto!important;display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:18px;width:100%!important;margin:0!important;padding:15px 0;border:0;border-bottom:1px solid var(--line);border-left:4px solid var(--category-color,var(--red));background:transparent;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}.news-row.is-visible{opacity:1;transform:none}.news-row.is-filtered{display:none!important}.stream-thumb{display:block;min-height:112px;margin-left:12px;background:#1b1d22 center/cover no-repeat;overflow:hidden}.stream-thumb.no-image{display:flex;align-items:center;padding:12px}.stream-thumb.no-image img{width:100%;height:auto}.stream-copy{min-width:0;padding-right:8px}.stream-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}.stream-meta .tag{margin:0;padding:3px 6px;border:0;border-radius:0;background:var(--category-color,var(--red));color:#fff}.stream-meta time{float:none;margin-left:auto;padding:0}.stream-meta time:before{display:none}.stream-title{display:block;margin:8px 0 5px;color:inherit}.stream-title strong{display:block;overflow-wrap:anywhere;font-family:serif;font-size:20px;line-height:1.35}.stream-copy p{max-width:100%;overflow-wrap:anywhere;word-break:break-word;color:#5d5852;font-size:12px}.stream-actions{display:flex;gap:16px;margin-top:8px;color:var(--muted);font-size:10px}.stream-actions a{margin-left:auto;font-weight:800}
.detail-shell .story-page{margin:0}.breadcrumb{display:flex;gap:8px;margin:0 0 12px;color:var(--muted);font-size:10px}.story-source>.base{padding:24px!important;border-top:5px solid var(--category-color,var(--red));border-radius:0!important;box-shadow:none}.story-source>.base .img{height:min(48vw,500px);float:none}.story-source>.base h4{font-family:serif;font-size:clamp(28px,4vw,46px);line-height:1.22;border:0}.editorial-brief{display:grid;grid-template-columns:170px 1fr;gap:24px;margin:0 0 18px;padding:20px;background:#e9e4dc;border-top:3px solid var(--red)}.editorial-brief>div span{color:var(--red);font:800 9px Arial;letter-spacing:.16em}.editorial-brief>div strong{display:block;margin-top:5px;font-family:serif;font-size:20px}.editorial-brief ul{margin:0;padding-left:20px}.editorial-brief li{margin:0 0 8px}.editorial-brief small{grid-column:2;color:var(--muted)}.conversation-callout{margin:18px 0;padding:24px;background:var(--ink);border:0;color:#fff;overflow:hidden}.conversation-callout span{color:#ff5571;font:800 9px Arial;letter-spacing:.16em}.conversation-callout strong{display:block;margin-top:7px;font-family:serif;font-size:24px}.conversation-callout a{display:inline-block;max-height:44px;margin-top:12px;padding:9px 13px;background:var(--red);color:#fff;opacity:1;transform:none;overflow:hidden;transition:max-height .24s ease,margin .24s ease,padding .24s ease,opacity .18s ease,transform .24s ease}.conversation-callout a.is-dismissed{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-8px);pointer-events:none}.story-page #comment_form,.story-page .comment-list{padding:22px;border-radius:0}.conversation-callout #comment_form{position:relative;max-height:0;margin:0;padding:0;overflow:hidden;background:var(--red)!important;border:0!important;color:#fff!important;opacity:0;box-shadow:none!important;transition:max-height .42s ease,opacity .28s ease,padding .42s ease,margin .42s ease}.story-page #comment_form[hidden]{display:none}.conversation-callout #comment_form:target,.conversation-callout #comment_form.is-open{max-height:900px;margin-top:16px;padding:20px;opacity:1}.story-page #comment_form h5,.story-page .comment-list h5{font-size:24px}.story-page #comment_form textarea,.story-page #comment_form input[type=text]{background:#fff;color:#111;border:0!important;outline:0!important;box-shadow:none!important}.story-page #comment_form textarea:focus,.story-page #comment_form input[type=text]:focus{border:0!important;outline:0!important;box-shadow:none!important}.comment-form-close{position:absolute;top:12px;right:12px;padding:5px 8px;background:transparent!important;border:0!important;color:#fff!important;font-size:10px;box-shadow:none!important}.comment-submit{padding:9px 13px;background:#111319!important;border:0!important;color:#fff!important;box-shadow:none!important}.comment-submit i{margin-right:5px}.comment-remaining{margin-left:9px;color:rgba(255,255,255,.72);font-size:9px}.comment-remaining .count{color:#fff!important;font-size:9px!important}.story-page .comment-list{margin-top:18px}.related-journal{margin-top:22px;padding-top:18px;border-top:3px solid var(--ink)}.related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.related-list a{padding:14px;border-bottom:1px solid var(--line);color:inherit}.related-list strong,.related-list small{display:block}.related-list strong{font-family:serif}.related-list small{margin-top:7px;color:var(--muted)}
#pageTop{display:flex;align-items:center;gap:6px;background:var(--red);border-radius:0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
html[data-theme=dark]{--paper:#0d0f13;--panel:#171a1f;--ink:#f4f1eb;--line:#333740;--muted:#a3a6ad}html[data-theme=dark] body{background:var(--paper)!important;color:var(--ink)}html[data-theme=dark] .community-desk,html[data-theme=dark] .editorial-brief{background:#1a1d22}html[data-theme=dark] .news-row,html[data-theme=dark] .stream-day>h3{border-color:var(--line)}html[data-theme=dark] .stream-copy p{color:#b8bbc2}html[data-theme=dark] .community-cta,html[data-theme=dark] .conversation-callout{background:#252931}html[data-theme=dark] .story-source>.base,html[data-theme=dark] #comment_form{background:var(--panel);color:var(--ink)}
@media(max-width:1120px){.journal-shell{grid-template-columns:170px minmax(0,1fr)!important}.insight-rail{display:none!important}.site-header{grid-template-columns:1fr 1fr}.header-manifesto{display:none}.trend-board{grid-template-columns:150px 1fr}.trend-board ol{grid-template-columns:repeat(3,1fr)}.trend-board li:nth-child(n+4){display:none}}
@media(max-width:760px){body{padding:0 12px 30px}.journal-topbar{position:sticky;z-index:20;top:0;background:var(--paper)}.journal-topbar>span{font-size:8px}.site-header{display:flex;align-items:stretch;flex-direction:column;gap:10px;padding:12px 0}.site-header>.brand{flex:none;width:100%;min-height:0}.brand-mark{width:46px;height:68px}.brand-type strong{font-size:clamp(22px,7vw,30px)}.brand-type>span{font-size:7px;letter-spacing:.2em}.header-tools{width:100%}.header-links{justify-content:center}.rail-toggle{display:block;width:100%;margin:0 0 10px;background:var(--ink);color:var(--paper)}.journal-shell{display:block!important}.category-rail{display:none;position:static;padding:12px;border:1px solid var(--line);background:var(--panel)}.category-rail.is-open{display:block}.featured-grid{display:block}.featured-story{min-height:125px;margin-bottom:6px}.featured-lead{min-height:320px}.trend-board{display:block}.trend-board ol{display:block}.trend-board li{padding:10px;border-bottom:1px solid var(--line)}.trend-board li:nth-child(n+4){display:flex}.community-desk{display:block}.community-desk>*{margin-bottom:12px}.news-toolbar{align-items:flex-start;flex-direction:column}.news-row{grid-template-columns:112px minmax(0,1fr);gap:12px}.stream-thumb{min-height:96px;margin-left:6px}.stream-title strong{font-size:16px}.stream-copy p{display:none}.stream-meta span{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editorial-brief{display:block}.editorial-brief ul{margin-top:14px}.editorial-brief small{display:block;margin-top:12px}.related-list{display:block}.story-source>.base{padding:14px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.news-row{opacity:1;transform:none}}

/* visual tuning: stable theme identity and compact insight lists */
.brand{background:#111319!important}.brand img{opacity:1!important;visibility:visible!important}.brand:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.notification-toggle i{display:inline-block;width:13px;margin-right:4px;text-align:center}.notification-toggle:disabled{opacity:.72;cursor:not-allowed}
.insight-rail .rail-panel>.list{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;height:auto!important;margin:8px 0 0!important;padding:0!important;overflow:visible!important;list-style:none!important}
.insight-rail .rail-panel>.list>li{display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;gap:7px!important;float:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:8px 0!important;border-bottom:1px solid var(--line)!important;line-height:1.45!important}
.insight-rail .rail-panel>.list>li:last-child{border-bottom:0!important}.insight-rail .rail-panel>.list>li>i{grid-column:1;align-self:start;margin-top:2px;color:var(--red)}.insight-rail .rail-panel>.list>li>span{grid-column:2;display:block!important;float:none!important;width:auto!important;margin:0!important;overflow-wrap:anywhere}.insight-rail .rail-panel>.list>li a{display:inline!important;line-height:1.45!important}
.insight-rail .rail-panel:first-child>.list>li>span>a{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important}
.insight-rail .rail-panel:last-child>.list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important}.insight-rail .rail-panel:last-child>.list>li{display:block!important;padding:6px 0!important;font-size:10px!important}.insight-rail .rail-panel:last-child>.list>li>i{display:none!important}.insight-rail .rail-panel:last-child>.list>li>span{display:block!important}.insight-rail .rail-panel:last-child>.list>li a{display:block!important;padding:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme=light]{--paper:#e9e6df;--panel:#f7f4ee;--ink:#15171c;--line:#cbc5bb;--muted:#6e6962}html[data-theme=light] .site-header,html[data-theme=light] .journal-topbar{color:#15171c}html[data-theme=light] .brand{color:#fff}
html[data-theme=dark]{--paper:#181a1f;--panel:#202329;--ink:#f2eee7;--line:#3b3e45;--muted:#aaa59d}html[data-theme=dark] body{background:#181a1f!important}html[data-theme=dark] .journal-topbar{background:#181a1f}html[data-theme=dark] .category-rail{background:transparent}html[data-theme=dark] .brand{background:#111319!important}

/* User-supplied fox mark: paired light/dark lockups. */
html[data-theme=light] .brand{background:#f7f4ee!important;border:1px solid #cbc5bb}
html[data-theme=light] .brand-mark{content:url('/img/fox-mark-light.svg?v=20260824c')}
html[data-theme=dark] .brand-mark{content:url('/img/fox-mark-dark.svg?v=20260824c')}

/* Calm masthead interaction and paired mode treatment. */
.brand:hover,.brand:focus{filter:none!important;box-shadow:none!important}
html[data-theme=light] .brand:hover,html[data-theme=light] .brand:focus{background:#f7f4ee!important}
html[data-theme=dark] .brand:hover,html[data-theme=dark] .brand:focus{background:#111319!important}
.brand:hover .brand-mark,.brand:focus .brand-mark{opacity:.86!important;filter:none!important}
html[data-theme=light] .brand:after{box-shadow:none!important;background:#c00}
html[data-theme=light] .brand-mark{filter:none!important}html[data-theme=light] .brand-type{color:#17191e}html[data-theme=light] .brand-type>span{color:#625e58}

.video-teaser{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr);gap:0;margin:0 0 22px;background:#111319;color:#f7f4ef;border-left:5px solid #c00;overflow:hidden}
.video-teaser-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:24px}
.video-teaser-copy>span{color:#e32646;font-size:10px;font-weight:900;letter-spacing:2px}
.video-teaser-copy strong{margin:10px 0;font:700 22px/1.35 serif}
.video-teaser-copy small{color:#bbb;font-size:10px}
.video-teaser-copy a{margin-top:15px;color:#fff;font-size:11px;font-weight:800}
.video-teaser-frame{position:relative;display:block;min-height:230px;background:#08090b;overflow:hidden}
.video-teaser-frame iframe{position:absolute;inset:-12%;width:124%;height:124%;border:0;pointer-events:none}
.video-teaser-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,9,11,.62));pointer-events:none;transition:background .2s ease}
.video-teaser-frame:hover:after,.video-teaser-frame:focus-visible:after{background:linear-gradient(180deg,transparent 68%,rgba(8,9,11,.45))}
.video-teaser-frame:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.video-youtube-badge{position:absolute;right:12px;bottom:12px;z-index:2;padding:8px 11px;background:#f00;color:#fff;font-size:11px;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.35)}
.video-youtube-badge i{margin-right:6px;font-size:18px;vertical-align:-1px}

.journal-legacy-page{max-width:none!important;padding:0 24px 40px!important;background:var(--paper)!important}
.journal-legacy-page #wrap{max-width:1420px;margin:auto}
.journal-legacy-page .site-header{width:100%;max-width:1420px}
.legacy-site-header .header-tools{position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important}
.legacy-site-header .header-tools .search{position:static!important;float:none!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important}
.legacy-site-header .header-tools .search form{display:flex!important;position:static!important;width:100%!important;margin:0!important}
.legacy-site-header .header-tools .search input[type=search]{position:static!important;float:none!important;width:100%!important;height:38px!important;margin:0!important}
.legacy-site-header .header-tools .search button{position:static!important;float:none!important;width:auto!important;height:38px!important;margin:0!important}
.journal-legacy-page main{float:none;width:auto}
.journal-legacy-page #content{width:auto;max-width:none}
.journal-page-nav{display:grid!important;grid-template-columns:1fr;width:100%!important;margin:0 auto 22px!important;padding:0!important;background:transparent!important;border:0!important}
.journal-utility-links{display:flex;align-items:center;gap:16px;padding:9px 14px;border:1px solid var(--line);border-bottom:0;background:var(--panel)}
.journal-utility-label{margin-right:auto;color:var(--muted);font:700 9px/1 Oswald,sans-serif;letter-spacing:.16em}
.journal-page-nav a{float:none!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;color:var(--ink)!important;border:0!important;line-height:1.25!important;text-decoration:none}
.journal-utility-links a{padding:4px 0!important;font-size:10px!important;font-weight:700}
.journal-utility-links a:hover,.journal-utility-links a:focus{color:#c00!important}
.journal-category-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);background:var(--panel)}
.journal-nav-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}
.journal-nav-heading span{color:#c00;font:700 9px/1 Oswald,sans-serif;letter-spacing:.18em}
.journal-nav-heading strong{font-size:15px}
.journal-category-links .tag{position:relative;padding:13px 14px 12px 17px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;font-size:11px!important;font-weight:800}
.journal-category-links .tag:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--category-color,#c00)}
.journal-category-links .tag small{display:block;margin-top:4px;color:var(--muted);font:600 9px/1 Oswald,sans-serif}
.journal-category-links .tag:hover,.journal-category-links .tag:focus,.journal-category-links .tagactive{background:var(--soft)!important;color:#c00!important}
.journal-page-content{float:none!important;width:auto!important;margin:0!important;padding:0!important}
.journal-page-content>.base,.journal-page-content>.box,.journal-page-content #page,.journal-page-content form{border-color:var(--line);background:var(--panel);color:var(--ink)}
.journal-page-content h2,.journal-page-content h3,.journal-page-content h4{color:var(--ink);border-color:#c00}

@media(max-width:760px){.video-teaser{display:block}.video-teaser-frame{min-height:210px}.journal-legacy-page{padding:0 12px 30px!important}.journal-utility-links{overflow-x:auto;gap:15px}.journal-utility-links a{white-space:nowrap!important}.journal-category-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Static pages share the front-page editorial system */
.journal-static-page #wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 250px;gap:22px;width:min(1420px,100%)!important;max-width:1420px!important;margin:0 auto!important;align-items:start}
.journal-static-page #main,.journal-static-page #content{float:none!important;width:auto!important;max-width:none!important;margin:0!important}
.journal-static-page #side{float:none!important;width:auto!important;margin:0!important}
.journal-static-page .journal-page-content>.base{margin:0!important;padding:28px clamp(20px,4vw,44px)!important;border:1px solid var(--line)!important;border-top:5px solid var(--ink)!important;border-radius:0!important;background:var(--panel)!important;box-shadow:none!important;color:var(--ink)!important}
.journal-static-page .journal-page-content h2{margin:0 0 24px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid var(--ink)!important;background:transparent!important;color:var(--ink)!important;font:800 clamp(32px,5vw,58px)/.9 Oswald,sans-serif!important;letter-spacing:-.025em!important}
.journal-static-page .journal-page-content h2:before{display:block;margin-bottom:9px;color:var(--red);content:"FOX JOURNAL · INFORMATION DESK";font:700 9px/1 Oswald,sans-serif;letter-spacing:.2em}
.journal-static-page .journal-page-content h3{position:relative;margin:26px 0 15px!important;padding:11px 0 11px 16px!important;border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;font-size:18px!important}
.journal-static-page .journal-page-content h3:before{position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--red);content:""}
.journal-static-page .journal-page-content h4,.journal-static-page .journal-page-content h5{color:var(--ink)!important}
.journal-static-page .journal-page-content p,.journal-static-page .journal-page-content li,.journal-static-page .journal-page-content td{line-height:1.85}
.journal-static-page .journal-page-content form{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.journal-static-page .journal-page-content input[type=text],.journal-static-page .journal-page-content input[type=email],.journal-static-page .journal-page-content input[type=url],.journal-static-page .journal-page-content input[type=search],.journal-static-page .journal-page-content textarea,.journal-static-page .journal-page-content select{max-width:100%;padding:12px 13px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--paper)!important;color:var(--ink)!important;font:inherit;box-sizing:border-box}
.journal-static-page .journal-page-content textarea{width:100%;resize:vertical}
.journal-static-page .journal-page-content input:focus,.journal-static-page .journal-page-content textarea:focus,.journal-static-page .journal-page-content select:focus{border-color:var(--red)!important;outline:2px solid color-mix(in srgb,var(--red) 18%,transparent);outline-offset:1px}
.journal-static-page .journal-page-content input[type=submit],.journal-static-page .journal-page-content input[type=reset],.journal-static-page .journal-page-content button{min-height:42px;padding:10px 20px!important;border:0!important;border-radius:0!important;background:var(--red)!important;color:#fff!important;font-weight:900;letter-spacing:.06em;cursor:pointer}
.journal-static-page .journal-page-content input[type=reset]{background:var(--ink)!important}
.journal-static-page .journal-page-content .t-line{display:block;width:100%;overflow-x:auto;border-collapse:collapse}
.journal-static-page .journal-page-content .t-line tbody{display:table;width:100%}
.journal-static-page .journal-page-content .t-line td{padding:12px;border-color:var(--line)!important;background:transparent!important;color:var(--ink)!important}
.journal-static-page .journal-page-content .cap{padding:18px!important;border:1px solid var(--line)!important;border-left:5px solid var(--red)!important;border-radius:0!important;background:var(--soft)!important;color:var(--ink)!important}
.journal-static-page .post-compose{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}
.journal-static-page #imgup{float:none!important;width:180px!important;min-height:180px;margin:0!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--paper)!important}
.journal-static-page #formset{float:none!important;width:auto!important;margin:0!important}
.journal-static-page #formset input[name=name],.journal-static-page #formset input[name=title]{width:100%!important;margin:0 0 10px!important}
.journal-static-page #formset textarea{min-height:180px}
.journal-static-page .line{border-color:var(--line)!important}
@media(max-width:900px){.journal-static-page #wrap{display:block!important}.journal-static-page #side{display:none!important}}
@media(max-width:620px){.journal-static-page .journal-page-content>.base{padding:22px 15px!important}.journal-static-page .post-compose{display:block}.journal-static-page #imgup{width:100%!important;min-height:150px;margin:0 0 16px!important}.journal-static-page .journal-page-content .t-line tbody{min-width:520px}}

/* Comment form display type */
.story-page #comment_form h5{font-family:"Afacad Flux",sans-serif;font-size:32px;font-weight:800;line-height:1;letter-spacing:.08em}

/* Current mark for stories without a thumbnail */
.stream-thumb.no-image{justify-content:center}
.stream-thumb.no-image img{width:56px;height:auto;opacity:.82}
.stream-thumb.no-image{background-color:#c40018}
.stream-thumb.no-image img{opacity:1}

/* Vertically center breadcrumb labels and icon */
.breadcrumb{align-items:center;min-height:28px}
.breadcrumb>a,.breadcrumb>span,.breadcrumb>i{display:flex;align-items:center;height:28px;line-height:1}
@media(max-width:760px){.journal-topbar{gap:8px}.journal-topbar>span{flex:1 1 auto;min-width:0;white-space:nowrap}.journal-topbar>div{flex:0 0 auto;gap:10px}.journal-topbar a,.journal-topbar button{white-space:nowrap}.journal-topbar .notification-toggle{font-size:0}.journal-topbar .notification-toggle i{font-size:11px}.journal-topbar .notification-toggle:after{content:"通知";margin-left:4px;font-size:11px}}


/* 解除ボタン */
.hidebtn {background:#fff;padding:3px;text-decoration:none;border-radius:5px;}
.hidebtn:hover {color:#fff;background:#222;text-decoration:none;}
.hidebtn:before {
	font-size:1.2em;padding: 0px 3px;
	content: "\f057"; font-family: "FontAwesome";}	  	

/*===============================================
●基本
===============================================*/
#page {text-decoration: none;border-radius: 15px;}
#comment{margin-bottom:10px;}
#comment .date{font-size: 9px;margin:0; padding:0;background: none;}


/* STATIC THREE COLUMN FIX 20260825 */
.journal-static-page #wrap.journal-shell {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) 260px !important;
  gap: 28px !important;
  align-items: start !important;
  width: min(1420px, 100%) !important;
  max-width: none !important;
  margin: 18px auto 0 !important;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .journal-static-page #wrap.journal-shell {
    grid-template-columns: 190px minmax(0, 1fr) !important;
    gap: 22px !important;
  }
}
@media (max-width: 767px) {
  .journal-static-page #wrap.journal-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, 760px) !important;
    margin-top: 12px !important;
  }
  .journal-static-page #wrap.journal-shell > .category-rail {
    display: none !important;
  }
}


/* ENGLISH HEADING FONT 20260825 */
.news-toolbar > div:first-child strong {
  font-family: Oswald, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}


/* ARTICLE DETAIL REDESIGN 20260825 */
.story-header {
  height: auto !important;
  min-height: 0 !important;
  position: static !important;
  overflow: visible !important;
  margin: 0 0 18px;
  padding: 24px;
  border-top: 5px solid var(--ink);
  background: var(--panel);
}
.story-header > span {
  color: var(--red);
  font: 800 9px/1 Arial, sans-serif;
  letter-spacing: .18em;
}
.story-header h1 {
  margin: 8px 0 0;
  color: var(--ink);
  font: 800 clamp(30px, 4vw, 48px)/1.12 Oswald, sans-serif;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
  word-break: normal;
}
.story-source > .base {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-top: 0 !important;
}
.story-source > .base > .tag,
.story-source > .base > .tag2,
.story-source > .base > a[href^="/item/"] ,
.story-source > .base > .line {
  display: none !important;
}
.rail-panel .list li > span > a + br {
  display: none;
}
.rail-panel .list li > span > div {
  margin-top: 4px !important;
}
@media (max-width: 760px) {
  .story-header { padding: 18px 14px; }
}