/*

Theme Name: TischEins

Version: 0.1.0

Text Domain: tischeins

Description: TischEins sliding panels and image galleries.

*/

*{box-sizing:border-box} :root{--paper:#faf4eb;--ink:#412708;--line:#ddd2c4;--muted:#8a7b69;--rail:64px}body{margin:0;background:var(--paper);color:var(--ink);font:calc(15px * var(--text-scale,1))/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #997237;outline-offset:5px}button{background:none;border:0} .shell{display:flex;height:100dvh;overflow:hidden}.brand{flex:0 0 70px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;position:relative}.brand button{font:calc(30px * var(--text-scale,1)) Georgia,serif;margin-top:24px;padding:0 8px 15px;border-bottom:1px solid var(--line)}.brand button span{font-size:calc(22px * var(--text-scale,1))}.brand-name{position:absolute;top:46%;writing-mode:vertical-rl;transform:rotate(180deg);font:calc(20px * var(--text-scale,1)) Georgia,serif}.edition{position:absolute;bottom:26px;font-size:calc(10px * var(--text-scale,1));line-height:1.5;color:var(--muted);text-align:center}.panel{flex:0 0 var(--rail);min-width:0;position:relative;overflow:hidden;border-right:1px solid var(--line);transition:flex-grow .65s cubic-bezier(.22,.7,.2,1)}.panel.active{flex:1 1 var(--rail)}.rail{width:var(--rail);height:100%;position:absolute;inset:0 auto 0 0;display:flex;align-items:center;flex-direction:column;padding:28px 0;border-right:1px solid transparent;transition:background .3s}.active .rail{border-right-color:var(--line);background:#f2e9dc}.rail:hover{background:#f2e9dc}.symbol{font-size:calc(23px * var(--text-scale,1));color:#a99b88;height:40px;width:27px;border-bottom:1px solid var(--line)}.rail-label{position:absolute;top:45%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:calc(17px * var(--text-scale,1));white-space:nowrap}.rail-label small{font-size:calc(11px * var(--text-scale,1));padding:8px;color:var(--muted)}.rail-bottom{position:absolute;bottom:30px;font-size:calc(11px * var(--text-scale,1))}.content{position:absolute;left:var(--rail);right:0;top:0;bottom:0;overflow:auto;padding:45px 40px;opacity:0;visibility:hidden;transition:opacity .25s;min-width:0}.active .content{opacity:1;visibility:visible;transition:opacity .4s .25s}header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}h1,h2{font:normal clamp(calc(30px * var(--text-scale,1)),3vw,calc(48px * var(--text-scale,1)))/1.12 Georgia,'Times New Roman',serif;letter-spacing:-1.2px;margin:10px 0 24px}.eyebrow{font-size:calc(12px * var(--text-scale,1));color:var(--muted);margin:0}.intro{font-size:calc(12px * var(--text-scale,1));color:var(--muted);max-width:150px;margin-bottom:27px}.toolbar{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 0 20px}.search{display:flex;align-items:center;gap:12px;flex:1}.search span{font-size:calc(24px * var(--text-scale,1))}.search input{background:none;border:0;color:var(--ink);width:100%;min-width:80px;padding:8px 0}.search input::placeholder{color:var(--muted)}.filters{display:flex;gap:5px;white-space:nowrap}.filters button{border:1px solid var(--line);border-radius:24px;padding:7px 14px;font-size:calc(12px * var(--text-scale,1))}.filters .selected{color:var(--paper);background:var(--ink);border-color:var(--ink)}.count{font-size:calc(11px * var(--text-scale,1));color:var(--muted);margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.card{padding:0;display:block;text-align:left;width:100%}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#ede4d9}.card:hover img{filter:brightness(1.04)}.card-caption{display:flex;justify-content:space-between;padding-top:10px;font-size:calc(12px * var(--text-scale,1))}.card-caption span:last-child{color:var(--muted)}.collection-note{font-size:calc(12px * var(--text-scale,1));color:var(--muted);max-width:540px;margin-top:35px}.landing{flex:0 1 0;min-width:0;overflow:hidden;position:relative;opacity:0;transition:flex-grow .65s cubic-bezier(.22,.7,.2,1),opacity .3s}.landing.active{flex:1 1 0;opacity:1}.landing-top{position:absolute;top:35px;left:40px;right:40px;display:flex;justify-content:space-between;gap:20px;white-space:nowrap;font-size:calc(12px * var(--text-scale,1))}.landing-top span:first-child{font-weight:bold;font-size:calc(17px * var(--text-scale,1));letter-spacing:-.7px}.landing-top span:last-child{color:var(--muted)}.table-wrap{position:absolute;inset:100px 25px 85px;display:flex;align-items:center;justify-content:center;flex-direction:column}.table-wrap img{display:block;width:100%;max-width:1100px;height:auto;max-height:72%;object-fit:contain}.welcome{text-align:center;margin-top:30px;white-space:nowrap}.welcome h1{font-size:calc(38px * var(--text-scale,1));margin:0 0 13px}.welcome button{font-size:calc(12px * var(--text-scale,1));border-bottom:1px solid #ac9780;padding:0 0 5px}.welcome button span{padding-left:18px}.landing footer{position:absolute;bottom:30px;left:40px;right:40px;display:flex;justify-content:space-between;white-space:nowrap;font-size:calc(10px * var(--text-scale,1));color:var(--muted)}.quiet{padding-top:110px}.quiet>p:not(.eyebrow){max-width:420px;color:var(--muted)}.placeholder{border-top:1px solid var(--line);margin-top:70px;padding-top:25px;font-size:calc(13px * var(--text-scale,1));color:var(--muted);max-width:520px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:0;width:min(1050px,92vw);max-height:90dvh}dialog::backdrop{background:#251c14aa;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:8px;font-size:calc(28px * var(--text-scale,1));z-index:1}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr}.detail-image{background:#e9e0d4;display:flex;align-items:center;justify-content:center}.detail-image img{width:100%;max-height:85dvh;object-fit:contain}.detail-copy{padding:65px 35px 35px}.detail-copy h2{font-size:calc(34px * var(--text-scale,1));overflow-wrap:anywhere}.code-field{padding:15px;background:#eae5df;font-size:calc(16px * var(--text-scale,1));overflow-wrap:anywhere}.primary,.secondary{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid var(--ink)}.primary{background:var(--ink);color:var(--paper)}dl{font-size:calc(12px * var(--text-scale,1));margin-top:35px}dt{color:var(--muted);margin-top:15px}dd{margin:3px 0}.detail-note{font-size:calc(11px * var(--text-scale,1));color:var(--muted);margin-top:28px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 20px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@media(min-width:1700px){:root{--rail:70px}}.empty{grid-column:1/-1;padding:60px 0;color:var(--muted)}@media(max-width:1000px){:root{--rail:48px}.brand{flex-basis:54px}.content{padding:35px 22px}.intro{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-top span:last-child,.landing footer span:first-child{display:none}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}}@media(max-width:650px){.shell{display:block;overflow:auto;height:100dvh;padding-top:106px}.brand{position:fixed;top:0;left:0;right:0;height:54px;background:var(--paper);z-index:3;border-right:0;border-bottom:1px solid var(--line);align-items:flex-start;padding-left:18px}.brand button{font-size:calc(24px * var(--text-scale,1));margin:8px 0 0;padding:0;border:0}.brand-name{position:static;writing-mode:initial;transform:none;font:calc(16px * var(--text-scale,1)) Arial;position:absolute;left:60px;top:17px}.edition{bottom:17px;right:18px;font-size:calc(9px * var(--text-scale,1))}.edition br{display:none}.panel{border:0;position:static}.rail{position:fixed;top:54px;left:calc(100% / 4 * var(--i));width:25%;height:52px;padding:0;background:var(--paper);z-index:3;border-bottom:1px solid var(--line)!important}.panel:nth-of-type(1){--i:0}.panel:nth-of-type(2){--i:1}.panel:nth-of-type(3){--i:2}.panel:nth-of-type(4){--i:3}.rail-label{position:static;writing-mode:initial;transform:none;font-size:calc(11px * var(--text-scale,1));margin:auto}.rail-label small,.symbol,.rail-bottom{display:none}.content{position:relative;left:auto;padding:30px 20px;display:none;overflow:visible}.active .content{display:block}.landing{height:calc(100dvh - 106px);display:none}.landing.active{display:block}.landing-top{top:30px;left:24px}.table-wrap{inset:65px 12px 65px}.table-wrap img{max-height:62%}.welcome h1{font-size:calc(34px * var(--text-scale,1))}.landing footer{left:24px;bottom:20px}.grid{gap:22px 12px}.card-caption{font-size:calc(10px * var(--text-scale,1))}.detail-layout{grid-template-columns:1fr}.detail-image img{max-height:48dvh}.detail-copy{padding:25px}.detail-copy h2{margin-bottom:16px}.close{background:var(--paper);border-radius:50%;width:38px;height:38px}.quiet{min-height:60vh}.content h1{font-size:calc(35px * var(--text-scale,1))}.brand button span{font-size:calc(18px * var(--text-scale,1))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Sliding panels reveal a stable page instead of squeezing and fading its contents. */

@media(min-width:651px){.brand{z-index:30;background:var(--paper)}.rail{z-index:30;background:var(--paper)}.panel{transition:flex-grow .95s cubic-bezier(.76,0,.24,1)}.content{width:calc(100vw - 70px - 5 * var(--rail));right:auto;transition:none}.active .content{transition:none}.landing{transition:flex-grow .95s cubic-bezier(.76,0,.24,1);opacity:1}.landing:not(.active){visibility:hidden}.landing .table-wrap{transform:translateY(42px)}.landing .welcome{margin-top:25px}.reveal-cover{box-shadow:-18px 0 35px -32px #41270880}.reveal-cover.landing{visibility:visible!important}.reveal-cover .table-wrap{transform:translateY(42px)}}

@media(min-width:651px) and (max-width:1000px){.content{width:calc(100vw - 54px - 5 * var(--rail))}}

@media(max-width:650px){.table-wrap{transform:translateY(20px)}}



.brand .motion-toggle{position:absolute;bottom:86px;font:calc(10px * var(--text-scale,1)) Arial,sans-serif;border:1px solid var(--line);padding:8px 3px;margin:0;border-radius:0;max-width:60px}

@media(min-width:651px){html[data-motion="on"] .panel,html[data-motion="on"] .landing{transition:flex-grow .95s cubic-bezier(.76,0,.24,1)!important}}

html[data-motion="off"] *{transition:none!important}

@media(max-width:650px){.brand .motion-toggle{bottom:12px;right:100px;padding:6px;max-width:none}}



/* One shared center for vertical navigation labels, independent of text length. */

@media(min-width:651px){.rail-label{top:50%;transform:translateY(-50%) rotate(180deg)}.brand .brand-name{position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%) rotate(180deg);writing-mode:vertical-rl;font:calc(20px * var(--text-scale,1)) Georgia,serif;margin:0;padding:8px;border:0;white-space:nowrap}}

@media(max-width:650px){.brand .brand-name{position:absolute;left:60px;top:17px;font:calc(16px * var(--text-scale,1)) Arial,sans-serif;margin:0;padding:0;border:0;writing-mode:initial;transform:none}}



/* Preserve the entire composition, including original multi-image SREF sheets. */

.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--preview-width,240px)),1fr));align-items:start}

.card img{aspect-ratio:auto;height:auto;object-fit:contain}

.gallery-settings{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 20px}

.gallery-settings .count{margin:0}.size-control{display:flex;align-items:center;gap:10px;font-size:calc(11px * var(--text-scale,1));color:var(--muted)}

.size-control select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;padding:8px 26px 8px 10px;cursor:pointer}

.size-control select:focus-visible{outline:2px solid #997237;outline-offset:3px}

.grid[data-size="small"]{--preview-width:165px}.grid[data-size="medium"]{--preview-width:240px}.grid[data-size="large"]{--preview-width:360px}

@media(max-width:650px){.grid[data-size="small"]{--preview-width:125px}.grid[data-size="medium"]{--preview-width:155px}.grid[data-size="large"]{--preview-width:280px}.size-control{gap:6px}.gallery-settings{gap:8px}}



/* Quiet editorial entry points for the archive. */

 .style-worlds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:24px 0 18px;border:0}
.style-world{text-align:left;display:flex;flex-direction:column;padding:13px 12px;background:#e9dfcf;border:1px solid #d7c8b3;border-radius:5px;color:var(--ink);cursor:pointer;min-width:0;transition:background .18s,border-color .18s}
.style-world strong{display:block;font-family:Georgia,serif;font-size:calc(16px * var(--text-scale,1));line-height:1.2;font-weight:normal;min-height:2.4em;margin-bottom:6px;overflow-wrap:normal}
.style-world span,.style-world small{display:block;font-size:calc(11px * var(--text-scale,1));line-height:1.4}
.style-world span{color:#6d5940}
.style-world small{padding-top:9px;margin-top:auto;color:#6d5940;opacity:1;font-size:calc(10px * var(--text-scale,1))}
.style-world:hover{background:#dfd0ba;border-color:#b59c79}
.style-world[aria-pressed="true"]{background:#482b0a;border-color:#482b0a;color:#fff8ef}
.style-world[aria-pressed="true"] span,.style-world[aria-pressed="true"] small{color:#f1dfc8}
.browse-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}

.browse-controls label{font-size:calc(12px * var(--text-scale,1));display:flex;align-items:center;gap:8px}

.browse-controls select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);padding:9px}

#load-more{margin:24px auto;display:block}

#load-more[hidden]{display:none}

@media(max-width:1099px){.style-worlds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.style-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

@media(max-width:420px){.style-world strong{font-size:calc(15px * var(--text-scale,1))}.style-world{padding:12px 10px}}



.review-tools{margin:18px 0}

#review-selection{border:1px solid var(--ink);padding:10px 16px}

#review-selection[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

#review-description{max-width:65ch;font-size:calc(12px * var(--text-scale,1));color:var(--muted)}

.review-caption{display:block;font-size:calc(11px * var(--text-scale,1));line-height:1.5;padding-top:6px;color:var(--muted)}



#unassigned[hidden]{display:none}





.gallery-card{min-width:0}

.share-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:12px;padding-top:9px;border-top:1px solid var(--line)}

.share-row>span{font-size:calc(11px * var(--text-scale,1));margin-right:3px;color:var(--muted)}

.share-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border-radius:50%}

.share-icon svg{width:18px;height:18px;flex:none}

.share-icon:hover,.share-icon:focus-visible{background:var(--ink);color:var(--paper)}

#original-prompt{user-select:all}

#toast{z-index:100}



.tag-filters{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 20px}

.tag-filter{font-size:calc(11px * var(--text-scale,1));line-height:1.4;padding:5px 9px;border:1px solid var(--line);border-radius:3px}

.tag-filter:hover{background:#eee5d8}

.tag-filter[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

#clear-filters{font-size:calc(12px * var(--text-scale,1));text-decoration:underline;margin-bottom:15px}

#tag-coverage{margin:0 0 12px}

#load-more{width:100%;padding:15px;margin:28px 0;background:#eee5d8;border:1px solid var(--line)}



.monthly-updates{margin:18px 0 26px;padding:22px 24px;background:#412b17;color:#fff7eb;border:1px solid #553d24;border-radius:6px}
.updates-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.updates-heading h2{font:calc(22px * var(--text-scale,1))/1.2 Georgia,serif;letter-spacing:0;margin:0;color:#fff7eb}
.updates-heading span,.updates-caption,#updates-baseline,#updates-checked{font-size:calc(12px * var(--text-scale,1));line-height:1.6;color:#e3cdb4}
.updates-heading span{font-size:calc(13px * var(--text-scale,1));color:#fff7eb}
.updates-caption{margin:8px 0 18px}
.update-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #796047;font-size:calc(14px * var(--text-scale,1));color:#fff7eb}
.update-row strong{font-weight:600}.update-thumbs{display:flex;gap:4px;margin-left:auto}
.update-thumbs img{object-fit:cover;border-radius:4px}
.updates-empty{font-size:calc(13px * var(--text-scale,1));color:#fff7eb}
#updates-more{width:100%;padding:11px;background:#60442a;color:#fff7eb;border:1px solid #937453;margin-top:14px;font-size:calc(13px * var(--text-scale,1));border-radius:3px}
#updates-more:hover{background:#775535}
#updates-more[hidden]{display:none}
@media(max-width:650px){.monthly-updates{padding:18px 16px}.update-row{gap:10px}}




/* Five navigation panels, including the separate prompted-image archive. */

@media(max-width:650px){.rail{left:calc(100% / 5 * var(--i));width:20%}.panel:nth-of-type(5){--i:4}.rail-label{font-size:calc(10px * var(--text-scale,1))}}

#image-topics{margin:24px 0}#image-more{width:100%;padding:15px;margin:28px 0;background:#eee5d8;border:1px solid var(--line)}

#image-reset{font-size:calc(12px * var(--text-scale,1));text-decoration:underline}#image-filename{overflow-wrap:anywhere}#image-grid .card-caption{gap:12px}#image-grid .card-caption span:first-child{overflow-wrap:anywhere}



/* White source logo is tinted to match the navigation on cream. */

.brand #home{padding:0 0 14px;width:48px;margin-top:20px}.brand-logo{display:block;width:48px;height:48px;filter:brightness(0) saturate(100%) invert(13%) sepia(40%) saturate(1560%) hue-rotate(356deg) brightness(96%) contrast(94%)}

@media(max-width:650px){.brand #home{width:44px;margin-top:5px;padding:0}.brand-logo{width:44px;height:44px}}



/* Four visible sections while Experiments is paused. */

.panel[hidden]{display:none!important}

@media(min-width:651px){.content{width:calc(100vw - 70px - 4 * var(--rail))}}

@media(min-width:651px) and (max-width:1000px){.content{width:calc(100vw - 54px - 4 * var(--rail))}}

@media(max-width:650px){.rail{width:25%;left:calc(100% / 4 * var(--i))}.panel#about{--i:3}}

#journal-content{padding-top:45px}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;margin-top:30px}.magazine-card img{width:100%;height:240px;object-fit:contain;background:#eee6db;display:block}.magazine-card h2{font-size:calc(22px * var(--text-scale,1));letter-spacing:-.4px;margin:10px 0}.magazine-card p,.magazine-card a{font-size:calc(12px * var(--text-scale,1))}.magazine-card a{color:var(--ink)}.magazine-number{color:var(--muted)}.magazine-placeholder{height:240px;display:grid;place-items:center;border:1px solid var(--line);font:calc(32px * var(--text-scale,1)) Georgia}.about-copy{max-width:600px}.about-copy p{line-height:1.8}.about-copy .intro-name{font:calc(28px * var(--text-scale,1)) Georgia;color:var(--ink)}

@media(max-width:900px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.magazine-grid{grid-template-columns:1fr}.magazine-card img{height:300px}}



.magazine-card a{display:block}.magazine-card img{width:100%;height:auto;aspect-ratio:1 / 1.4142;object-fit:contain;background:transparent}.magazine-card a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}

.magazine-grid{grid-template-columns:repeat(auto-fill,136px);gap:28px 22px;justify-content:start}.magazine-card .magazine-number{font-size:calc(10px * var(--text-scale,1));line-height:1.4;margin:9px 0 3px}.magazine-card h2{font:calc(12px * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0;overflow-wrap:anywhere}

@media(max-width:360px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,136px));gap:24px 14px}}



/* Six covers across the available desktop panel width. */

@media(min-width:1001px){.magazine-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}}

@media(min-width:651px) and (max-width:1000px){.magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}}

@media(max-width:650px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}



/* Mobile navigation and touch controls, 2026-10-25. */

@media(max-width:650px){

 .rail{padding:0 5px}

 .rail-label{white-space:normal;font-size:calc(12px * var(--text-scale,1));line-height:1.25;text-align:center;max-width:100%}

 .content{overflow-wrap:break-word}

 .search input,.browse-controls select,.size-control select{font-size:calc(16px * var(--text-scale,1))}

 .tag-filter{min-height:36px}

 .share-icon{width:44px;height:44px;padding:12px}

 .gallery-settings{flex-wrap:wrap}

 .card-caption{flex-wrap:wrap;gap:4px}

 .brand .edition{display:none}

 .brand .motion-toggle{right:16px}

}



/* Always reachable contact and legal pages. */

.legal-nav{position:fixed;bottom:0;right:0;z-index:40;display:flex;gap:20px;padding:9px 18px;background:var(--paper);border-top:1px solid var(--line);font-size:calc(12px * var(--text-scale,1))}

.legal-nav a,.legal-page a{color:var(--ink);text-underline-offset:3px}

.content{padding-bottom:80px}

.legal-header{padding:24px max(24px,calc((100vw - 850px)/2));border-bottom:1px solid var(--line);align-items:center}

.legal-header a:first-child{font:calc(24px * var(--text-scale,1)) Georgia,serif}.legal-header a:last-child{font-size:calc(13px * var(--text-scale,1))}

.legal-copy{max-width:800px;margin:50px auto 100px;padding:0 24px;line-height:1.75;overflow-wrap:anywhere}

.legal-copy h2{font:calc(26px * var(--text-scale,1))/1.25 Georgia,serif;letter-spacing:0;margin-top:36px}.legal-copy h1{margin-bottom:28px}

.legal-draft{border-left:3px solid #ac9780;padding:16px;background:#eee5d8;font-size:calc(14px * var(--text-scale,1))}

.legal-note{font-size:calc(13px * var(--text-scale,1));color:var(--muted)}.contact-email{font-size:clamp(calc(20px * var(--text-scale,1)),4vw,calc(28px * var(--text-scale,1)))}

@media(max-width:650px){.legal-nav{left:0;justify-content:center;gap:24px;min-height:44px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.shell{padding-bottom:44px}.landing footer{bottom:64px}.legal-copy{margin-top:32px}.legal-header{padding:18px 20px}.legal-nav a{padding:3px 0}}



.like-button{min-width:64px;min-height:44px;font-size:calc(20px * var(--text-scale,1))}.like-button[aria-pressed="true"]{color:#a72c50}.landing-top{flex-wrap:wrap;gap:12px}#sref-like-total{font-variant-numeric:tabular-nums}#detail-share{margin:16px 0}



/* Five stable desktop columns, including short filtered result sets. */

@media(min-width:1100px){

 #grid{grid-template-columns:repeat(5,minmax(0,1fr))}

 #library-content .size-control{display:none}

 #grid .card-caption{flex-wrap:wrap;gap:2px 8px}

}

/* Reserve space above the fixed legal navigation. */

.landing footer{bottom:64px;white-space:normal;gap:16px;flex-wrap:wrap}


/* Accessibility: visible focus, readable secondary text and reduced motion. */
:root{--muted:#6b5946}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #005a9c;outline-offset:3px;box-shadow:0 0 0 2px var(--paper)}
.skip-link{position:fixed;top:8px;left:8px;z-index:100000;background:#412708;color:#fff;padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.close{min-width:44px;min-height:44px;background:var(--paper)}
.filters button,.tag-filters button,select,.legal-nav a{min-height:32px}
.legal-nav a{display:inline-flex;align-items:center}
.content{scroll-padding:24px 0 100px}
.content h1:focus,.landing:focus{outline-offset:-4px}
@media(prefers-reduced-motion:reduce){html[data-motion="on"] .panel,html[data-motion="on"] .landing,*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal-cover{display:none!important}}
@media(forced-colors:active){button,a,input,select{forced-color-adjust:auto}.card,.style-worlds button{border:1px solid ButtonText}:focus-visible{outline:3px solid Highlight}}
@media(max-width:650px){.rail-label{white-space:normal;line-height:1.25;text-align:center;padding:4px}.toolbar .filters{flex-wrap:wrap}.landing-top{white-space:normal}.welcome{white-space:normal}.detail-copy{overflow-wrap:anywhere}.legal-nav{flex-wrap:wrap}}

a.rail{color:inherit;text-decoration:none;box-sizing:border-box;cursor:pointer}

.catalogue-page{overflow:auto}.catalogue-header{max-width:1400px;margin:auto;padding:28px;display:flex;flex-wrap:wrap;gap:20px}.catalogue-header nav{display:flex;gap:24px;flex-wrap:wrap}.catalogue-page a{color:var(--ink);text-underline-offset:4px}.catalogue-main{max-width:1400px;margin:auto;padding:24px 28px 120px}.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.catalogue-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.catalogue-grid span{display:block;padding-top:10px}.catalogue-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}.catalogue-detail>img{width:100%;max-height:80vh;object-fit:contain}.catalogue-detail h2{font-size:calc(24px * var(--text-scale,1));letter-spacing:normal}.catalogue-detail .code-field{white-space:pre-wrap}.catalogue-pagination{display:flex;justify-content:space-between;gap:24px;padding:32px 0}.catalogue-pagination a{padding:12px;border:1px solid var(--line)}@media(max-width:900px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-detail{grid-template-columns:1fr}}@media(max-width:400px){.catalogue-main{padding-left:16px;padding-right:16px}.catalogue-grid{gap:20px 12px}}

/* Display controls use native selects and a native modal dialog. */
#display-settings{font:inherit;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:4px 8px;border:1px solid var(--line)}
#display-dialog{width:min(540px,94vw);padding:24px;overflow:auto}
#display-dialog h2{font-size:calc(26px * var(--text-scale,1));letter-spacing:normal;margin:0 0 24px}
#display-dialog label{display:block;margin-top:18px}
#display-dialog select{display:block;width:100%;font:inherit;min-height:44px;padding:8px;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}
#display-dialog p{font-size:calc(13px * var(--text-scale,1))}
.display-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.display-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--ink);flex:1}
#display-close{background:var(--ink);color:var(--paper)}
html[data-colour="dark"]{--paper:#181b20;--ink:#f5ead8;--muted:#d0c5b3;--line:#92969c;color-scheme:dark}
html[data-colour="contrast"]{--paper:#000;--ink:#fff;--muted:#fff;--line:#fff;color-scheme:dark}
html:not([data-colour="original"])[data-colour] :is(.rail,.style-worlds button,.code-field,.detail-image,.legal-draft,.monthly-updates,.update-history,.cmplz-cookiebanner){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:not([data-colour="original"])[data-colour] :is(.style-worlds button,.monthly-updates,.update-history,.cmplz-cookiebanner) :is(p,span,small,h2,h3,a,button,label){color:var(--ink)!important}
html:not([data-colour="original"])[data-colour] :is(.rail:hover,.active .rail){background:#333!important}
html:not([data-colour="original"])[data-colour] :is(.selected,[aria-pressed="true"]){outline:2px solid var(--ink);outline-offset:2px}
html:not([data-colour="original"])[data-colour] :focus-visible{outline-color:#ffdf00!important}
html[data-colour="contrast"] a{text-decoration:underline}
.legal-nav{flex-wrap:wrap;align-items:center;max-width:100%;gap:8px 18px}
.legal-nav a{min-height:44px}
html[data-large-text="true"] .content{padding-bottom:180px}
html[data-large-text="true"] :is(.toolbar,.gallery-settings,header){flex-wrap:wrap}
html[data-large-text="true"] .filters{flex-wrap:wrap;white-space:normal}
html[data-large-text="true"] .style-worlds{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
html[data-large-text="true"] .card-caption{flex-wrap:wrap;overflow-wrap:anywhere}
html[data-large-text="true"] .landing.active{overflow:auto}
html[data-large-text="true"] .landing-top{position:relative;top:auto;left:auto;right:auto;margin:30px;white-space:normal}
html[data-large-text="true"] .table-wrap{position:relative;inset:auto;transform:none;margin:70px 24px 24px}
html[data-large-text="true"] .welcome{white-space:normal}
html[data-large-text="true"] .landing footer{position:relative;inset:auto;margin:32px 24px 140px}
@media(max-width:650px){html[data-large-text="true"] .rail{height:92px}html[data-large-text="true"] .shell{padding-top:146px}html[data-large-text="true"] .landing{height:auto;min-height:calc(100dvh - 146px)}.detail-copy{padding-top:60px}.legal-nav{gap:4px 12px;padding:6px 12px}.legal-copy,.catalogue-main{padding-bottom:160px}}
html[data-large-text="true"] :is(.rail-bottom,.edition){display:none}html:not([data-colour="original"])[data-colour] .brand-logo{filter:brightness(0) invert(1)}

/* WP Accessibility menu, tucked below the logo and above the navigation labels. */
.tischeins-access-menu{position:fixed;left:12px;top:145px;z-index:99990;color:#412708;font:15px/1.4 Arial,Helvetica,sans-serif}
.tischeins-access-menu>summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#412708;color:#fff;border:1px solid #fff;border-radius:50%;font-size:25px}
.tischeins-access-menu>summary::-webkit-details-marker{display:none}
.tischeins-access-menu>summary:focus-visible{outline:3px solid #005a9c;outline-offset:3px}
.tischeins-access-menu .a11y-toolbar{position:static!important;margin-top:8px;width:205px;max-width:calc(100vw - 24px);border:1px solid #806b52;border-radius:8px;overflow:hidden;background:#faf4eb}
.tischeins-access-menu .a11y-toolbar ul li button{display:flex;gap:12px;align-items:center;min-height:48px;width:100%;padding:12px!important;background:#faf4eb;color:#412708;font-size:15px!important;line-height:1.4}
.tischeins-access-menu .a11y-toolbar ul li button:hover,.tischeins-access-menu .a11y-toolbar ul li button.active{background:#412708;color:#fff}
.tischeins-access-menu .toolbar-label{order:2}.tischeins-access-menu .aticon{font-size:20px}
.tischeins-access-menu .a11y-toolbar button:focus-visible{outline:3px solid #005a9c;outline-offset:-4px}
@media(max-width:650px){.tischeins-access-menu{top:auto;bottom:110px;left:10px}.tischeins-access-menu[open]{display:flex;flex-direction:column-reverse;gap:8px}.tischeins-access-menu .a11y-toolbar{margin-top:0}}

/* Keep ordinary links within the site palette, including visited links. */
a:link,a:visited{color:var(--ink);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

/* Image Gallery: two complete desktop rows per batch. */
@media(min-width:1100px){#image-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}