
:root{--accent:#d84a2f;--paper:#f2efe7;--ink:#171918}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Meiryo UI,Meiryo,system-ui,sans-serif}.head{min-height:74px;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #9995}.head>b,.head>span{letter-spacing:.12em}.head.dark,.head.mono,.head.expo,.head.constellation{background:#111;color:white}.head.bright{background:#ffd83e}.head.serif{font-family:Georgia,serif}.head.score{background:#164c2d;color:#fff}.head.ticket{background:#f7c443}.head.newspaper{background:#e9e4d7;font-family:Georgia,serif}.head.civic{background:#184e3a;color:white}.head.gallery{background:#fff}.head.program{background:#25205c;color:#fff}.head.ribbon{background:var(--accent);color:#fff}.head.transit{background:#164ad9;color:#fff}.head.magazine{background:#ff4f77;color:#111}nav{display:flex;gap:20px;font-size:11px}nav a{color:inherit;text-decoration:none}.hero{min-height:620px;position:relative;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.hero-copy{padding:6vw;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(42px,6.2vw,94px);line-height:.96;margin:14px 0;letter-spacing:-.04em}.hero-copy .en,.eyebrow{letter-spacing:.14em}.eyebrow{font-size:11px;font-weight:800;color:var(--accent)}.hero-copy .en{font-size:12px;font-weight:800}.hero-copy .summary{max-width:620px;line-height:1.8}.hero-copy>span{margin-top:8px}.hero-mark{display:grid;place-items:center;align-content:center;width:150px;min-height:150px;background:var(--accent);color:white;text-align:center}.hero-mark b{font-size:58px;line-height:1}.hero-mark small{letter-spacing:.13em}.h-split{display:grid;grid-template-columns:1fr 1.12fr}.h-postcard{background:#70c7bd;padding:5vw;display:grid;grid-template-columns:1.25fr .75fr}.h-postcard .paper{background:#fff8de;margin:35px 0 35px -45px;z-index:2;transform:rotate(1deg);box-shadow:0 22px 60px #194b5240}.h-postcard .hero-mark{position:absolute;right:25px;top:25px}.h-stage{display:grid;grid-template-columns:1fr 1.1fr;background:#101314;color:#fff}.h-stage .image-frame{padding:35px 0 35px 35px}.h-stage .hero-mark{position:absolute;bottom:20px;right:20px}.h-prize{display:grid;grid-template-columns:150px 1fr 1fr;background:#e7dfcb;align-items:center}.h-prize .hero-mark{border-radius:50%;margin-left:20px}.h-score{height:670px}.h-score .hero-copy{position:absolute;left:5vw;top:7vw;width:min(520px,44vw);background:#fffffff0;border-left:9px solid var(--accent)}.h-score .scoreline{position:absolute;right:3vw;bottom:10px;color:#fff;font:900 8vw Arial;opacity:.5}.h-ticket{display:grid;grid-template-columns:1fr 160px 1.05fr;background:#f7c443;padding:45px}.h-ticket .hero-copy{background:#fff}.h-ticket .hero-mark{height:100%;writing-mode:vertical-rl}.h-vertical{display:grid;grid-template-columns:.28fr 1.2fr .72fr;background:#ece6f7;padding:42px;gap:20px}.h-vertical .vertical-title{writing-mode:vertical-rl}.h-vertical .vertical-title h1{font-size:46px}.h-vertical .note{background:#fff;align-self:end;margin-left:-75px;z-index:2;box-shadow:0 18px 45px #3b215033}.h-terminal{display:grid;grid-template-columns:160px 1fr 1.08fr;background:#092823;color:#fff}.h-terminal .hero-mark{height:100%;background:#133b33}.h-terminal .hero-copy h1{color:#f0cf54}.h-news{display:grid;grid-template-columns:.75fr 1.25fr;background:#e9e4d7}.h-news .hero-copy h1{font-family:Georgia,serif}.h-news .caption{position:absolute;left:5vw;bottom:25px;border-top:3px solid;padding-top:8px;font:700 12px Georgia}.h-campus{display:grid;grid-template-columns:1.2fr .85fr 150px;background:#ffd83e;padding:40px}.h-campus .hero-copy{background:#fff}.h-civic{display:grid;grid-template-columns:1fr 1fr;background:#dcebd4}.h-civic .hero-copy h1{color:#174f39}.h-civic img{clip-path:circle(72% at 72% 50%)}.orbit{width:42px;height:42px;border:2px solid #b9de64;border-radius:50%}.h-expo{display:grid;grid-template-columns:28px 1fr 1.1fr 140px;background:#0d1011;color:#fff}.h-expo .stripe{background:var(--accent)}.h-expo .hero-copy h1{font-family:Impact,Arial Black,sans-serif}.h-expo .hero-mark{height:100%;background:#222}.h-diagonal{display:grid;grid-template-columns:1.1fr .9fr;background:#e6dfd1}.h-diagonal img{clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}.h-diagonal i{position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border:40px solid var(--accent);border-radius:50%}.h-gallery{display:grid;grid-template-columns:1.2fr .8fr 150px;background:#fff;padding:45px}.h-gallery .frame{border:18px solid #f4f1e8;box-shadow:0 20px 50px #1112}.h-gallery .hero-mark{align-self:end}.h-ledger{display:grid;grid-template-columns:150px .82fr 1.18fr;background:repeating-linear-gradient(#f3efe5,#f3efe5 49px,#d8d2c5 50px)}.h-ledger .hero-mark{height:100%;background:#222}.h-ledger .ledger-image{padding:45px}.h-program{display:grid;grid-template-columns:.35fr .75fr 1.1fr;background:#25205c;color:#fff}.h-program .big-number{font:900 15vw Arial;color:#ffdc3e;align-self:center;transform:rotate(-90deg)}.h-ribbon{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff}.h-ribbon .ribbon-label{position:absolute;right:-45px;top:55px;padding:18px 70px;background:var(--accent);color:#fff;transform:rotate(45deg)}.h-index{display:grid;grid-template-columns:150px 1.15fr .85fr;background:#e9e5dc}.h-index .hero-mark{height:100%}.h-index .index-image{padding:40px}.h-mosaic{display:grid;grid-template-columns:.25fr 1fr .25fr 1fr;background:#ffdd48}.h-mosaic .tile.t1{background:var(--accent)}.h-mosaic .tile.t2{background:#1c4ed5}.h-bracket{display:grid;grid-template-columns:.9fr .18fr 1.1fr 150px;background:#122f26;color:white}.h-bracket .bracket-lines{background:linear-gradient(90deg,transparent 48%,#f0ce55 49%,#f0ce55 51%,transparent 52%),linear-gradient(#0000 48%,#f0ce55 49%,#f0ce55 51%,#0000 52%)}.h-bracket .hero-mark{height:100%}.h-stamp{height:670px}.h-stamp .hero-copy{position:absolute;right:5vw;bottom:45px;width:min(560px,50vw);background:#fff}.stamp-shape{position:absolute;left:4vw;top:4vw;padding:22px;border:5px double #a32924;color:#a32924;font:900 24px Georgia;transform:rotate(-8deg)}.h-transit{display:grid;grid-template-columns:80px .82fr 1.18fr;background:#edf0f2}.h-transit .route{background:linear-gradient(90deg,#164ad9 0 35%,#ffce31 35% 65%,#e83444 65%)}.h-constellation{display:grid;grid-template-columns:150px .9fr .18fr 1.1fr;background:#111a32;color:#fff}.h-constellation .hero-mark{height:100%;background:#25345e}.h-constellation .stars{background:radial-gradient(circle,#ffe86a 0 2px,transparent 3px) 0 0/22px 35px}.h-magazine{display:grid;grid-template-columns:1.2fr .8fr 60px;background:#ff4f77;padding:40px}.h-magazine img{box-shadow:18px 18px 0 #191919}.h-magazine .cover-copy{background:#fff;margin:35px 0 35px -35px;z-index:2}.h-magazine .side-copy{writing-mode:vertical-rl;letter-spacing:.15em;font-weight:900}.section{padding:88px max(5vw,calc((100vw - 1180px)/2));border-top:1px solid #9994}.section>h2,.section>div>h2{font-size:clamp(32px,4vw,58px);margin:8px 0 40px}.section-kicker{color:var(--accent);font-size:11px;letter-spacing:.18em;font-weight:800}.intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.intro>div>p{font-size:18px;line-height:1.9}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid}.metrics div{padding:20px 5px;border-right:1px solid #9995}.metrics strong,.metrics span{display:block}.metrics strong{font-size:30px;color:var(--accent)}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.people-grid article{background:#fff;padding:28px;min-height:205px;border-top:5px solid var(--accent)}.people-grid article>span{color:var(--accent);font:12px Georgia}.people-grid h3{font-size:22px;margin:32px 0 8px}.people-grid p{font-weight:700}.people-grid small{color:#6b6f6d}.awards{background:#1a1d1c;color:#fff}.award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.award-grid article{padding:30px;border:1px solid #fff3;background:#fff1}.award-grid article>span,.award-grid strong{color:#ffdb5d}.award-grid h3{font-size:22px}.timeline{border-top:2px solid}.timeline>div{display:grid;grid-template-columns:100px 55px 1fr;align-items:center;border-bottom:1px solid #9995;padding:19px 0}.timeline time{font-weight:800;color:var(--accent)}.timeline p{font-size:17px}.orgs{background:#dcd8ce}.org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#9995}.org-grid div{background:var(--paper);padding:28px;min-height:110px;display:flex;align-items:center;font-weight:700}.site-footer{padding:48px 5vw;background:#111;color:#aaa;display:flex;justify-content:space-between;gap:25px;font-size:12px}.site-footer strong{color:#ffda45}.site-footer a{color:#fff}
.skin-0 .section>h2,.skin-0 .section>div>h2{font-family:Georgia,"Yu Mincho",serif}.skin-0 .people-grid article{border-top:1px solid;border-bottom:1px solid;background:transparent}.skin-0 .award-grid article{border-width:0 0 0 4px}.skin-0 .timeline>div{grid-template-columns:120px 1fr}.skin-0 .timeline>div>span{display:none}
.skin-1 .section:nth-of-type(even){background:#fff}.skin-1 .people-grid{grid-template-columns:repeat(2,1fr)}.skin-1 .people-grid article{border:0;border-radius:26px;box-shadow:0 12px 30px #1111}.skin-1 .award-grid article{border-radius:60px 8px 8px 8px;padding:42px}.skin-1 .org-grid{gap:12px;background:transparent}.skin-1 .org-grid div{border-radius:50px;justify-content:center;text-align:center}
.skin-2{background:#0d1110;color:#edf4ef}.skin-2 .section{border-color:#fff2}.skin-2 .section:nth-of-type(odd){background:#151b19}.skin-2 .people-grid article{background:#202926;border-left:1px solid #fff2;border-top:0}.skin-2 .people-grid small{color:#aeb8b3}.skin-2 .timeline>div{border-color:#fff2}.skin-2 .orgs{background:#101513}.skin-2 .org-grid div{background:#1d2522}.skin-2 .awards{background:var(--accent);color:#101513}.skin-2 .award-grid article>span,.skin-2 .award-grid strong{color:#111}
.skin-3 .section>h2,.skin-3 .section>div>h2{text-align:center;font-family:"Yu Mincho",Georgia,serif}.skin-3 .section-kicker{text-align:center}.skin-3 .people-grid article{text-align:center;border-top:0;border-bottom:5px solid var(--accent)}.skin-3 .award-grid{gap:0}.skin-3 .award-grid article{min-height:260px;text-align:center}.skin-3 .metrics{border:0}.skin-3 .metrics div{text-align:center;border:0}
.skin-4 .section>h2,.skin-4 .section>div>h2{font-family:Arial Black,Meiryo UI,sans-serif;font-style:italic;text-transform:uppercase}.skin-4 .people-grid article{transform:skew(-2deg);border-top:0;border-left:8px solid var(--accent)}.skin-4 .award-grid article{clip-path:polygon(0 0,94% 0,100% 100%,6% 100%)}.skin-4 .timeline>div{grid-template-columns:130px 40px 1fr;border-bottom:3px solid}.skin-4 .timeline time{font-size:24px}
.skin-5 .section{background:#f7e5bf;color:#171918}.skin-5 .section:nth-of-type(even){background:#f1d58d}.skin-5 .people-grid article,.skin-5 .award-grid article,.skin-5 .org-grid div{border:2px dashed #171918;background:transparent}.skin-5 .awards{color:#171918}.skin-5 .award-grid article>span,.skin-5 .award-grid strong{color:#8e2f20}.skin-5 .timeline{border:2px dashed;padding:0 25px}
.skin-6 .section>h2,.skin-6 .section>div>h2{writing-mode:vertical-rl;min-height:190px;float:left;margin-right:45px}.skin-6 .section{overflow:hidden}.skin-6 .people-grid{grid-template-columns:repeat(2,1fr)}.skin-6 .people-grid article{min-height:240px;border-top:0;border-right:6px solid var(--accent)}.skin-6 .award-grid article:nth-child(2){transform:translateY(35px)}.skin-6 .org-grid{grid-template-columns:1fr 1fr}
.skin-7{font-family:"Courier New",Meiryo UI,monospace}.skin-7 .section{border-top:2px solid var(--accent)}.skin-7 .section-kicker{background:var(--accent);color:#111;display:inline-block;padding:6px 10px}.skin-7 .people-grid{gap:1px;background:#111}.skin-7 .people-grid article{border:0}.skin-7 .award-grid article{border:1px dashed #fff7}.skin-7 .org-grid div:before{content:"> ";color:var(--accent)}
@media(max-width:820px){.head{display:block}.head nav{overflow:auto;margin-top:12px;padding-bottom:4px}.hero,.h-split,.h-postcard,.h-stage,.h-prize,.h-ticket,.h-vertical,.h-terminal,.h-news,.h-campus,.h-civic,.h-expo,.h-diagonal,.h-gallery,.h-ledger,.h-program,.h-ribbon,.h-index,.h-mosaic,.h-bracket,.h-transit,.h-constellation,.h-magazine{display:block;min-height:0;height:auto;padding:0}.hero img,.h-score{height:360px;clip-path:none}.hero-copy{padding:42px 24px}.hero-copy h1{font-size:40px}.hero-mark{width:100%;min-height:80px}.h-postcard .paper,.h-gallery .cover-copy,.h-magazine .cover-copy{margin:-25px 18px 20px;position:relative}.h-score{height:580px}.h-score .hero-copy,.h-stamp .hero-copy{left:18px;right:18px;top:25px;bottom:auto;width:auto}.h-vertical .vertical-title{writing-mode:horizontal-tb;padding:20px}.h-vertical .note{margin:-25px 18px 20px}.h-prize .hero-mark{margin:20px;border-radius:0;width:calc(100% - 40px)}.h-ticket .hero-mark,.h-terminal .hero-mark,.h-ledger .hero-mark,.h-bracket .hero-mark,.h-constellation .hero-mark{height:80px}.h-civic img{clip-path:none}.h-program .big-number{transform:none;padding:15px}.h-magazine .side-copy{display:none}.intro{display:block}.people-grid,.award-grid,.org-grid{grid-template-columns:1fr!important}.section{padding:62px 24px}.section>h2,.section>div>h2{writing-mode:horizontal-tb!important;float:none!important;min-height:0!important}.timeline>div{grid-template-columns:72px 35px 1fr!important}.site-footer{display:block}.site-footer span,.site-footer a{display:block;margin-top:10px}}

/* Genre-specific systems derived from the information architecture of real event sites.
   No logos, names, copy, or trade dress are reproduced. */
body{--bg:#fff;--fg:#111;--accent:#e23;--accent2:#ffd500;--surface:#fff;--line:#111;--heading:"Meiryo UI",Meiryo,sans-serif;--body:"Meiryo UI",Meiryo,sans-serif;background:var(--bg);color:var(--fg);font-family:var(--body)}
body .hero-copy h1,body .section h2,body .people-grid h3,body .award-grid h3{font-family:var(--heading)!important}
body .head{background:var(--surface);color:var(--fg);font-family:var(--heading);border-color:var(--line)}
body .eyebrow,body .section-kicker,body .metrics strong,body .timeline time{color:var(--accent)}
body .people-grid article{background:var(--surface)}
.genre-header{position:relative;z-index:4}
.genre-ribbon{min-height:48px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#fff;font:800 11px/1 var(--heading);letter-spacing:.16em}
.genre-ribbon i{font-style:normal;font-size:18px}
main[class^="template-"] .section{position:relative}
main[class^="template-"] .section[data-position]::after{content:attr(data-position);position:absolute;right:4vw;top:28px;font:900 11px/1 var(--heading);opacity:.35}

/* 01 Materials / research proceedings: compact, indexed, tabular. */
.category-materials{--bg:#f4f7ff;--fg:#071c4b;--accent:#0057ff;--accent2:#00b7ff;--surface:#fff;--line:#8ea7dd;--heading:"Arial Black","Yu Gothic",Meiryo,sans-serif;--body:"Meiryo UI","Yu Gothic",sans-serif}
.category-materials .genre-ribbon{background:#0057ff}
.category-materials .hero{border-bottom:14px solid #0057ff}
.template-proceedings{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr);background:#f4f7ff}
.template-proceedings #about,.template-proceedings #program,.template-proceedings #people{grid-column:1}
.template-proceedings #awards,.template-proceedings #orgs{grid-column:2;padding:56px 32px;border-left:1px solid #8ea7dd}
.template-proceedings #awards{grid-row:1/3;background:#071c4b;color:#fff}
.template-proceedings #orgs{grid-row:3;background:#dce6ff}
.template-proceedings .award-grid,.template-proceedings .org-grid{grid-template-columns:1fr}
.template-proceedings .timeline>div{grid-template-columns:86px 42px 1fr;padding:13px 0}
.template-proceedings .people-grid{grid-template-columns:1fr 1fr}

/* 02 International exchange / campus journal: editorial and human-centred. */
.category-exchange{--bg:#fff4cf;--fg:#420015;--accent:#bd003b;--accent2:#ffcc00;--surface:#fffaf0;--line:#bd8b61;--heading:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;--body:"Yu Mincho","MS Mincho",serif}
.category-exchange .head{justify-content:center;gap:8vw;border-top:9px double #bd003b}
.category-exchange .genre-ribbon{background:#420015;color:#ffd85b}
.category-exchange .hero{border-bottom:1px solid #420015}
.template-campus-journal #about{text-align:center;padding-inline:16vw}
.template-campus-journal #people{background:#bd003b;color:#fff}
.template-campus-journal .people-grid{grid-template-columns:repeat(2,1fr);max-width:920px;margin:auto}
.template-campus-journal .people-grid article{background:#fff4cf;color:#420015;border:0;border-radius:0 70px 0 0}
.template-campus-journal #program{max-width:980px;margin:auto}
.template-campus-journal .timeline>div:nth-child(even){margin-left:12%;background:#ffe386;padding-left:24px}
.template-campus-journal #orgs .org-grid{grid-template-columns:1fr 1fr;background:transparent;gap:16px}
.template-campus-journal #awards{background:#420015}

/* 03 Industrial expo: black/orange floor signage. */
.category-industry{--bg:#e8edf0;--fg:#12171a;--accent:#ff4b00;--accent2:#ffd000;--surface:#fff;--line:#161b1e;--heading:Impact,"Arial Black","Yu Gothic",sans-serif;--body:"Meiryo UI","Yu Gothic",sans-serif}
.category-industry .head{background:#111;color:#fff;border-bottom:8px solid #ff4b00}
.category-industry .genre-ribbon{background:#ffd000;color:#111}
.category-industry .hero{background:#111;color:#fff}
.template-expo-floor #program{background:#111;color:#fff}
.template-expo-floor .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border:0}
.template-expo-floor .timeline>div{display:block;min-height:170px;padding:22px;background:#252b2e;border:0}
.template-expo-floor .timeline time{font-size:30px}
.template-expo-floor #about .metrics{background:#ff4b00;color:#fff;border:0;padding:18px}
.template-expo-floor #people .people-grid{grid-template-columns:repeat(2,1fr)}
.template-expo-floor #orgs{background:#ffd000;color:#111}

/* 04 Awards: winners first, gallery-like, large negative space. */
.category-science-award{--bg:#fff;--fg:#17111f;--accent:#7b00ff;--accent2:#ffd400;--surface:#fff;--line:#17111f;--heading:Georgia,"Yu Mincho",serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-science-award .head{background:#17111f;color:#fff}
.category-science-award .genre-ribbon{background:#7b00ff}
.template-laureates #awards{background:#fff;color:#17111f;padding-block:120px}
.template-laureates .award-grid{grid-template-columns:1.2fr .8fr .8fr;align-items:end}
.template-laureates .award-grid article{background:transparent;border:2px solid #17111f;min-height:300px;color:#17111f}
.template-laureates .award-grid article:first-child{min-height:430px;background:#7b00ff;color:#fff;border:0}
.template-laureates .award-grid article>span,.template-laureates .award-grid strong{color:#7b00ff}
.template-laureates .award-grid article:first-child span,.template-laureates .award-grid article:first-child strong{color:#ffd400}
.template-laureates #people .people-grid{grid-template-columns:repeat(4,1fr);gap:0}
.template-laureates #people article{border:1px solid #ddd;box-shadow:none}

/* 05 Running: race dashboard, result blocks, course checkpoints. */
.category-running{--bg:#f9fff0;--fg:#090909;--accent:#0057ff;--accent2:#c7ff00;--surface:#fff;--line:#090909;--heading:Impact,"Arial Black","Arial Narrow","Yu Gothic",sans-serif;--body:"Arial Narrow","Meiryo UI",sans-serif}
.category-running .head{background:#0057ff;color:#fff;border-bottom:0}
.category-running .genre-ribbon{background:#c7ff00;color:#090909}
.category-running .hero-copy h1{font-style:italic;text-transform:uppercase}
.template-race-day #awards{background:#090909;color:#fff}
.template-race-day .award-grid{grid-template-columns:1fr 1.5fr 1fr;align-items:end}
.template-race-day .award-grid article{border:0;background:#1b1b1b;min-height:220px}
.template-race-day .award-grid article:nth-child(2){min-height:330px;background:#0057ff}
.template-race-day #about .metrics{border:6px solid #090909}
.template-race-day .metrics div{text-align:center;border-right:6px solid #090909}
.template-race-day #program{background:#c7ff00;color:#090909}
.template-race-day .timeline{display:flex;gap:0;border:0;overflow:auto}
.template-race-day .timeline>div{display:block;min-width:210px;border-left:6px solid #090909;padding:28px}
.template-race-day .timeline time{font-size:34px;color:#0057ff}

/* 06 Racket sports: club green, scoreboard and draw-board rhythm. */
.category-racket{--bg:#f7f1da;--fg:#063b22;--accent:#007a43;--accent2:#f6d000;--surface:#fffdf4;--line:#007a43;--heading:"Times New Roman","Yu Mincho",serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-racket .head{background:#063b22;color:#fff;border-bottom:4px solid #f6d000}
.category-racket .genre-ribbon{background:#f6d000;color:#063b22}
.template-championship #awards{background:#007a43;color:#fff}
.template-championship .award-grid{display:table;width:100%;border-collapse:collapse}
.template-championship .award-grid article{display:table-row;background:transparent}
.template-championship .award-grid article>*{display:table-cell;padding:20px;border-bottom:1px solid #fff7}
.template-championship #program .timeline>div{grid-template-columns:130px 1fr 1fr;border-bottom:3px solid #007a43}
.template-championship #program .timeline>div span{font-size:28px;font-weight:900}
.template-championship .people-grid article{border:1px solid #007a43;border-radius:0;box-shadow:8px 8px 0 #f6d000}

/* 07 Mind games: dark tournament control and leaderboard rows. */
.category-mind{--bg:#160d2d;--fg:#fff;--accent:#ffd400;--accent2:#7b00ff;--surface:#2c1b55;--line:#ffd400;--heading:"MS Gothic","Courier New",monospace;--body:"Meiryo UI","MS Gothic",sans-serif}
.category-mind .head{background:#ffd400;color:#160d2d;border:0}
.category-mind .genre-ribbon{background:#7b00ff}
.template-leaderboard #awards{background:#160d2d}
.template-leaderboard .award-grid{display:block;counter-reset:rank}
.template-leaderboard .award-grid article{display:grid;grid-template-columns:80px 1.2fr 1fr 2fr;align-items:center;border:0;border-bottom:1px solid #ffd400;background:#2c1b55}
.template-leaderboard .award-grid article::before{counter-increment:rank;content:"0" counter(rank);font:900 38px/1 var(--heading);color:#ffd400}
.template-leaderboard .people-grid{display:table;width:100%;border-collapse:collapse}
.template-leaderboard .people-grid article{display:table-row;background:#211541;color:#fff}
.template-leaderboard .people-grid article>*{display:table-cell;padding:18px;border-bottom:1px solid #fff2}
.template-leaderboard #program{background:#ffd400;color:#160d2d}

/* 08 Puzzle walk: illustrated route and checkpoint cards. */
.category-puzzle{--bg:#fff1cd;--fg:#173e3a;--accent:#ef3c00;--accent2:#00aaa2;--surface:#fffaf0;--line:#173e3a;--heading:"Cooper Black",Georgia,"Yu Mincho",serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-puzzle .head{background:#fff1cd;border:3px dashed #173e3a}
.category-puzzle .genre-ribbon{background:#ef3c00}
.template-route-map #program{background:#00aaa2;color:#fff}
.template-route-map .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border:0;counter-reset:point}
.template-route-map .timeline>div{display:block;background:#fff1cd;color:#173e3a;border:3px dashed #173e3a;padding:25px;transform:rotate(-1deg)}
.template-route-map .timeline>div:nth-child(even){transform:rotate(1deg) translateY(24px)}
.template-route-map .timeline time{font-size:28px;color:#ef3c00}
.template-route-map #awards .award-grid article{border-radius:50%;aspect-ratio:1;display:grid;place-content:center;text-align:center}

/* 09 Civic forum: official information portal with dense utility blocks. */
.category-civic{--bg:#f5f8f4;--fg:#12351f;--accent:#007d40;--accent2:#e3b900;--surface:#fff;--line:#8ca696;--heading:"Arial","Yu Gothic",sans-serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-civic .head{background:#fff;border-top:12px solid #007d40}
.category-civic .genre-ribbon{background:#12351f}
.template-public-portal{display:grid;grid-template-columns:1fr 1fr}
.template-public-portal #about,.template-public-portal #program{grid-column:1/-1}
.template-public-portal #orgs,.template-public-portal #people{padding:64px 5vw}
.template-public-portal #orgs{background:#e5efe8}
.template-public-portal #people{background:#fff}
.template-public-portal #awards{grid-column:1/-1;background:#007d40}
.template-public-portal .timeline{display:grid;grid-template-columns:1fr 1fr;border:0;gap:1px;background:#8ca696}
.template-public-portal .timeline>div{background:#fff;display:grid;grid-template-columns:90px 1fr;padding:24px}
.template-public-portal .timeline>div span{display:none}

/* 10 Maker fair: deliberately loud zone tiles and chunky controls. */
.category-maker{--bg:#ffe100;--fg:#04185d;--accent:#ee153d;--accent2:#0048ff;--surface:#fff;--line:#04185d;--heading:"Arial Black","Yu Gothic",sans-serif;--body:"Trebuchet MS","Meiryo UI",sans-serif}
.category-maker .head{background:#ee153d;color:#fff;border:6px solid #04185d}
.category-maker .genre-ribbon{background:#0048ff}
.template-activity-zones .section{border-top:6px solid #04185d}
.template-activity-zones #people{background:#ffe100}
.template-activity-zones .people-grid{grid-template-columns:repeat(2,1fr);gap:22px}
.template-activity-zones .people-grid article{border:6px solid #04185d;box-shadow:12px 12px 0 #ee153d;min-height:260px}
.template-activity-zones #program{background:#0048ff;color:#fff}
.template-activity-zones .timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;border:0}
.template-activity-zones .timeline>div{background:#ffe100;color:#04185d;border:5px solid #04185d;padding:24px}
.template-activity-zones #about{background:#fff}

/* 11 Health: clinical information hierarchy, calm but high-contrast. */
.category-health{--bg:#f3ffff;--fg:#17235b;--accent:#ed0067;--accent2:#00c7d7;--surface:#fff;--line:#90cdd3;--heading:"Century Gothic","Yu Gothic",sans-serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-health .head{background:#17235b;color:#fff;border-bottom:8px solid #00c7d7}
.category-health .genre-ribbon{background:#ed0067}
.template-clinical-forum #about{background:#e5fdff}
.template-clinical-forum #program .timeline{border:1px solid #90cdd3}
.template-clinical-forum #program .timeline>div{grid-template-columns:110px 60px 1fr;background:#fff;padding:20px 28px}
.template-clinical-forum #program .timeline>div:nth-child(even){background:#e5fdff}
.template-clinical-forum .people-grid{grid-template-columns:repeat(2,1fr)}
.template-clinical-forum .people-grid article{border-left:12px solid #00c7d7;border-top:0}
.template-clinical-forum #awards{background:#17235b}

/* 12 Business summit: stage-first, speakers as editorial portraits. */
.category-business{--bg:#f4f7ff;--fg:#061945;--accent:#ff5400;--accent2:#0051ff;--surface:#fff;--line:#061945;--heading:"Arial Narrow","Yu Gothic",sans-serif;--body:"Meiryo UI","Yu Gothic",sans-serif}
.category-business .head{background:#061945;color:#fff}
.category-business .genre-ribbon{background:#ff5400}
.template-summit-stage #people{background:#061945;color:#fff}
.template-summit-stage .people-grid{grid-template-columns:1.6fr 1fr 1fr}
.template-summit-stage .people-grid article{background:#fff;color:#061945;border:0;min-height:300px}
.template-summit-stage .people-grid article:first-child{grid-row:span 2;min-height:620px;background:#0051ff;color:#fff}
.template-summit-stage #program .timeline>div{grid-template-columns:130px 80px 1fr;border-bottom:4px solid #061945}
.template-summit-stage #awards{background:#ff5400}
.template-summit-stage #about{display:grid;grid-template-columns:.7fr 1.3fr}

/* 13 Food/farm: market guide with stalls and program cards. */
.category-food{--bg:#fff0c9;--fg:#1d4a1a;--accent:#dd2e00;--accent2:#f1b900;--surface:#fff8e7;--line:#1d4a1a;--heading:"Cooper Black","Yu Mincho",serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-food .head{background:#1d4a1a;color:#fff;border-bottom:8px solid #f1b900}
.category-food .genre-ribbon{background:#dd2e00}
.template-market-guide #program{background:#fff0c9}
.template-market-guide .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:0}
.template-market-guide .timeline>div{display:block;background:#fff8e7;border:2px solid #1d4a1a;border-radius:50% 50% 12px 12px;padding:34px 22px;text-align:center;min-height:220px}
.template-market-guide .timeline time{font-size:26px;color:#dd2e00}
.template-market-guide #people{background:#1d4a1a;color:#fff}
.template-market-guide .people-grid article{border:0;border-radius:0;background:#fff8e7;color:#1d4a1a}
.template-market-guide #orgs{background:#f1b900}

/* 14 Design exhibition: white-cube catalogue and asymmetrical index. */
.category-design{--bg:#fff;--fg:#071467;--accent:#ff4b00;--accent2:#0036ff;--surface:#fff;--line:#071467;--heading:"Helvetica Neue",Arial,"Yu Gothic",sans-serif;--body:"Yu Gothic","Meiryo UI",sans-serif}
.category-design .head{background:#fff;border-bottom:1px solid #071467}
.category-design .genre-ribbon{background:#ff4b00}
.template-exhibition-catalog #awards{background:#fff;color:#071467;padding-top:140px}
.template-exhibition-catalog .award-grid{grid-template-columns:1.6fr .7fr .7fr;gap:40px}
.template-exhibition-catalog .award-grid article{background:#fff;color:#071467;border:1px solid #071467;min-height:360px}
.template-exhibition-catalog .award-grid article:first-child{background:#0036ff;color:#fff;transform:translateY(-70px)}
.template-exhibition-catalog .award-grid article>span,.template-exhibition-catalog .award-grid strong{color:#ff4b00}
.template-exhibition-catalog #people{padding-left:18vw}
.template-exhibition-catalog .people-grid{grid-template-columns:1fr 1fr;gap:0}
.template-exhibition-catalog .people-grid article{border:0;border-left:1px solid #071467;border-radius:0;box-shadow:none}
.template-exhibition-catalog #program{background:#071467;color:#fff}

/* 15 Security/data: terminal console and track matrix. */
.category-data{--bg:#05090c;--fg:#e9ffff;--accent:#00f0cd;--accent2:#4b5dff;--surface:#10191f;--line:#00f0cd;--heading:"Courier New","MS Gothic",monospace;--body:"MS Gothic","Meiryo UI",monospace}
.category-data .head{background:#05090c;color:#00f0cd;border-bottom:1px solid #00f0cd}
.category-data .genre-ribbon{background:#4b5dff}
.category-data .hero{background:#05090c;color:#e9ffff}
.template-security-console .section{border-color:#00f0cd33}
.template-security-console #program{background:#05090c}
.template-security-console .timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#00f0cd;border:1px solid #00f0cd}
.template-security-console .timeline>div{background:#10191f;display:grid;grid-template-columns:95px 40px 1fr;padding:20px}
.template-security-console #awards{background:#00f0cd;color:#05090c}
.template-security-console .award-grid article{border:1px solid #05090c;background:transparent}
.template-security-console .people-grid{display:table;width:100%}
.template-security-console .people-grid article{display:table-row;background:#10191f}
.template-security-console .people-grid article>*{display:table-cell;padding:16px;border-bottom:1px solid #00f0cd33}

/* 16 Performance festival: poster typography and line-up schedule. */
.category-performance{--bg:#16001f;--fg:#fff;--accent:#ff00a8;--accent2:#7e00ff;--surface:#2c0038;--line:#ff00a8;--heading:"Arial Black",Impact,"Yu Gothic",sans-serif;--body:"Meiryo UI",Meiryo,sans-serif}
.category-performance .head{background:#ff00a8;color:#16001f;border:0}
.category-performance .genre-ribbon{background:#7e00ff}
.template-festival-lineup #program{background:#16001f}
.template-festival-lineup .timeline{display:grid;grid-template-columns:repeat(3,1fr);border:0;gap:0}
.template-festival-lineup .timeline>div{display:block;border:1px solid #ff00a8;padding:28px;min-height:190px;background:#2c0038}
.template-festival-lineup .timeline time{font-size:30px;color:#fff}
.template-festival-lineup #people{background:#ff00a8;color:#16001f}
.template-festival-lineup .people-grid{grid-template-columns:1fr 1fr}
.template-festival-lineup .people-grid article{background:#16001f;color:#fff;border:0}
.template-festival-lineup #awards{background:#7e00ff}

/* 17 Heritage: museum register, archival rules and vertical labels. */
.category-heritage{--bg:#f2dfad;--fg:#2a1045;--accent:#af2d00;--accent2:#c58c00;--surface:#fff2cf;--line:#6e4d32;--heading:"Yu Mincho","MS Mincho",Georgia,serif;--body:"Yu Mincho","Meiryo UI",serif}
.category-heritage .head{background:#2a1045;color:#f2dfad;border-bottom:6px double #c58c00}
.category-heritage .genre-ribbon{background:#af2d00}
.template-museum-register #about{border-top:18px double #6e4d32}
.template-museum-register #people .people-grid{grid-template-columns:1fr 1fr}
.template-museum-register .people-grid article{border:0;border-bottom:1px solid #6e4d32;background:transparent;display:grid;grid-template-columns:60px 1fr;column-gap:20px}
.template-museum-register .people-grid article>span{grid-row:1/5;font-size:38px;color:#af2d00}
.template-museum-register #program{background:#2a1045;color:#f2dfad}
.template-museum-register .timeline>div{grid-template-columns:110px 50px 1fr;border-color:#f2dfad55}
.template-museum-register #awards{background:#af2d00}

@media(max-width:900px){
  .template-proceedings,.template-public-portal{display:block}
  .template-proceedings #awards,.template-proceedings #orgs{border-left:0}
  .template-expo-floor .timeline,.template-route-map .timeline,.template-market-guide .timeline,.template-festival-lineup .timeline,.template-security-console .timeline{grid-template-columns:1fr}
  .template-race-day .timeline{display:block}
  .template-race-day .timeline>div{border-left:0;border-top:4px solid #090909}
  .template-summit-stage .people-grid,.template-exhibition-catalog .award-grid{display:grid;grid-template-columns:1fr}
  .template-summit-stage .people-grid article:first-child{min-height:320px;grid-row:auto}
  .template-exhibition-catalog .award-grid article:first-child{transform:none}
  .category-exchange .head{justify-content:space-between}
}

/* Every package keeps a complete, local-only link graph. The labels and order
   follow each genre's information architecture; no link crosses into another site. */
.hero{position:relative}
.hero-links{display:flex;flex-wrap:wrap;gap:10px;align-self:end}
.hero-links a,.site-footer nav a{color:inherit;text-underline-offset:4px}
.hero-links a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:2px solid currentColor;background:var(--surface);color:var(--fg);font-weight:800;text-decoration:none}
.hero-links a:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px;padding-top:18px;border-top:1px solid currentColor}
.site-footer nav a:last-child{margin-left:auto}

.category-exchange .hero-links a{border-radius:999px}
.category-industry .hero-links a{box-shadow:5px 5px 0 var(--fg)}
.category-science-award .hero-links a{border-width:1px;letter-spacing:.08em;text-transform:uppercase}
.category-running .hero-links a{transform:skew(-7deg);border-radius:4px}
.category-racket .hero-links a{border-radius:0;border-bottom-width:6px}
.category-mind .hero-links a{font-family:"Courier New",monospace}
.category-puzzle .hero-links a{border-style:dashed;border-radius:16px}
.category-civic .hero-links a{border-width:1px;border-left-width:8px}
.category-maker .hero-links a{border-width:5px;box-shadow:7px 7px 0 var(--fg)}
.category-health .hero-links a{border-radius:8px}
.category-business .hero-links a{border:0;border-bottom:5px solid currentColor}
.category-food .hero-links a{border-radius:50%}
.category-design .hero-links a{border-width:1px;text-transform:uppercase}
.category-data .hero-links a::before{content:"> ";color:var(--accent)}
.category-performance .hero-links a{transform:rotate(-1deg);text-transform:uppercase}
.category-heritage .hero-links a{border-style:double;border-width:4px}

@media(max-width:700px){
  .site-footer nav{display:grid;grid-template-columns:1fr 1fr}
  .site-footer nav a:last-child{margin-left:0}
}







@media(max-width:820px){}

/* Notice text: plain paragraph in the existing header and footer. */
.head{flex-wrap:wrap}
.head>.site-notice{flex:0 0 100%;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid currentColor;font-family:inherit;font-size:12px;font-weight:400;font-style:normal;line-height:1.6;letter-spacing:normal;text-transform:none;text-decoration:none}
.site-footer>.site-notice{margin:0;max-width:680px;font-family:inherit;font-size:12px;font-weight:400;font-style:normal;line-height:1.6;letter-spacing:normal;text-transform:none;text-decoration:none}
@media(max-width:820px){.head>.site-notice{display:block;margin:0 0 16px}.site-footer>.site-notice{display:block;margin:0 0 16px}}
