:root { --article-ink:#102f36; --article-teal:#087d94; --article-paper:#ffffff; --article-bg:#eef3f2; --article-line:#d7e0de; }
html { scroll-behavior:smooth; }
body { margin:0 !important; padding:0 !important; color:var(--article-ink) !important; background:var(--article-bg) !important; font-family:"Noto Sans JP","Hiragino Sans",system-ui,sans-serif !important; }
.article-site-header { position:sticky; top:0; z-index:20; color:#fff; background:rgba(16,47,54,.97); box-shadow:0 8px 24px rgba(5,30,35,.15); }
.article-site-header__inner { width:min(1120px,calc(100% - 36px)); min-height:68px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.article-site-brand { display:flex; align-items:center; gap:11px; color:#fff !important; text-decoration:none !important; }
.article-site-brand img { width:42px; height:42px; object-fit:contain; padding:4px; background:#fff; border-radius:8px; }
.article-site-brand span { display:grid; line-height:1.25; }
.article-site-brand strong { font-size:14px; }
.article-site-brand small { color:rgba(255,255,255,.65); font-size:9px; letter-spacing:.13em; }
.article-site-nav { display:flex; align-items:center; gap:18px; }
.article-site-nav a { color:#fff !important; text-decoration:none !important; font-size:12px; font-weight:700; }
.article-site-nav a:last-child { padding:9px 15px; background:var(--article-teal); border-radius:999px; }
.juo-article { box-sizing:border-box; width:min(820px,calc(100% - 32px)) !important; max-width:820px !important; margin:52px auto 78px !important; padding:clamp(26px,5vw,58px) !important; background:var(--article-paper); border:1px solid var(--article-line); border-radius:18px; box-shadow:0 20px 55px rgba(11,52,60,.08); }
.juo-article::before { content:"JUO TRADING ARCHIVE"; display:block; margin-bottom:14px; color:var(--article-teal); font-size:10px; font-weight:800; letter-spacing:.18em; }
.juo-article h1 { color:var(--article-ink) !important; font-size:clamp(25px,5vw,38px) !important; line-height:1.35 !important; }
.juo-article h2,.juo-article h3 { color:var(--article-ink) !important; }
.juo-article p,.juo-article li { line-height:1.9 !important; }
.juo-article img { max-width:100%; height:auto; }
.article-back { display:inline-flex; margin-top:28px; color:var(--article-teal) !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.article-site-footer { padding:32px 18px; color:rgba(255,255,255,.72); background:var(--article-ink); text-align:center; font-size:11px; }
@media(max-width:680px){.article-site-header__inner{width:calc(100% - 24px);min-height:60px}.article-site-brand img{width:36px;height:36px}.article-site-brand small,.article-site-nav a:first-child{display:none}.article-site-nav{gap:8px}.article-site-nav a:last-child{padding:8px 11px}.juo-article{width:calc(100% - 20px)!important;margin:24px auto 48px!important;padding:25px 20px!important;border-radius:13px}}