/* Light city layout; header and search remain outside the map. */
.tkc-home{--tkc-ink:#2d2b24;--tkc-muted:#6c685a;--tkc-gold:#936827;--tkc-line:#8d734c46;background:#f1e5cf;color:#2d2b24}
.tkc-home main{position:static;background:#f1e5cf}
.tkc-home .tkc-intro{position:relative;top:auto;left:auto;z-index:8;display:block;width:100%;height:auto;min-height:0;max-height:none;padding:39px max(4vw,calc((100vw - 1360px)/2)) 33px;background:radial-gradient(circle at 90% 20%,#e2c9958c,transparent 28%),linear-gradient(115deg,#f7eedc,#ead7af);border-bottom:1px solid #b69c6d80;pointer-events:auto}
.tkc-home .tkc-intro::before{display:none}
.tkc-home .tkc-intro-copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);column-gap:52px;row-gap:5px;align-items:center;width:100%;max-width:1360px;pointer-events:auto}
.tkc-home .tkc-intro-mark{display:none}
.tkc-home .tkc-kicker{color:#925f29}
.tkc-home .tkc-intro h1{grid-column:1;grid-row:2;display:block;margin:7px 0 3px;color:#302f29;text-shadow:none;font-size:clamp(55px,5.7vw,83px);white-space:nowrap}
.tkc-home .tkc-intro h1 em{color:#9b5d32}
.tkc-home .tkc-title-seal{top:-7px;left:auto;right:0}
.tkc-home .tkc-lead{grid-column:1;grid-row:3;max-width:670px;margin:0;color:#5c5b4e;font-size:14px;line-height:1.6}
.tkc-home .tkc-global-search{grid-column:2;grid-row:2;width:100%;height:57px;margin:0;border:1px solid #b39b73;background:#fffaf0;box-shadow:0 8px 24px #704f2620}
.tkc-home .tkc-global-search input{color:#2e2e28}
.tkc-home .tkc-global-search input::placeholder{color:#77746b}
.tkc-home .tkc-search-glyph{color:#9b692f}
.tkc-home .tkc-global-search kbd{color:#6e695d;border-color:#8b806f70}
.tkc-home .tkc-global-search>button{background:#ab6b39;color:#fff8e7}
.tkc-home .tkc-global-search>button:hover{background:#844928}
.tkc-home .tkc-intro-note{grid-column:2;grid-row:3;align-self:start;margin:0;color:#736c60;font-size:11px}
.tkc-home .tkc-tour-start{grid-column:1;grid-row:4;justify-self:start;margin:15px 0 0;color:#704925;border-color:#ad7543}
.tkc-home .tkc-tour-start:hover{color:#a2572a}
.tkc-home.is-touring .tkc-intro{opacity:1;pointer-events:auto}
.tkc-home .tkc-city{height:clamp(590px,56vw,760px);min-height:590px;max-height:none;background:#aab3a0}
.tkc-home .tkc-world-glow{background:linear-gradient(180deg,#fff3ce0a,transparent 50%,#12302116);}
.tkc-home .tkc-city-shade{background:none;box-shadow:inset 0 9px 24px #2540311f,inset 0 -18px 40px #132b263d}
.tkc-home .tkc-city-caption{top:22px;left:max(3vw,calc((100vw - 1360px)/2));right:auto;padding:8px 11px;background:#f8efdede;color:#423822;text-shadow:none;letter-spacing:.12em;border:1px solid #9d804f80}
.tkc-home .tkc-city-caption-sub{display:inline;color:#63573f}
.tkc-home .tkc-small-rule{background:#a77639}
.tkc-home .tkc-city-controls{top:19px;background:#f8efdeeb;border-color:#a38354}
.tkc-home .tkc-city-controls button{color:#54412c;border-color:#baa078}
.tkc-home .tkc-city-controls button:hover{background:#d5bb8a}
.tkc-home .tkc-audio{top:67px;background:#f8efdeeb;border-color:#a38354;color:#52402c}
.tkc-home .tkc-dock{bottom:18px;background:#f7efdfeb;border-color:#ac8752;box-shadow:0 8px 25px #162c1b6b}
.tkc-home .tkc-dock button{color:#3d392e;border-color:#b7a88961}
.tkc-home .tkc-dock button:hover,.tkc-home .tkc-dock button[aria-current=true]{background:#e1c597;color:#56391c}
.tkc-home .tkc-dock button small{color:#686458}
.tkc-home .tkc-building-info{background:#f7eedcee;color:#332e23;border-color:#aa8048;box-shadow:0 20px 50px #162c257a}
.tkc-home .tkc-building-info>button:first-child,.tkc-home .tkc-building-info>span,.tkc-home .tkc-building-info #buildingInfoLevel{color:#855323}
.tkc-home .tkc-building-info p{color:#4c4a3e}
.tkc-home .tkc-topic-head{border-color:#ab845b66;color:#89572b}
.tkc-home .tkc-topic-list button{background:#e4d3b3;border-color:#b39060;color:#3c3528}
.tkc-home .tkc-topic-list button:hover{background:#d9bd8c}
.tkc-home .tkc-topic-list button b{color:#3f3021}
.tkc-home .tkc-topic-list button small{color:#6e6354}
.tkc-home .tkc-topic-list button i{color:#9b5c2e}
.tkc-home .tkc-topic-note{color:#655f52!important}
.tkc-home .tkc-city-milestone{background:#e5cfab;color:#4c4437!important}
.tkc-home .tkc-city-milestone b{color:#74451f}
.tkc-home .tkc-milestone-list summary{color:#8d552a}
.tkc-home .tkc-milestone-list summary:hover{color:#5c341c}
.tkc-home .tkc-atlas{padding:80px 0 100px}
.tkc-home .tkc-atlas-head h2,.tkc-home .tkc-atlas-main b{color:#302e27}
.tkc-home .tkc-atlas-head>p,.tkc-home .tkc-atlas-main small,.tkc-home .tkc-source-note{color:#6b695d}
.tkc-home .tkc-atlas-index,.tkc-home .tkc-atlas-arrow{color:#a06c32}
.tkc-home .tkc-atlas-item:hover{background:#d2b88825}
.tkc-home .tkc-drawer{background:#f4ebd9;color:#3c3529;border-color:#b99260}
.tkc-home .tkc-drawer-head{background:linear-gradient(120deg,#dfd0ad,#f2e5ca);border-color:#b99b6d}
.tkc-home .tkc-drawer-kicker,.tkc-home .tkc-drawer-head h2{color:#654527}
.tkc-home .tkc-drawer-sub{color:#6b6253}
.tkc-home .tkc-drawer-close{color:#623c26;border-color:#a37e56}
.tkc-home .tkc-drawer-tabs button{color:#5b5446;border-color:#b39c76}
.tkc-home .tkc-drawer-tabs button[aria-selected=true]{background:#a96c3a;color:#fff7e7}
.tkc-home .tkc-drawer-filters input,.tkc-home .tkc-drawer-filters select{background:#fff9ea;color:#3e382f;border-color:#ad9370}
.tkc-home .tkc-drawer-filters input::placeholder{color:#777266}
.tkc-home .tkc-result-count{color:#806b52}
.tkc-home .tkc-record{background:#fff9eb;color:#3b342a;border-color:#c4af87}
.tkc-home .tkc-record:hover,.tkc-home .tkc-record[aria-current=true]{background:#e8d5b0;border-color:#9f6e37}
.tkc-home .tkc-record img,.tkc-home .tkc-record-placeholder{background:#eee3d0}
.tkc-home .tkc-record b{color:#3f3326}
.tkc-home .tkc-record small{color:#72695b}
.tkc-home .tkc-empty{color:#706a5d}
.tkc-home .tkc-more{color:#79532d}
.tkc-home .tkc-record-detail{background:#fff8e9;color:#40392d;border-color:#b89a6a}
.tkc-home .tkc-detail-head h3{color:#3f2d20}
.tkc-home .tkc-detail-head p,.tkc-home .tkc-detail-grid dt{color:#796e5a}
.tkc-home .tkc-detail-description,.tkc-home .tkc-detail-extra{color:#51493b}
.tkc-home .tkc-detail-grid dd,.tkc-home .tkc-detail-extra strong{color:#844f27}
.tkc-home .tkc-detail-grid div{border-color:#b59b7466}
.tkc-home .tkc-drawer-all{background:#b17b43;color:#fff9eb}

@media(max-width:980px){
.tkc-home .tkc-intro-copy{grid-template-columns:1fr 1fr;column-gap:23px}
.tkc-home .tkc-intro h1{font-size:clamp(48px,5.5vw,69px)}
.tkc-home .tkc-title-seal{display:none}
}
@media(max-width:700px){
.tkc-home .tkc-intro{padding:28px 20px 29px}
.tkc-home .tkc-intro-copy{display:block}
.tkc-home .tkc-intro h1{font-size:clamp(46px,12vw,66px);white-space:normal}
.tkc-home .tkc-lead{font-size:12px;line-height:1.5}
.tkc-home .tkc-global-search{margin-top:20px;height:49px}
.tkc-home .tkc-intro-note{margin-top:10px}
.tkc-home .tkc-tour-start{display:inline-flex;margin-top:14px}
.tkc-home .tkc-city{height:min(70svh,660px);min-height:440px}
.tkc-home .tkc-city-caption{top:12px;left:12px;padding:6px 8px;font-size:9px}
.tkc-home .tkc-city-caption-sub{display:none}
.tkc-home .tkc-city-controls{top:12px;right:12px}
.tkc-home .tkc-audio{top:54px;right:12px}
.tkc-home .tkc-atlas{padding:60px 0 75px}
}
@media(max-width:390px){.tkc-home .tkc-tour-start{display:flex}}


/* Compact introduction and map controls in a separate row outside the scene. */
body.tkc-home.tkc-site .tkc-intro{padding:18px max(4vw,calc((100vw - 1360px)/2)) 16px}
body.tkc-home.tkc-site .tkc-intro-copy{column-gap:32px;row-gap:4px}
body.tkc-home.tkc-site .tkc-intro h1{font-size:clamp(34px,3.1vw,46px);margin:2px 0;line-height:1.12}
body.tkc-home.tkc-site .tkc-title-seal{display:none}
body.tkc-home.tkc-site .tkc-kicker{margin:0;font-size:10px}
body.tkc-home.tkc-site .tkc-lead{font-size:12px;line-height:1.5;max-width:620px}
body.tkc-home.tkc-site .tkc-global-search{height:44px}
body.tkc-home.tkc-site .tkc-tour-start{margin-top:5px;padding:6px 0;font-size:12px}
body.tkc-home.tkc-site .tkc-city-toolbar{display:flex;align-items:center;gap:12px;padding:8px max(4vw,calc((100vw - 1360px)/2));background:#252a36;border-bottom:1px solid #d3ae7140;color:#f5f3ed}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-caption{position:static;margin-right:auto;padding:0;border:0;background:transparent;letter-spacing:.1em;flex-wrap:wrap}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-controls{position:static;flex-shrink:0;grid-template-columns:repeat(3,36px);box-shadow:none}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-controls button{height:36px}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-audio{position:static;flex-shrink:0;margin:0;min-height:38px;padding:7px 10px}
body.tkc-home.tkc-site .tkc-city-toolbar button:focus-visible{outline:2px solid #e8c582;outline-offset:3px}
@media(max-width:700px){
body.tkc-home.tkc-site .tkc-intro{padding:14px 16px}
body.tkc-home.tkc-site .tkc-intro h1{font-size:34px;margin:6px 0}
body.tkc-home.tkc-site .tkc-global-search{margin-top:12px;height:44px}
body.tkc-home.tkc-site .tkc-intro-note{margin-top:6px;font-size:10px}
body.tkc-home.tkc-site .tkc-tour-start{margin-top:6px}
body.tkc-home.tkc-site .tkc-city-toolbar{gap:8px;padding:8px 12px;flex-wrap:wrap}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-caption{flex:1 0 100%;font-size:10px;min-height:16px}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-audio{margin-left:auto}
}

body.tkc-home.tkc-site .tkc-city-toolbar .tkc-tour-start{margin:0;padding:8px 0;white-space:nowrap;font-size:11px}
@media(max-width:700px){body.tkc-home.tkc-site .tkc-city-toolbar .tkc-tour-start{font-size:10px}}

/* Comfortable targets and readable building details on touch screens. */
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-controls{grid-template-columns:repeat(3,44px)}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-controls button{height:44px}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-audio{min-height:46px;font-size:12px}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-tour-start{min-height:44px;display:inline-flex;align-items:center;gap:10px;font-size:12px}
body.tkc-home.tkc-site .tkc-building-info{background:#f5f5f9;max-height:min(70dvh,650px);padding:20px 22px;overscroll-behavior:contain;scroll-padding-top:52px}
body.tkc-home.tkc-site .tkc-building-info>button:first-child{position:sticky;display:block;top:0;margin:-12px -12px -32px auto;width:44px;height:44px;background:#f5f5f9;border:1px solid #b6bac7;border-radius:4px;z-index:1}
body.tkc-home.tkc-site .tkc-building-info>span{padding-right:44px;font-size:11px}
body.tkc-home.tkc-site .tkc-building-info h2{padding-right:30px;font-size:30px;line-height:1.2}
body.tkc-home.tkc-site .tkc-building-info p{font-size:14px;line-height:1.65}
body.tkc-home.tkc-site .tkc-topic-list button b{font-size:15px;line-height:1.35}
body.tkc-home.tkc-site .tkc-topic-list button small{font-size:12px;line-height:1.4}
body.tkc-home.tkc-site .tkc-topic-note{font-size:13px!important}
body.tkc-home.tkc-site .tkc-milestone-list summary{min-height:44px;padding:12px 0;font-size:14px}
body.tkc-home.tkc-site .tkc-drawer-close{width:44px;height:44px}
body.tkc-home.tkc-site .tkc-drawer-tabs button{min-height:44px;font-size:13px}
body.tkc-home.tkc-site .tkc-drawer-filters input,
body.tkc-home.tkc-site .tkc-drawer-filters select{height:44px;font-size:16px}
body.tkc-home.tkc-site .tkc-global-search input{font-size:16px}
body.tkc-home.tkc-site .tkc-detail-description{color:#50596a;font-size:14px}
body.tkc-home.tkc-site .tkc-detail-extra{color:#50596a;font-size:13px}
body.tkc-home.tkc-site .tkc-detail-grid{font-size:13px}
body.tkc-home.tkc-site .tkc-detail-grid dt{color:#626b7b}
@media(max-width:700px){
body.tkc-home.tkc-site .tkc-city-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px 12px}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-city-caption{grid-column:1/-1;gap:6px;font-size:10px}
body.tkc-home.tkc-site .tkc-city-caption-sub{display:block;width:100%;margin:0;font-size:12px;line-height:1.4}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-tour-start{grid-column:1/-1;justify-self:start;min-height:36px}
body.tkc-home.tkc-site .tkc-city-toolbar .tkc-audio{margin:0;font-size:12px}
body.tkc-home.tkc-site .tkc-building-info{left:8px;right:8px;bottom:86px;max-height:calc(100% - 100px);padding:16px}
body.tkc-home.tkc-site .tkc-topic-list{grid-template-columns:1fr}
body.tkc-home.tkc-site .tkc-building-info h2{font-size:26px}
body.tkc-home.tkc-site .tkc-dock{bottom:0;min-height:76px}
body.tkc-home.tkc-site .tkc-dock button{min-height:76px}
body.tkc-home.tkc-site .tkc-dock button b{font-size:14px}
body.tkc-home.tkc-site .tkc-dock button small{font-size:11px}
body.tkc-home.tkc-site .tkc-drawer-head{padding:18px 16px 14px}
body.tkc-home.tkc-site .tkc-drawer-body{padding:0 16px 20px}
body.tkc-home.tkc-site .tkc-record-list{grid-template-columns:1fr}
body.tkc-home.tkc-site .tkc-record small{font-size:12px;white-space:normal;line-height:1.4}
body.tkc-home.tkc-site .tkc-tour-caption{top:14px;left:12px;right:12px}
}
