/* Ticket method case study: additions on top of case-study.css (the ticket drawn at laptop width, the ticket family, proof cards, phone pair). */
.hero-shot{margin:0;align-self:center;width:100%}
.hero-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #8a6a40;box-shadow:0 24px 60px #000a,0 0 0 1px #0006}
.hero-shot figcaption,.ticket-desk figcaption,.family figcaption,.phone-pair figcaption{margin-top:14px;text-align:center;font:italic 15px/1.5 Georgia,'Times New Roman',serif;color:var(--mn-muted)}

/* The ticket family */
.family{margin:30px 0 34px;display:grid;gap:14px}
.fam-main,.fam-sub,.fam-sign{border:1px solid #5e4630;border-radius:12px;background:linear-gradient(145deg,#2a1f15,#18130e);padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.fam-main{border:2px solid var(--mn-gold);background:linear-gradient(145deg,#3a2a19,#1c1610);text-align:center;align-items:center}
.fam-main strong{font:normal 26px Georgia,'Times New Roman',serif;color:var(--mn-gold)}
.fam-main span,.fam-sub span,.fam-sign span{font-size:13px;line-height:1.5;color:#d8cabb}
.fam-kind{font:bold 10px Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mn-gold)!important}
.fam-subs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:18px}
.fam-subs::before{content:'';position:absolute;top:0;left:12.5%;right:12.5%;height:10px;border:1px solid #8a6a40;border-bottom:0;border-radius:6px 6px 0 0}
.fam-sub strong{font:bold 12px Arial,sans-serif;color:var(--mn-cream);letter-spacing:.04em;overflow-wrap:anywhere}
.fam-sub em{font:normal 11px Arial,sans-serif;color:#e7c78f;margin-top:4px}
.fam-sub.done{opacity:.72}
.fam-sub.done em{color:#9fb88a}
.fam-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fam-sign{border-style:dashed}
.fam-sign strong{font:normal 17px Georgia,'Times New Roman',serif;color:var(--mn-cream)}

/* The ticket at laptop width */
.ticket-desk{margin:30px 0 20px}
.tk-window{border:1px solid #6b5236;border-radius:12px;overflow:hidden;background:#120f0c;box-shadow:0 24px 60px #0009;font-family:Arial,Helvetica,sans-serif}
.tk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#1b1612;border-bottom:1px solid #3d2f22}
.tk-brand{font:15px Georgia,'Times New Roman',serif;color:var(--mn-cream)}
.tk-brand b{font-weight:normal;color:var(--mn-gold)}
.tk-tabs{display:flex;gap:4px;flex-wrap:wrap}
.tk-tabs span{font-size:11px;color:#a8977f;padding:5px 10px;border-radius:14px}
.tk-tabs span.on{background:#3a2a17;color:#e7c78f}
.tk-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;padding:16px}
.tk-main,.tk-card{background:#1d1814;border:1px solid #3d2f22;border-radius:10px}
.tk-main{border-left:4px solid #d4734f;padding:16px 18px}
.tk-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.tk-card{padding:12px 14px}
.tk-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 8px!important}
.tk-pill{font:bold 10px Arial,sans-serif;letter-spacing:.06em;padding:3px 8px;border-radius:10px;border:1px solid #6b5236;color:#d8cabb}
.tk-pill.hi{background:#5a2a1c;border-color:#d4734f;color:#f3c6b1}
.tk-no{font-size:11px;color:var(--mn-muted);margin-left:auto}
.ticket-desk .tk-title{font:normal 19px/1.3 Georgia,'Times New Roman',serif;color:var(--mn-cream);margin:0 0 12px}
.ticket-desk .tk-label{font:bold 10px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d9a85a;margin:14px 0 6px}
.tk-card .tk-label{margin-top:0}
.ticket-desk .tk-text,.ticket-desk .tk-part,.ticket-desk .tk-close,.ticket-desk .tk-quiet{font-size:12px;line-height:1.6;color:#d8cabb;margin:0 0 6px}
.ticket-desk .tk-text b,.ticket-desk .tk-steps b{color:var(--mn-cream)}
.ticket-desk .tk-part{color:var(--mn-cream);font-weight:bold;margin-top:8px}
.tk-done{font-weight:normal;color:#9fb88a}
.tk-where{font-weight:normal;font-size:10px;padding:2px 7px;border-radius:9px;background:#2d2418;color:#e7c78f;margin-left:4px;white-space:nowrap}
.ticket-desk .tk-steps,.ticket-desk .tk-list,.ticket-desk .tk-log{margin:0 0 6px;padding:0 0 0 22px;border:0;background:none}
.ticket-desk .tk-steps li,.ticket-desk .tk-list li{font-size:12px;line-height:1.6;color:#d8cabb;padding:1px 0}
.ticket-desk .tk-steps li::marker{color:#d9a85a;font-weight:bold}
.ticket-desk code{font:11px Consolas,'Courier New',monospace;background:#120f0c;border:1px solid #3d2f22;border-radius:4px;padding:1px 5px;color:#e7c78f;overflow-wrap:anywhere}
.ticket-desk .tk-close{margin-top:12px;padding-top:10px;border-top:1px solid #3d2f22;color:var(--mn-cream)}
.ticket-desk .tk-quiet{color:#a8977f;font-size:11px}
.tk-btn{display:block;text-align:center;font:bold 12px Arial,sans-serif;padding:8px;border-radius:8px;background:#d2a861;color:#1b130b;margin:6px 0}
.tk-btn.ghost{display:inline-block;background:none;border:1px solid #6b5236;color:#e7c78f;padding:6px 12px}
.tk-field{display:block;font-size:11px;color:#8b7b66;border:1px solid #3d2f22;border-radius:8px;padding:7px 10px;margin:4px 0}
.ticket-desk .tk-log{list-style:none;padding:0 0 0 10px;border-left:2px solid #5e4630}
.ticket-desk .tk-log li{font-size:11px;line-height:1.5;color:#d8cabb;padding:3px 0;margin:0}
.tk-log li span{display:block;color:#8b7b66;font-size:10px}
.tk-pin{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:7px;border-radius:50%;background:var(--mn-gold);color:#14100c;font:bold 11px/1 Arial,sans-serif;font-style:normal;vertical-align:2px;letter-spacing:0;flex:none}
.chapter .tk-key{margin:22px 0 30px;padding:0;list-style:none;counter-reset:tk;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;border:0;background:none}
.chapter .tk-key li{counter-increment:tk;position:relative;padding:0 0 0 32px;font-size:14px;line-height:1.6}
.chapter .tk-key li::before{content:counter(tk);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--mn-gold);color:#14100c;font:bold 11px/20px Arial,sans-serif;text-align:center}

/* Proof cards */
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 28px}
.proof{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #63482e;border-radius:12px;background:linear-gradient(145deg,#302315,#1c1610);min-width:0}
.proof-k{font:bold 10px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mn-gold)}
.proof code{font:13px Consolas,'Courier New',monospace;color:var(--mn-cream);background:#120f0c;border:1px solid #4a3826;border-radius:6px;padding:7px 9px;margin-bottom:6px;overflow-wrap:anywhere}
.chapter .proof p{font-size:14px;line-height:1.6;margin:0}

/* Phone pair */
.phone-pair{margin:34px 0 10px}
.phone-row{display:flex;gap:22px;justify-content:center;align-items:flex-start}
.phone-row img{display:block;width:min(46%,270px);height:auto;border-radius:14px;border:1px solid #8a6a40;box-shadow:0 18px 44px #0008}

@media(max-width:760px){.tk-body{grid-template-columns:1fr}.fam-subs{grid-template-columns:repeat(2,minmax(0,1fr))}.fam-subs::before{left:25%;right:25%}.proof-grid{grid-template-columns:1fr}.chapter .tk-key{grid-template-columns:1fr}}
@media(max-width:600px){.case-hero h1 em{white-space:normal}.fam-signs{grid-template-columns:1fr}.tk-bar{flex-direction:column;align-items:flex-start}.tk-main{padding:14px}.phone-row{gap:12px}}