:root{--navy:#172b4d;--blue:#2563eb;--surface:#f5f7fa;--text:#1f2937;--muted:#64748b;--line:#e5e7eb;--max:1180px}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-top{height:88px;display:flex;align-items:center;gap:22px}.logo{font-size:44px;font-weight:900;letter-spacing:-3px;color:var(--navy)}.logo span{color:var(--blue)}.header-top p{font-size:13px;font-weight:700}.search{margin-left:auto;background:var(--surface);border:0;padding:10px;border-radius:8px}.menu{display:none}nav{border-top:1px solid #f3f4f6}nav .wrap{display:flex;justify-content:space-between}nav a{padding:12px 4px;font-size:13px;font-weight:700}.hero{background:linear-gradient(105deg,#f7fbfd,#e7f2f7)}.hero-grid{min-height:350px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:55px 30px}.hero h1{font-size:48px;line-height:1.35;color:var(--navy);margin:0}.hero h1 strong{font-size:1.2em;color:var(--blue)}.hero p{font-weight:700;color:var(--navy)}.hero-image{background:center/cover no-repeat}.button{display:inline-block;border:0;border-radius:7px;background:var(--blue);color:#fff;padding:9px 23px;font-weight:700}.section{padding:38px 0}.section-title{color:var(--navy);font-size:20px;border-left:3px solid var(--blue);padding-left:10px}.center{text-align:center;border:0;display:flex;justify-content:center;gap:20px}.center i{width:22px;height:2px;background:var(--blue);margin-top:16px}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.category{padding:13px 7px;text-align:center;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 12px #172b4d10}.category small{color:#55a5c5;font-weight:800}.icon{height:43px;color:var(--blue);font-size:29px}.category h3{font-size:14px;color:var(--navy);margin:3px 0}.category p{font-size:10px;color:var(--muted);line-height:1.5}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px}.featured{display:grid;grid-template-columns:1fr 1fr;gap:18px}.featured-img{min-height:210px;background:center/cover;border-radius:6px}.featured h3{font-size:21px;color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.card{min-width:0}.card-img{height:125px;background:var(--surface) center/cover;border-radius:6px}.card h3{font-size:14px;line-height:1.5;color:var(--navy)}.card p{font-size:11px;color:var(--muted)}time{font-size:11px;color:var(--muted)}.side-box,.newsletter{border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:18px}.side-box h2{font-size:16px;color:var(--navy);margin-top:0}.rank{list-style:none;padding:0;margin:0}.rank li{display:grid;grid-template-columns:25px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.newsletter{background:#eaf1ff;color:var(--navy)}.newsletter b{font-size:19px}.newsletter span{font-size:14px;color:var(--blue)}.cats{list-style:none;padding:0}.cats li{border-bottom:1px solid var(--line);padding:5px;font-size:13px}footer{background:var(--navy);color:#fff;padding:40px 0 15px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:30px}.footer-grid .logo{color:#fff}.footer-grid a{display:block;color:#d2deeb;font-size:13px}.footer-grid p{font-size:12px;color:#d2deeb}.copyright{text-align:center;border-top:1px solid #fff3;margin-top:30px;padding-top:12px;font-size:12px;color:#d2deeb}@media(max-width:900px){.category-grid{grid-template-columns:repeat(4,1fr)}.layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}.article-body{font-size:15px;line-height:1.9;color:#1f2937}.article-summary{margin:0 0 24px;padding:16px 18px;background:#eef6ff;border:1px solid #d4e6ff;border-left:4px solid #2563eb;border-radius:8px}.article-summary h2{margin:0 0 8px;font-size:14px;color:#2563eb;font-weight:800}.article-summary p,.article-summary{font-size:14px;line-height:1.8;color:#334155;margin:0}.article-body h2{font-size:21px;color:#172b4d;margin:26px 0 10px;line-height:1.5}.article-body h3{font-size:17px;color:#172b4d;margin:20px 0 8px;line-height:1.5}.article-body p{margin:0 0 14px}.article-body blockquote{margin:14px 0;padding:10px 16px;border-left:4px solid #2563eb;color:#475569;background:#f8fafc}.article-body pre{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:8px;overflow:auto;font-size:13px;margin:14px 0}.article-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:13px}.article-body pre code{background:none;padding:0;color:#e2e8f0}.article-body a{color:#2563eb;text-decoration:underline}.article-body ul,.article-body ol{padding-left:24px;margin:10px 0}.article-body li{margin:4px 0}.lead{margin-bottom:20px;font-weight:500}
@media(max-width:767px){.wrap{width:calc(100% - 28px)}.header-top{height:70px}.header-top p,.search{display:none}.menu{display:block;margin-left:auto}nav .wrap{display:block}nav a{display:inline-block;margin-right:10px}.hero-grid{grid-template-columns:1fr}.hero-image{min-height:200px;order:-1}.hero-copy{padding:30px 0}.hero h1{font-size:34px}.category-grid{grid-template-columns:repeat(2,1fr)}.featured{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}

/* ===== taketoyo.net demo theme ===== */
:root{--navy:#07518c;--blue:#1478bd;--deep:#07518c;--surface:#f0f6fa;--text:#17324d;--muted:#5b7186;--line:#dfe8ef;--bg:#f7fafc}
body{background:var(--bg);color:var(--text)}
.site-header{background:#fff;box-shadow:0 1px 6px #1478bd14;border-bottom:1px solid var(--line)}
.header-top{height:96px;gap:18px}
.logo{display:flex;align-items:center;gap:12px;font-size:30px;letter-spacing:-1px;color:#111}
.logo .mark{display:inline-grid;place-items:center;width:52px;height:52px;border:5px solid var(--blue);border-radius:50%;font-size:26px;color:var(--blue);font-weight:900}
.logo .brand-text{line-height:1.15}
.logo .brand-text small{display:block;font-size:12px;font-weight:700;color:#333}
.logo .brand-text b{display:block;font-size:27px;font-weight:900}
.logo>span:not(.mark):not(.brand-text){color:var(--blue)}
.header-top p{color:var(--muted);font-size:12px}
.search{background:var(--surface);border-radius:20px}
nav{border-top:1px solid #eef4f9}
nav a{color:var(--text);font-weight:700}
nav a:hover,nav a.active{color:var(--blue)}
.hero{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:#dbeaf2}
.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.14);z-index:1}
.hero-inner{width:100%;position:relative;z-index:2}
.hero-copy{padding:60px 0;text-align:center}
.hero-eyebrow{margin:0;font-size:31px;font-weight:800;letter-spacing:5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.hero h1{font-family:Georgia,'Yu Mincho','Noto Serif JP',serif;font-size:64px;letter-spacing:16px;color:#fff;margin:8px 0 14px;line-height:1.1;text-shadow:0 3px 10px rgba(0,0,0,.4)}
.hero p{font-weight:700;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.4)}
.hero .button{margin-top:18px}
.hero-image{display:none}
.button{background:var(--blue);border-radius:8px;font-weight:700}
.section{padding:36px 0}
.section-title{color:var(--deep);border-left:3px solid var(--blue)}
.center i{background:var(--blue)}
.category-grid{grid-template-columns:repeat(5,1fr);gap:12px}
.category{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 14px #1478bd0f;padding:16px 8px}
.category .icon{height:52px;font-size:35px;color:var(--blue)}
.category h3{color:var(--deep)}
.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 14px #1478bd0d}
.site-footer{background:#07518c;color:#fff;margin-top:20px}
.site-footer .logo{color:#fff}
.site-footer .logo .mark{border-color:#fff;color:#fff}
.site-footer a:hover{color:#cfe6f5}
.site-footer h2{color:#fff}
.featured .tag,.tag{background:var(--blue);color:#fff;border-radius:4px;font-size:11px;font-weight:700;padding:2px 9px}
.section-count{color:var(--blue)}
.new-title{color:var(--deep)}
.tab-btn.active{color:var(--blue);border-color:var(--blue)}
.featured-btn{color:var(--blue)}
.pager .current{background:var(--blue);color:#fff;border-color:var(--blue)}
.pager a:hover{color:var(--blue)}
.external-mark{color:var(--blue)}
.back-link{color:var(--blue)}
@media(max-width:767px){.header-top{height:76px}.logo .mark{width:40px;height:40px;font-size:20px;border-width:4px}.logo .brand-text b{font-size:21px}.hero{min-height:420px}.hero-eyebrow{font-size:22px}.hero h1{font-size:42px;letter-spacing:8px}.category-grid{grid-template-columns:repeat(2,1fr)}}

/* Demo-inspired portal home */
.demo-home{background:#fff;color:#172b4d}.demo-home .site-header{height:112px}.demo-home .header-top{height:112px;max-width:1240px;gap:22px}.demo-home .logo{flex:0 0 auto}.demo-home .header-top>p{font-size:11px;line-height:1.5;white-space:nowrap}.demo-nav{display:flex;align-self:stretch;align-items:stretch;gap:4px;margin-left:auto;border:0}.demo-nav a{display:flex;min-width:72px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 8px;border-top:0;color:#222;font-size:25px;line-height:1}.demo-nav a small{font-size:11px;font-weight:700;white-space:nowrap}.demo-nav a.active{color:#1478bd;border-bottom:4px solid #1478bd}.demo-home .menu{display:none}.demo-hero{height:500px;position:relative;overflow:hidden;background:#d9ecf7}.demo-hero>img{width:100%;height:100%;object-fit:cover;display:block}.demo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(255,255,255,.25) 55%,transparent 78%)}.demo-hero-copy{position:absolute;z-index:1;top:78px;left:max(calc((100% - 1180px)/2),32px);color:#111}.demo-hero-copy p{margin:0 0 18px;font-family:'Yu Mincho','Noto Serif JP',serif;font-size:34px;line-height:1.55;letter-spacing:4px}.demo-hero-copy strong{color:#1478bd;font-size:1.18em}.demo-hero-copy small{font-size:14px;font-weight:700;line-height:2}.demo-notice{position:absolute;z-index:2;bottom:28px;right:max(calc((100% - 1180px)/2),32px);display:flex;align-items:center;gap:18px;width:590px;padding:12px 22px;border-radius:28px;background:#fff;box-shadow:0 3px 12px #07518c25;font-size:12px}.demo-notice b{padding:5px 13px;border-radius:12px;background:#1478bd;color:#fff;font-size:11px}.demo-notice time{color:#8996a2}.demo-notice i{margin-left:auto;color:#1478bd;font-style:normal;font-weight:700}.demo-section{padding:34px 0}.demo-heading{text-align:center;font-size:20px;font-weight:700;letter-spacing:2px;margin:0 0 20px}.demo-heading i{color:#1478bd;font-style:normal;margin:0 18px}.demo-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.demo-categories a{display:flex;min-height:142px;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px;border:1px solid #e0e8ee;border-radius:11px;background:#fff;box-shadow:0 4px 12px #17324d12;text-align:center}.demo-categories strong{font-size:42px;line-height:1;color:#1478bd}.demo-categories a:nth-child(2) strong{color:#46a35b}.demo-categories a:nth-child(3) strong{color:#f0a323}.demo-categories a:nth-child(4) strong{color:#dc4770}.demo-categories a:nth-child(5) strong{color:#72509b}.demo-categories b{margin-top:10px;font-size:15px}.demo-categories small{margin-top:6px;font-size:11px;color:#445463}.demo-news-row{display:grid;grid-template-columns:2fr 1fr;gap:26px;padding-top:0}.demo-news,.demo-about{border-radius:10px;background:#fff;box-shadow:0 3px 16px #17324d0e}.demo-news{padding:22px 28px}.demo-news h2{margin:0 0 12px;font-size:21px}.demo-news h2 a,.demo-heading-left a{float:right;color:#1478bd;font-size:12px;font-weight:700}.demo-news>a{display:grid;grid-template-columns:85px 70px 1fr;align-items:center;min-height:38px;border-bottom:1px solid #e7edf1;font-size:12px}.demo-news>a time{color:#172b4d}.demo-news>a b{width:max-content;padding:2px 10px;border-radius:3px;background:#5bb66b;color:#fff;font-size:10px}.demo-news>a:nth-child(3n) b{background:#eeab37}.demo-about{overflow:hidden;padding-bottom:14px}.demo-about img{width:100%;height:145px;object-fit:cover}.demo-about h2,.demo-about p,.demo-about>b{display:block;margin-left:22px;margin-right:22px}.demo-about h2{font-size:18px;margin-bottom:4px}.demo-about p{font-size:11px;line-height:1.7}.demo-about>b{padding:6px 14px;border:1px solid #1478bd;border-radius:20px;color:#1478bd;text-align:center;font-size:11px}.demo-card-section{padding-top:28px}.demo-heading-left{margin:0 0 16px;font-size:20px}.demo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.demo-card{display:block}.demo-card img{width:100%;height:150px;display:block;object-fit:cover;border-radius:8px}.demo-card h3{margin:8px 0 3px;color:#07518c;font-size:15px}.demo-card h3 em{float:right;padding:2px 9px;border-radius:4px;background:#f0a323;color:#fff;font-size:10px;font-style:normal}.demo-card p{margin:0;font-size:11px;line-height:1.65}.demo-events{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.demo-event{padding:10px;border:1px solid #e1e8ed;border-radius:9px;box-shadow:0 2px 8px #17324d10}.demo-event>div{display:flex;gap:10px;align-items:center;margin-bottom:8px}.demo-event strong{color:#1478bd;font-size:24px;font-weight:500}.demo-event small{font-size:10px;line-height:1.5}.demo-event img{width:100%;height:86px;object-fit:cover;border-radius:6px}.demo-links{padding:34px 0 48px;text-align:center}.demo-links h2{font-size:20px;margin:0 0 20px}.demo-links>div>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.demo-links a{padding:13px 6px;border:1px solid #e0e8ee;border-radius:6px;color:#1478bd;font-size:11px;font-weight:700}
@media(max-width:800px){.demo-home .site-header,.demo-home .header-top{height:auto}.demo-home .header-top{padding:12px 0;flex-wrap:wrap}.demo-home .header-top>p{display:none}.demo-nav{order:3;width:100%;overflow-x:auto}.demo-nav a{min-width:72px}.demo-hero{height:430px}.demo-hero-copy{left:20px;top:55px}.demo-hero-copy p{font-size:25px}.demo-notice{right:15px;bottom:15px;width:calc(100% - 30px);gap:8px;padding:10px 12px}.demo-notice span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-categories,.demo-cards,.demo-events{grid-template-columns:repeat(2,1fr)}.demo-news-row{grid-template-columns:1fr}.demo-links>div>div{grid-template-columns:repeat(2,1fr)}.demo-card img{height:130px}}