:root{--ink:#14212b;--blue:#174b73;--muted:#6b7782;--line:#e0e5e9;--pale:#eef3f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}a{color:inherit;text-decoration:none}.preview{background:#eef4fa;color:#183d5d;text-align:center;font-size:12px;padding:10px 16px}.header-inner,.nav-inner,.wrap,.footer-inner{max-width:1140px;margin:auto;padding-left:24px;padding-right:24px}.topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-top:21px;padding-bottom:12px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.masthead{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}.logo-symbol{position:relative;font-family:Georgia,serif;font-size:80px;font-weight:bold;line-height:.9;color:#16283d;letter-spacing:-.13em;padding-right:12px}.logo-symbol span{position:absolute;height:5px;width:70px;background:#2e83b2;left:5px;top:42px;transform:rotate(-22deg);opacity:.85;border-radius:80%}.brand{display:flex;flex-direction:column;font-family:Georgia,'Times New Roman',serif;letter-spacing:.055em;line-height:1.07}.brand strong{font-size:clamp(19px,3.2vw,39px);font-weight:600}.brand span{font-size:clamp(16px,2.7vw,31px);letter-spacing:.25em;margin-top:5px}.tagline{text-align:center;font-size:12px;color:#69747b;margin:12px 0 23px;letter-spacing:.16em}.nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.nav-inner{display:flex;gap:38px;overflow-x:auto;white-space:nowrap;padding-top:16px;padding-bottom:16px}.nav a{font-size:13px;font-weight:650}.nav a:hover{color:var(--blue)}.section-top{display:flex;justify-content:space-between;margin:32px 0 17px;font-family:Georgia,serif;font-size:11px;color:var(--muted);letter-spacing:.15em}.lead{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:38px}.image-placeholder{aspect-ratio:1.72;background:linear-gradient(145deg,#d8e1e8,#b4c9d9);display:flex;align-items:center;justify-content:center;color:#5b7588;font-size:12px;letter-spacing:.24em}.eyebrow{font-size:11px;letter-spacing:.07em;color:var(--blue);font-weight:800;margin-top:19px}.hero h1{font-size:clamp(25px,3.2vw,39px);line-height:1.45;letter-spacing:-.035em;margin:10px 0}.hero p,.card p{color:#64717a;font-size:14px;line-height:1.85}.hero small,.side-story small,.card small{font-size:11px;color:#89939b}.lead-side h2{font-family:Georgia,serif;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);font-size:23px;padding:14px 0;margin:0}.lead-side h2 span{font-family:sans-serif;font-size:11px;margin-left:6px;font-weight:normal;color:var(--muted)}.side-story{padding:22px 0;border-bottom:1px solid var(--line)}.side-story>span{color:var(--blue);font-size:11px;font-weight:700}.side-story h3{font-size:18px;line-height:1.55;margin:8px 0}.news{margin:76px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:23px}.section-heading span,.about>span{font-family:Georgia,serif;letter-spacing:.16em;color:var(--blue);font-size:11px}.section-heading h2{font-size:27px;margin:6px 0 0}.section-heading .minor{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.thumb{aspect-ratio:1.8;background:#e6edf2;display:flex;align-items:center;justify-content:center;letter-spacing:.18em;font-size:13px;font-family:Georgia,serif;color:#6b8699}.card:nth-child(2) .thumb{background:#d6e2e9}.card:nth-child(3) .thumb{background:#edf0f2}.card h3{font-size:19px;line-height:1.55;margin:9px 0}.about{background:var(--pale);padding:38px 44px;margin:70px 0}.about h2{font-family:Georgia,serif;font-size:27px;margin:12px 0}.about p{font-size:14px;line-height:1.9;color:#4c5b67;max-width:760px}footer{background:#102b40;color:white;padding:36px 0}.footer-inner strong{font-family:Georgia,serif;font-size:19px;letter-spacing:.04em}.footer-inner strong span{font-weight:400}.footer-inner p{font-size:11px;color:#b4c3ce}@media(max-width:750px){.topline span:first-child{font-size:9px}.masthead{gap:10px}.logo-symbol{font-size:55px}.logo-symbol span{width:49px;top:27px;height:4px}.brand strong{font-size:clamp(16px,5vw,26px)}.brand span{font-size:clamp(14px,4.1vw,22px)}.nav-inner{gap:25px}.lead{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr;gap:32px}.news{margin:55px 0}.about{padding:28px 22px;margin:50px 0}.section-top span:last-child{display:none}}@media(max-width:390px){.brand strong{font-size:16px}.brand span{font-size:14px}.masthead{gap:7px}.logo-symbol{font-size:48px}.logo-symbol span{top:24px;width:43px}.tagline{letter-spacing:.05em}}

/* Social feeds: responsive newspaper-style embedded timelines */
.social-section{margin:64px 0;border-top:3px solid #153f62;padding-top:22px}
.social-intro{max-width:720px;color:#465360;line-height:1.75;margin:9px 0 24px}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.social-card{border:1px solid #ccd4da;background:#fff;min-width:0}
.social-card-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e4e8eb}
.social-card-head h3{font-size:1.2rem;margin:0}
.social-card-head a{color:#153f62;font-size:.85rem}
.social-frame{padding:14px;min-height:380px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}
.social-frame iframe{width:100%;border:0}
.social-placeholder{width:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f2f5f7;padding:20px;box-sizing:border-box;color:#546575}
.social-placeholder strong{font-size:1rem;color:#153f62}
.social-placeholder p{max-width:310px;line-height:1.7;font-size:.9rem}
.social-footer{font-size:.84rem;color:#52606d;line-height:1.6;margin-top:12px}
@media(max-width:740px){.social-grid{grid-template-columns:1fr}.social-section{margin:44px 0}.social-frame{min-height:300px}}

.social-card-foot{font-size:12px;color:#677683;line-height:1.65;padding:0 18px 16px;margin:0}.insta-frame{min-height:350px}.insta-frame .instagram-media{max-width:100%!important}.social-card-head a{overflow-wrap:anywhere;text-align:right}@media(max-width:440px){.social-card-head{align-items:flex-start;flex-direction:column}.social-card-head a{text-align:left}}
/* 1920px desktop artboard: full-width canvas, editorial content centered */
body{min-width:320px}
.header-inner,.nav-inner,.wrap,.footer-inner{max-width:1920px;padding-left:clamp(24px,5.2vw,100px);padding-right:clamp(24px,5.2vw,100px)}
.topline{padding-top:25px}
.masthead{margin-top:34px;margin-bottom:14px}
.logo-symbol{font-size:105px}.logo-symbol span{width:92px;top:56px}
.brand strong{font-size:clamp(28px,3vw,58px)}.brand span{font-size:clamp(24px,2.5vw,47px)}
.tagline{margin-bottom:30px}
.nav-inner{justify-content:center;gap:clamp(18px,3.6vw,66px)}
.section-top{margin-top:44px;margin-bottom:23px}
.lead{grid-template-columns:minmax(0,1.9fr) minmax(310px,.8fr);gap:clamp(35px,4vw,76px)}
.image-placeholder{aspect-ratio:2.15}
.hero h1{font-size:clamp(34px,3vw,57px)}
.hero p{max-width:850px;font-size:16px}
.lead-side h2{font-size:28px}.side-story{padding:30px 0}
.news{margin-top:90px}.cards{gap:30px}.card h3{font-size:23px}
.social-grid{gap:32px}.social-frame{min-height:500px}
.social-section{margin-top:90px}
@media(max-width:900px){.header-inner,.nav-inner,.wrap,.footer-inner{padding-left:22px;padding-right:22px}.nav-inner{justify-content:flex-start}.lead{grid-template-columns:1fr}.logo-symbol{font-size:65px}.logo-symbol span{width:55px;top:34px}.brand strong{font-size:clamp(18px,4vw,32px)}.brand span{font-size:clamp(16px,3.4vw,28px)}.image-placeholder{aspect-ratio:1.65}.social-grid{grid-template-columns:1fr}}

/* Official logo: retain original aspect ratio and image without redraw. */
.masthead{margin:16px auto 0;display:flex;justify-content:center;align-items:center}
.masthead a{display:block;width:min(100%,850px)}
.official-logo{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:750px){.masthead{margin-top:12px}.masthead a{width:100%}.official-logo{height:auto}}

/* Japan local date + live Takaoka conditions */
.header-status{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;letter-spacing:.045em}.weather{color:#174b73;font-weight:700;border-left:1px solid #cdd7de;padding-left:20px}.topline{align-items:center;gap:12px}.owned-sites{margin:62px 0 80px}.owned-sites h2 small{font-size:13px;letter-spacing:.02em;color:#7d8993;font-weight:400;margin-left:12px}.site-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.site-links a{border:1px solid #d8e1e8;padding:22px;min-width:0;min-height:172px;display:flex;flex-direction:column;gap:15px;transition:background .2s,border-color .2s}.site-links a:hover{background:#eef3f6;border-color:#174b73}.site-links-category{font-size:10px;color:#174b73;letter-spacing:.13em;font-family:Georgia,serif}.site-links strong{font-size:17px;line-height:1.35}.site-links a>span:last-child{font-size:12px;color:#647481;overflow-wrap:anywhere;margin-top:auto}.site-links-note{color:#66747e;font-size:12px;margin-top:14px}@media(max-width:1100px){.site-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.topline{flex-direction:column;align-items:stretch}.header-status{justify-content:space-between;gap:10px}.weather{padding-left:10px}.site-links{grid-template-columns:1fr}.site-links a{min-height:130px}.owned-sites h2 small{display:block;margin:8px 0 0}}

.live-info{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1100px;margin:12px auto 25px;padding:20px 28px;background:#f1f6f9;border-top:2px solid #174b73;border-bottom:1px solid #d7e3ea}.live-date,.live-weather{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.live-weather{border-left:1px solid #c9d8e2}.live-label{font:700 12px Georgia,serif;letter-spacing:.14em;color:#174b73}.live-info strong{font-size:clamp(17px,1.45vw,25px);line-height:1.4;letter-spacing:.025em;color:#15283a}.social-section{margin-top:32px}.social-section .section-heading{display:block}.social-section .section-heading h2{margin:0;font-size:26px}.owned-sites{margin-top:65px}@media(max-width:650px){.live-info{grid-template-columns:1fr;gap:14px;padding:15px}.live-weather{border-left:0;border-top:1px solid #c9d8e2;padding-top:14px}.live-info strong{font-size:18px}}

/* Date, time, weather in one clearly visible status strip */
.live-info{grid-template-columns:1.2fr .85fr 1.35fr;max-width:1280px;gap:0}
.live-info>div{padding-inline:16px}
.live-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border-left:1px solid #c9d8e2}
#japan-clock{font-variant-numeric:tabular-nums;letter-spacing:.09em;font-size:clamp(22px,1.7vw,30px)}
@media(max-width:650px){.live-info{grid-template-columns:1fr}.live-info>div{padding:12px 8px}.live-clock,.live-weather{border-left:0;border-top:1px solid #c9d8e2}.live-clock{padding-top:14px}}
