/* =========================================================================
   TECH — the owner's design mock, ported verbatim by
   scripts/build_tech_sheet.py. DO NOT hand-edit: edit
   specimens/tech-mock/index.html (or the transformer) and rebuild.
   ========================================================================= */

/* Compact chrome — the Entertainment desk's own numbers, which is
   the masthead size the owner asked this page to match, on
   donor-identical markup carrying his real logo. */
.tklight .band.utility { height: 30px; }
.tklight .brand-band.small { height: 58px; }
.tklight .brand-band.small .wordmark { width: 290px; }
.tklight nav.sections { height: 32px; }

/* The mock is a fluid 1280px-capped Tailwind layout, not a fixed-px
   drawing, so it needs no zoom ladder — it only needs the shell to
   stop capping it first. Same wide-desk terms as ent/food/opinion. */
.tklight { max-width: none; border-radius: 0; box-shadow: none; }

/* ---- the sheet's ground and its two house faces.
   The mock asked for 'Inter, sans-serif' and 'Playfair Display,
   serif'; the Globe's --ui and --display are those same two faces
   with the house fallback chains behind them, which is what the
   owner meant by "use my brand's fonts". --tkblue is the mock's
   brand blue, kept as drawn and named once so it can be swapped
   for the house --blue in a single edit. */
.tksheet {
  --tkblue: #0f4cff;
  font-family: var(--ui);
  color: #111827;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.5;
}
.tksheet ::selection { background: var(--tkblue); color: #fff; }
.tksheet img, .tksheet svg { display: block; vertical-align: middle; }
.tksheet img { max-width: 100%; }
.tksheet a { color: inherit; text-decoration: none; }
.tksheet h1, .tksheet h2, .tksheet h3 { margin: 0; font-size: inherit;
  font-weight: inherit; line-height: inherit; }
.tksheet p, .tksheet ul { margin: 0; }
.tksheet ul { list-style: none; padding: 0; }
.tksheet *, .tksheet *::before, .tksheet *::after { box-sizing: border-box;
  border: 0 solid #e5e7eb; }
.tksheet input, .tksheet button { font: inherit; color: inherit; margin: 0; }
.tksheet .sheet-colophon { font-family: var(--ui); font-size: 11px;
  color: #6b7280; text-align: center; padding: 14px 16px 22px; }

/* ---- the mock's utilities, compiled ---- */
.tksheet .hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.tksheet .hide-scrollbar::-webkit-scrollbar{display:none}

/* ---- provenance: the house source line (clip_story's tier-one
   wording), set in the sheet's own metadata voice ---- */
.tksheet .tk-source{display:block;font-family:var(--ui);font-size:10px;
  line-height:1.5;font-style:italic;color:#6b7280;margin-top:4px}
.tksheet .tk-source a{color:inherit;text-decoration:underline;
  text-underline-offset:2px}
.tksheet .tk-source-dark{color:#d1d5db}
.tksheet .block{display:block}
.tksheet .space-x-2 > * + *{margin-left:8px}
.tksheet .inline-block{display:inline-block}
.tksheet .flex{display:flex}
.tksheet .grid{display:grid}
.tksheet .relative{position:relative}
.tksheet .space-y-3 > * + *{margin-top:12px}
.tksheet .absolute{position:absolute}
.tksheet .space-y-5 > * + *{margin-top:20px}
.tksheet .inset-0{inset:0}
.tksheet .space-y-6 > * + *{margin-top:24px}
.tksheet .divide-x > * + *{border-left-width:1px}
.tksheet .z-10{z-index:10}
.tksheet .overflow-hidden{overflow:hidden}
.tksheet .divide-gray-200 > * + *{border-color:#e5e7eb}
.tksheet .flex-col{flex-direction:column}
.tksheet .flex-row{flex-direction:row}
.tksheet .flex-wrap{flex-wrap:wrap}
.tksheet .flex-1{flex:1 1 0%}
.tksheet .shrink-0{flex-shrink:0}
.tksheet .items-start{align-items:flex-start}
.tksheet .items-center{align-items:center}
.tksheet .justify-between{justify-content:space-between}
.tksheet .justify-end{justify-content:flex-end}
.tksheet .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.tksheet .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tksheet .gap-4{gap:16px}
.tksheet .gap-6{gap:24px}
.tksheet .gap-8{gap:32px}
.tksheet .gap-10{gap:40px}
.tksheet .gap-y-8{row-gap:32px}
.tksheet .w-3{width:12px}
.tksheet .w-4{width:16px}
.tksheet .w-6{width:24px}
.tksheet .w-8{width:32px}
.tksheet .w-10{width:40px}
.tksheet .w-\[120px\]{width:120px}
.tksheet .w-full{width:100%}
.tksheet .h-3{height:12px}
.tksheet .h-4{height:16px}
.tksheet .h-8{height:32px}
.tksheet .h-10{height:40px}
.tksheet .h-\[80px\]{height:80px}
.tksheet .h-\[90px\]{height:90px}
.tksheet .h-\[400px\]{height:400px}
.tksheet .h-full{height:100%}
.tksheet .max-w-7xl{max-width:80rem}
.tksheet .max-w-md{max-width:28rem}
.tksheet .mx-auto{margin-left:auto;margin-right:auto}
.tksheet .mt-auto{margin-top:auto}
.tksheet .mt-px{margin-top:1px}
.tksheet .mt-0\.5{margin-top:2px}
.tksheet .mt-2{margin-top:8px}
.tksheet .mb-1{margin-bottom:4px}
.tksheet .mb-2{margin-bottom:8px}
.tksheet .mb-3{margin-bottom:12px}
.tksheet .mb-4{margin-bottom:16px}
.tksheet .mb-5{margin-bottom:20px}
.tksheet .mb-6{margin-bottom:24px}
.tksheet .mb-8{margin-bottom:32px}
.tksheet .ml-1{margin-left:4px}
.tksheet .ml-2{margin-left:8px}
.tksheet .mr-1\.5{margin-right:6px}
.tksheet .mr-3{margin-right:12px}
.tksheet .mr-4{margin-right:16px}
.tksheet .p-1{padding:4px}
.tksheet .p-5{padding:20px}
.tksheet .p-6{padding:24px}
.tksheet .px-2{padding-left:8px;padding-right:8px}
.tksheet .px-4{padding-left:16px;padding-right:16px}
.tksheet .px-6{padding-left:24px;padding-right:24px}
.tksheet .py-0\.5{padding-top:2px;padding-bottom:2px}
.tksheet .py-1{padding-top:4px;padding-bottom:4px}
.tksheet .py-2{padding-top:8px;padding-bottom:8px}
.tksheet .py-3{padding-top:12px;padding-bottom:12px}
.tksheet .py-6{padding-top:24px;padding-bottom:24px}
.tksheet .py-8{padding-top:32px;padding-bottom:32px}
.tksheet .py-10{padding-top:40px;padding-bottom:40px}
.tksheet .pb-2{padding-bottom:8px}
.tksheet .pb-8{padding-bottom:32px}
.tksheet .pr-2{padding-right:8px}
.tksheet .pr-4{padding-right:16px}
.tksheet .font-serif{font-family:'Playfair Display','Times New Roman',Georgia,serif}
.tksheet .font-medium{font-weight:500}
.tksheet .font-semibold{font-weight:600}
.tksheet .font-bold{font-weight:700}
.tksheet .text-xs{font-size:12px;line-height:16px}
.tksheet .text-sm{font-size:14px;line-height:20px}
.tksheet .text-base{font-size:16px;line-height:24px}
.tksheet .text-xl{font-size:20px;line-height:28px}
.tksheet .text-3xl{font-size:30px;line-height:36px}
.tksheet .text-\[10px\]{font-size:10px}
.tksheet .text-\[11px\]{font-size:11px}
.tksheet .text-\[13px\]{font-size:13px}
.tksheet .leading-none{line-height:1}
.tksheet .leading-tight{line-height:1.25}
.tksheet .leading-snug{line-height:1.375}
.tksheet .leading-relaxed{line-height:1.625}
.tksheet .tracking-wide{letter-spacing:.025em}
.tksheet .tracking-wider{letter-spacing:.05em}
.tksheet .tracking-widest{letter-spacing:.1em}
.tksheet .uppercase{text-transform:uppercase}
.tksheet .underline{text-decoration-line:underline}
.tksheet .text-left{text-align:left}
.tksheet .text-center{text-align:center}
.tksheet .text-right{text-align:right}
.tksheet .text-white{color:#fff}
.tksheet .text-brandblue{color:var(--tkblue)}
.tksheet .bg-white{background-color:#fff}
.tksheet .bg-black{background-color:#000}
.tksheet .bg-black\/30{background-color:rgba(0,0,0,.3)}
.tksheet .bg-brandblue{background-color:var(--tkblue)}
.tksheet .bg-gray-50\/90{background-color:rgba(249,250,251,.9)}
.tksheet .bg-cover{background-size:cover}
.tksheet .bg-center{background-position:center}
.tksheet .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.tksheet .from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,0,0,0))}
.tksheet .via-black\/40{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.4),var(--tw-gradient-to,rgba(0,0,0,0))}
.tksheet .to-transparent{--tw-gradient-to:transparent}
.tksheet .border{border-width:1px}
.tksheet .border-0{border-width:0}
.tksheet .border-b{border-bottom-width:1px}
.tksheet .border-t{border-top-width:1px}
.tksheet .border-r{border-right-width:1px}
.tksheet .border-none{border-style:none}
.tksheet .border-brandblue{border-color:var(--tkblue)}
.tksheet .rounded{border-radius:4px}
.tksheet .rounded-full{border-radius:9999px}
.tksheet .rounded-l-sm{border-top-left-radius:2px;border-bottom-left-radius:2px}
.tksheet .rounded-r-sm{border-top-right-radius:2px;border-bottom-right-radius:2px}
.tksheet .object-cover{object-fit:cover}
.tksheet .object-contain{object-fit:contain}
.tksheet .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.tksheet .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.tksheet .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.tksheet .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.tksheet .duration-700{transition-duration:700ms}
.tksheet .cursor-pointer{cursor:pointer}
.tksheet .outline-none{outline:2px solid transparent;outline-offset:2px}
.tksheet .bg-gray-50{background-color:#f9fafb}
.tksheet .border-gray-100{border-color:#f3f4f6}
.tksheet .text-gray-200{color:#e5e7eb}
.tksheet .border-gray-200{border-color:#e5e7eb}
.tksheet .text-gray-300{color:#d1d5db}
.tksheet .text-gray-400{color:#9ca3af}
.tksheet .text-gray-500{color:#6b7280}
.tksheet .text-gray-600{color:#4b5563}
.tksheet .text-gray-800{color:#1f2937}
.tksheet .text-gray-900{color:#111827}
.tksheet .hover\:underline:hover{text-decoration-line:underline}
.tksheet .hover\:text-white:hover{color:#fff}
.tksheet .group:hover .group-hover\:text-brandblue{color:var(--tkblue)}
.tksheet .hover\:text-brandblue:hover{color:var(--tkblue)}
.tksheet .group:hover .group-hover\:text-blue-100{color:#dbeafe}
.tksheet .focus\:bg-white:focus{background-color:#fff}
.tksheet .hover\:bg-blue-700:hover{background-color:#1d4ed8}
.tksheet .last\:border-0:last-child{border-width:0}
.tksheet .group:hover .group-hover\:scale-105{transform:scale(1.05)}
.tksheet .group:hover .group-hover\:translate-x-1{transform:translateX(4px)}
@media (min-width:640px){.tksheet .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:640px){.tksheet .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.tksheet .md\:flex-row{flex-direction:row}}
@media (min-width:768px){.tksheet .md\:items-end{align-items:flex-end}}
@media (min-width:768px){.tksheet .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.tksheet .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:768px){.tksheet .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:768px){.tksheet .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:768px){.tksheet .md\:gap-y-0{row-gap:0}}
@media (min-width:768px){.tksheet .md\:w-1\/2{width:50%}}
@media (min-width:768px){.tksheet .md\:w-5\/6{width:83.333333%}}
@media (min-width:768px){.tksheet .md\:h-\[500px\]{height:500px}}
@media (min-width:768px){.tksheet .md\:mb-0{margin-bottom:0}}
@media (min-width:768px){.tksheet .md\:p-10{padding:40px}}
@media (min-width:768px){.tksheet .md\:text-lg{font-size:18px;line-height:28px}}
@media (min-width:768px){.tksheet .md\:text-5xl{font-size:48px;line-height:1}}
@media (min-width:768px){.tksheet .md\:border-r{border-right-width:1px}}
@media (min-width:1024px){.tksheet .lg\:flex-col{flex-direction:column}}
@media (min-width:1024px){.tksheet .lg\:flex-row{flex-direction:row}}
@media (min-width:1024px){.tksheet .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.tksheet .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1024px){.tksheet .lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (min-width:1024px){.tksheet .lg\:col-span-2{grid-column:span 2/span 2}}
@media (min-width:1024px){.tksheet .lg\:gap-4{gap:16px}}
@media (min-width:1024px){.tksheet .lg\:w-1\/3{width:33.333333%}}
@media (min-width:1024px){.tksheet .lg\:w-2\/3{width:66.666667%}}
@media (min-width:1024px){.tksheet .lg\:mb-3{margin-bottom:12px}}
@media (min-width:1024px){.tksheet .lg\:mr-0{margin-right:0}}
@media (min-width:1024px){.tksheet .lg\:pr-0{padding-right:0}}
@media (min-width:1024px){.tksheet .lg\:border-b-0{border-bottom-width:0}}
@media (min-width:1024px){.tksheet .lg\:border-r-0{border-right-width:0}}
@media (min-width:1280px){.tksheet .xl\:flex-row{flex-direction:row}}
@media (min-width:1280px){.tksheet .xl\:mb-0{margin-bottom:0}}
@media (min-width:1280px){.tksheet .xl\:mr-3{margin-right:12px}}

/* ---- the house tail, below the owner's sheet ---- */
.tk-tail { max-width: 80rem; margin: 0 auto; padding: 26px 16px 10px; }
.tk-tail-links { font: 700 9px var(--ui); letter-spacing: .08em; text-transform: uppercase; margin: 0 0 10px; }
.tk-tail-links a { color: #444; text-decoration: none; }
.tk-tail-file { list-style: none; margin: 0 0 6px; padding: 0; columns: 2; column-gap: 40px; }
.tk-tail-file li { font: 11px/1.9 var(--serif); break-inside: avoid; }
.tk-tail-file .file-date { font: 700 9.5px var(--ui); letter-spacing: .05em; color: #6a6a66; margin-right: 6px; text-transform: uppercase; }
.tk-tail-file a { color: #222; text-decoration: none; }
.tk-tail-file a:hover { text-decoration: underline; }
@media (max-width: 700px) { .tk-tail-file { columns: 1; } }