/* Independent compositions sharing data, not a common landing-page skeleton. */
body{--shape:8px;--paper:#f7f4ed;--white:#fffdf8;--ink:#252922;--muted:#62675c;--green:#315840;--accent:#9a482e;--sage:#e8eadf;--line:#cbcdbf;background:var(--paper);padding-bottom:110px}body,button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}.experiment-top{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--line)}.experiment-top a{font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:none}.experiment-top b{font-size:17px}.experiment-top small{font-size:10px;letter-spacing:.12em}.experiment-cover{max-width:1200px;margin:auto;padding:32px 28px}.experiment-clock{font-size:13px;display:flex;flex-wrap:wrap;gap:12px;margin:22px 0;align-items:baseline}.experiment-clock b{font-size:27px;font-variant-numeric:tabular-nums}.experiment-actions{display:flex;gap:10px;flex-wrap:wrap}.experiment-actions button{min-height:46px}.experiment-content{max-width:1050px;margin:24px auto;padding:28px;background:var(--white);scroll-margin-top:16px}.reading-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.reading-head>span{font-size:12px}.experiment-content .chapter{padding-top:30px}.experiment-content .chapter-head h2{font-size:34px}.experiment-content .feature{gap:30px}.experiment-content .day-body{padding-left:0}.dock{max-width:430px;width:calc(100% - 24px);justify-content:space-between}.dock button,.dock a{padding:10px 12px;font-size:13px}.dock .selected{flex:1}.dialog-head,.dialog-foot{background:var(--paper)}.solid,.outline,.tabs button,.mini,.request,.food-intro{border-radius:var(--shape)}.tabs button[aria-selected=true]{background:var(--green);color:var(--paper)}.edit-row input,.edit-row textarea,.edit-title,.edit-note,.add-form input{background:var(--white);color:var(--ink);border-radius:var(--shape)}.edit-row{min-width:0}.edit-row>div{min-width:0}.facts{flex-wrap:wrap}.gallery-controls{flex-wrap:wrap}.stop-link{background:var(--white);border-color:var(--line)}.provider select{color:var(--ink)}.map-tab .direct-map img{height:auto;width:100%}.map-tab .map-foot{font-size:12px}.map-order ol{padding-left:24px}.map-order li{padding:8px}.map-order li a{margin-left:8px}#trip .dialog-top h2{position:absolute!important;clip-path:inset(50%)}#trip .trip-stats{flex-wrap:wrap}#trip .trip-stop h3{font-size:20px}.experiment-content .photo{max-width:100%}.solid{color:var(--paper)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
/* 09 — a desk of tangible ephemera, with tabbed paper chapters */
[data-experiment="scrap"]{--paper:#e9e0cc;--white:#fff9e9;--ink:#263c33;--muted:#63715d;--green:#3a5a41;--accent:#b74225;--shape:2px;background:repeating-linear-gradient(0deg,#5a714107 0 1px,transparent 1px 5px),var(--paper)}.scrap-desk{position:relative;min-height:650px;padding:45px 20px}.scrap-title{position:relative;z-index:2;width:52%}.scrap-title>span{font-size:11px;letter-spacing:.15em}.scrap-title h1{font:clamp(46px,6vw,78px)/1.25 Georgia,"KaiTi",serif;margin:28px 0}.scrap-title h1 em{color:var(--accent);font-style:normal}.scrap-title p{font-size:17px;line-height:1.8}.polaroid{position:absolute;right:10px;top:35px;width:39%;padding:15px 15px 40px;background:#fffbed;transform:rotate(7deg);box-shadow:8px 12px 0 #31483012}.polaroid img{width:100%;height:300px;object-fit:cover}.polaroid:before,.ticket:before{content:'';position:absolute;width:90px;height:28px;background:#c1b08299;top:-12px;left:35%;transform:rotate(-12deg)}.polaroid figcaption{font-family:KaiTi,serif;font-size:18px;margin-top:16px}.ticket{position:absolute;width:24%;right:26%;bottom:15px;transform:rotate(-8deg);padding:10px;background:var(--white);border:1px dashed var(--accent)}.ticket img{width:100%;height:160px;object-fit:cover}.ticket figcaption{font-size:13px;padding:8px}.stamp{position:absolute;right:1%;bottom:28px;border:3px double var(--accent);border-radius:50%;color:var(--accent);padding:28px 16px;transform:rotate(14deg);font:bold 20px Georgia,serif;text-align:center}.scrap-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.scrap-tabs a{padding:20px;background:var(--white);box-shadow:4px 5px 0 #2b483312;text-decoration:none;display:flex;gap:12px;align-items:center;min-height:76px}.scrap-tabs a:nth-child(even){transform:rotate(2deg);background:#d6dfc6}.scrap-tabs small{color:var(--accent)}.scrap-tabs b{margin-left:auto}[data-experiment="scrap"] .experiment-content{box-shadow:10px 12px 0 #31483012;border-top:10px solid #c2cda6}[data-experiment="scrap"] .gallery{padding:12px;background:#fffdf6;box-shadow:3px 5px 0 #253d3014;transform:rotate(-2deg)}[data-experiment="scrap"] .feature h3{font-family:KaiTi,Georgia,serif}[data-experiment="scrap"] #trip .trip-stop{background:var(--white);padding:14px;border:1px solid var(--line);border-left:4px solid #c1cda4;margin:12px 0}[data-experiment="scrap"] #edit .edit-row{background:var(--white);padding:15px;border-bottom:1px dashed var(--accent);margin:10px 0}[data-experiment="scrap"] .dock{background:#fff9e9f5;border-radius:3px}
/* 10 — photographic index; a chosen frame opens a reading room */
[data-experiment="exhibit"]{--paper:#131312;--white:#1e1e1c;--ink:#f2eee5;--muted:#b4b2a8;--green:#f1ede2;--accent:#d3b797;--sage:#2c2c28;--line:#45453f;--shape:0px;color-scheme:dark}.exhibit-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:15px 0 55px}.exhibit-intro h1{font:clamp(58px,7vw,110px)/.95 Georgia,serif;letter-spacing:-.05em}.exhibit-intro h1 i{color:#c1b19d}.exhibit-intro p{line-height:1.8}.exhibit-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:45px 28px;align-items:start}.exhibit-tile{display:block;text-decoration:none}.exhibit-tile img{width:100%;height:250px;object-fit:cover}.exhibit-tile:nth-child(3n+2){padding-top:65px}.exhibit-tile:nth-child(3n){padding-top:25px}.exhibit-tile:nth-child(2n) img{height:330px}.exhibit-tile>span{display:flex;gap:12px;font-size:14px;margin-top:15px;padding-top:10px;border-top:1px solid var(--line)}.exhibit-tile small{color:var(--muted);font-size:11px}[data-experiment="exhibit"] .experiment-content{background:var(--paper);max-width:1160px}[data-experiment="exhibit"] .feature{grid-template-columns:1.4fr 1fr;align-items:start}[data-experiment="exhibit"] .gallery .photo{height:560px;border-radius:0}[data-experiment="exhibit"] .feature>div{padding-top:28px}[data-experiment="exhibit"] .chapter-head>span{font-family:Georgia,serif;font-size:60px}[data-experiment="exhibit"] .dock{background:#1e1e1cf5;border:1px solid var(--line);border-radius:0}[data-experiment="exhibit"] .selected{color:var(--paper)}[data-experiment="exhibit"] #trip .trip-stop{border:0;border-bottom:1px solid var(--line)}[data-experiment="exhibit"] #trip .trip-intro img{border-radius:0}[data-experiment="exhibit"] #trip .tabs{background:transparent;border-radius:0}[data-experiment="exhibit"] #trip .tabs button{border-radius:0}[data-experiment="exhibit"] #edit .edit-row input{border-width:0 0 1px;background:transparent}[data-experiment="exhibit"] .toast{color:var(--paper)}
/* 11 — spatial story: map stays in view, places drive the reading sequence */
[data-experiment="story"]{--paper:#f1f2e9;--white:#fcfcf5;--ink:#263e39;--muted:#60716a;--green:#245d53;--accent:#a35431;--sage:#dfe8db;--shape:10px}.story-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;margin:16px 0 35px}.story-heading>span{grid-column:1/-1;font-size:11px;letter-spacing:.15em}.story-heading h1{font-size:55px;line-height:1.2}.story-heading .experiment-clock{margin:0}.story-heading .experiment-actions{grid-column:2}.story-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}.story-map{position:sticky;top:20px;border:1px solid var(--line);background:var(--white);padding:10px}.story-map img{width:100%;max-height:75dvh;object-fit:contain}.map-caption{display:flex;flex-direction:column;gap:6px;padding:12px}.map-caption span{font-size:11px;color:var(--muted)}.map-caption b{font-size:18px}.story-stop{padding:26px 20px 40px;margin-bottom:30px;border-left:2px solid var(--green);min-height:330px}.story-stop>small{font-size:10px;letter-spacing:.15em;color:var(--muted)}.story-stop time{display:block;font:36px Georgia,serif;color:var(--accent);margin:20px 0 10px}.story-stop h2{font-size:30px}.story-stop p{font-size:17px;line-height:1.8;margin:16px 0}.story-stop img{width:100%;height:180px;object-fit:cover;margin:12px 0}.story-stop>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.story-stop a{min-height:44px;display:flex;align-items:center}.story-library{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.story-library a{display:flex;gap:10px;min-height:70px;align-items:center;padding:15px;border:1px solid var(--line);text-decoration:none}.story-library b{margin-left:auto}[data-experiment="story"] #trip .trip-stop{border-left:2px solid var(--green);padding-left:12px;margin-left:8px}[data-experiment="story"] #edit .edit-row{border-left:2px solid var(--green);padding-left:14px}[data-experiment="story"] .feature .photo{border-radius:3px}
/* 12 — typographic manifesto: eight large index lines, each opens one chapter */
[data-experiment="type"]{--paper:#efefdf;--white:#f7f7ed;--ink:#222aef;--muted:#555987;--green:#222aef;--accent:#c14f13;--sage:#e0e1d2;--line:#222aef55;--shape:0px}.type-poster{position:relative;padding:20px 0 40px;border-bottom:3px solid var(--ink)}.type-poster>span{font-size:11px;letter-spacing:.14em}.type-poster h1{font:900 clamp(80px,15vw,190px)/1.07 "Microsoft YaHei",sans-serif;letter-spacing:-.08em;margin:35px 0}.type-poster h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink)}.type-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.type-bottom p{font-size:20px;line-height:1.6}.type-destination{display:block;font-size:13px;letter-spacing:.5em;margin-top:35px}.type-index a{display:grid;grid-template-columns:80px 1fr 60px;gap:20px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);padding:25px 0}.type-index small{font:italic 28px Georgia,serif}.type-index span{font-size:clamp(30px,5vw,62px);font-weight:750;letter-spacing:-.05em}.type-index b{font-size:38px}.type-index a:hover{background:var(--ink);color:var(--paper)}[data-experiment="type"] .experiment-content{background:transparent}[data-experiment="type"] .chapter-head h2{font:bold 46px "Microsoft YaHei",sans-serif}[data-experiment="type"] .chapter-head>span{font:italic 60px Georgia,serif}[data-experiment="type"] .feature{grid-template-columns:1fr 1fr;gap:45px}[data-experiment="type"] .gallery .photo{border-radius:0;filter:grayscale(.7)}[data-experiment="type"] .feature h3{font:bold 36px "Microsoft YaHei",sans-serif}[data-experiment="type"] .dock{background:var(--paper);border:2px solid var(--ink);border-radius:0}[data-experiment="type"] .mini{background:none;border-block:2px solid var(--ink)}[data-experiment="type"] #trip .trip-stop{grid-template-columns:55px 1fr;border-bottom:2px solid var(--ink)}[data-experiment="type"] #trip .trip-stop time{font-weight:800;font-size:17px;color:var(--ink)}[data-experiment="type"] #trip .trip-stop h3{font-weight:800}[data-experiment="type"] #trip .tabs{border-radius:0;background:none;border:1px solid var(--ink)}[data-experiment="type"] #trip .tabs button{border-radius:0}[data-experiment="type"] #edit .edit-row{border-bottom:2px solid var(--ink)}[data-experiment="type"] #edit .edit-row input{border-width:0 0 1px;background:transparent}
/* 13 — a transport terminal: chronological rows and a structured records cabinet */
[data-experiment="station"]{--paper:#1d2424;--white:#26302f;--ink:#eeeee4;--muted:#b7c4ba;--green:#ecd974;--accent:#ecd974;--sage:#35423d;--line:#4b5a52;--shape:2px;color-scheme:dark}.station-header{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 0}.station-header span{font:11px ui-monospace,Consolas,monospace;letter-spacing:.15em}.station-header h1{font:bold 65px/1.2 "Microsoft YaHei",sans-serif;margin-top:18px}.departure-sign{display:flex;flex-direction:column;gap:12px;background:#111717;padding:30px;border:1px solid var(--line);text-align:center}.departure-sign b{font:76px ui-monospace,Consolas,monospace;letter-spacing:.05em;color:var(--accent)}.station-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--line);padding:8px 0;margin:15px 0 30px}.station-board{border:1px solid var(--line)}.station-board>header{background:var(--accent);color:var(--paper);padding:18px 22px;display:flex;justify-content:space-between;gap:12px}.station-board>header span{font-size:12px}.train-day>summary{padding:20px;background:var(--white);gap:20px}.train-day>summary>b{font:36px ui-monospace,Consolas,monospace;color:var(--accent)}.train-day>summary>span{font-size:11px;flex:1}.train-day strong{display:block;font-size:22px;margin-top:4px}.train-day i{font-style:normal}.train-column-labels,.train-row{display:grid;grid-template-columns:95px 1fr 145px;gap:24px;width:100%;text-align:left;padding:16px 24px;border-top:1px solid var(--line);align-items:center}.train-column-labels{font-size:11px;color:var(--muted)}.train-row:nth-child(even){background:#ffffff04}.train-row time{font:26px ui-monospace,Consolas,monospace;color:var(--accent)}.train-row>span{font-size:19px}.train-row small{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin-top:6px}.train-row>b{font-size:13px;font-weight:500}.train-row:hover{background:var(--sage)}.train-expand{width:100%;padding:18px;text-align:right;border-top:1px solid var(--line);font-size:13px}.station-nav{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:30px}.station-nav a{display:flex;gap:14px;align-items:center;text-decoration:none;padding:22px;border:1px solid var(--line);font-size:16px}.station-nav small{color:var(--accent);font-family:monospace}.station-nav b{margin-left:auto}[data-experiment="station"] .dock{background:#1d2424f5;border:1px solid var(--line);border-radius:2px}[data-experiment="station"] .selected{color:var(--paper)}[data-experiment="station"] .feature{grid-template-columns:220px 1fr;align-items:start}[data-experiment="station"] .gallery .photo{height:260px;border-radius:0}[data-experiment="station"] .facts{border:1px solid var(--line);padding:12px}[data-experiment="station"] .chapter-head .eyebrow{font-family:monospace}[data-experiment="station"] #trip .trip-stop{grid-template-columns:62px 1fr;background:var(--white);padding:12px;border-block:1px solid var(--line)}[data-experiment="station"] #trip .trip-stop time{font:20px ui-monospace,Consolas,monospace;color:var(--accent)}[data-experiment="station"] #trip .trip-stop h3{font:600 18px "Microsoft YaHei",sans-serif}[data-experiment="station"] #trip .tabs{border-radius:0;padding:0;background:none}[data-experiment="station"] #trip .tabs button{border-radius:0}[data-experiment="station"] #edit .edit-row{background:var(--white);padding:16px;border-block:1px solid var(--line);margin:8px 0}[data-experiment="station"] .toast{color:var(--paper)}
@media(max-width:760px){.experiment-top{padding:10px 16px;gap:12px}.experiment-top b{font-size:13px}.experiment-top>small{display:none}.experiment-cover{padding:22px 16px}.experiment-content{margin:12px;padding:18px}.reading-head>span{display:none}.experiment-content .chapter-head h2{font-size:28px}.experiment-content .feature{display:block}.experiment-content .feature>div{padding-top:20px}.experiment-content .gallery .photo{height:280px}.experiment-content .gallery{margin:0}.scrap-desk{padding:8px 0 0;min-height:700px}.scrap-title{width:100%}.scrap-title h1{font-size:44px;margin:18px 0}.scrap-title p{font-size:15px}.scrap-title .experiment-clock{margin:16px 0}.polaroid{top:370px;right:7px;width:61%;padding:10px 10px 20px;transform:rotate(5deg)}.polaroid img{height:190px}.polaroid figcaption{font-size:14px}.ticket{bottom:0;right:auto;left:4px;width:40%;z-index:2}.ticket img{height:100px}.stamp{bottom:0;right:0;padding:15px 10px;font-size:14px}.scrap-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.scrap-tabs a{min-height:70px;padding:15px;font-size:15px}.exhibit-intro{display:block;margin:10px 0 28px}.exhibit-intro h1{font-size:65px;margin-bottom:25px}.exhibit-intro p{font-size:14px}.exhibit-wall{grid-template-columns:1fr 1fr;gap:24px 15px}.exhibit-tile img{height:170px}.exhibit-tile:nth-child(2n) img{height:215px}.exhibit-tile:nth-child(3n+2){padding-top:35px}.exhibit-tile:nth-child(3n){padding-top:0}.exhibit-tile>span{font-size:13px;gap:8px}.story-heading{display:block;margin:5px 0 20px}.story-heading h1{font-size:37px;margin:12px 0}.story-heading .experiment-clock{margin:15px 0}.story-layout{display:block}.story-map{top:0;z-index:5;padding:4px;background:var(--white);box-shadow:0 6px 18px #263e3917}.story-map img{height:220px;width:100%;object-fit:contain}.map-caption{padding:8px;flex-direction:row;align-items:center;justify-content:space-between}.map-caption span{font-size:9px}.map-caption b{font-size:12px}.story-stop{min-height:280px;padding:24px 15px;margin:15px 0}.story-stop time{font-size:29px}.story-stop h2{font-size:25px}.story-stop p{font-size:16px}.story-library{grid-template-columns:1fr 1fr}.story-library a{padding:12px;font-size:14px}.type-poster h1{font-size:87px;letter-spacing:-.1em;margin:25px 0}.type-poster>span{font-size:9px}.type-poster h1 em{-webkit-text-stroke:1.5px var(--ink)}.type-bottom{display:block}.type-bottom p{font-size:18px}.type-destination{font-size:11px;letter-spacing:.35em}.type-index a{grid-template-columns:40px 1fr 32px;gap:12px;padding:22px 0}.type-index span{font-size:31px}.type-index b{font-size:28px}.type-index small{font-size:22px}.station-header{gap:15px;padding:5px 0 20px}.station-header h1{font-size:37px}.station-header span{font-size:9px;letter-spacing:.05em}.departure-sign{padding:16px 10px;gap:10px}.departure-sign b{font-size:36px}.departure-sign span{font-size:9px}.station-toolbar{display:block;padding-bottom:18px}.station-board>header{padding:14px;flex-wrap:wrap}.station-board>header span{font-size:11px}.train-day>summary{padding:15px;gap:12px}.train-day strong{font-size:18px}.train-column-labels,.train-row{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}.train-column-labels>span:last-child{display:none}.train-row time{font-size:21px;align-self:start}.train-row>span{font-size:17px}.train-row>b{grid-column:2;color:var(--accent);font-size:12px}.train-row small{font-size:13px}.station-nav{grid-template-columns:1fr 1fr}.station-nav a{padding:18px 12px;font-size:14px}.dock button,.dock a{padding-inline:10px}.experiment-content .day>summary h3{font-size:21px}#trip .trip-stop .actions{flex-wrap:wrap}.experiment-content .phrase{flex-wrap:wrap}.experiment-content .checks{grid-template-columns:1fr}}
@media(max-width:360px){.type-poster h1{font-size:74px}.scrap-title h1{font-size:40px}.station-header h1{font-size:32px}.departure-sign b{font-size:30px}.train-row>span{font-size:16px}.dock button,.dock a{font-size:12px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}