.tech-study{--tc-line:#cac7d3;--tc-muted:#686576;--tc-ink:#292737}
.tech-screen{border:1px solid var(--tc-line);margin-top:34px!important;overflow:hidden;background:#eeedf1;color:var(--tc-ink)}
.tc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:#29353e;color:#edf0e7;padding:34px}
.tc-head .mono{font-size:14px;line-height:1.7;color:#bacfce}
.tc-head h3{white-space:pre-line;font-size:clamp(36px,4.5vw,60px);line-height:1.08;letter-spacing:-.045em;margin-top:23px}
.tc-head>span{font-size:16px;line-height:1.6;max-width:280px;text-align:right}
.tech-screen>figcaption{font-size:14px;line-height:1.65;padding:18px 26px;border-top:1px solid var(--tc-line);color:#646473;background:#f8f7f0}
.tc-facts{margin:25px 0 0}
.tc-facts>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--tc-line);font-size:16px;line-height:1.5}
.tc-facts dt{color:var(--tc-muted);min-width:0}
.tc-facts dd{margin:0;text-align:right;max-width:58%;overflow-wrap:anywhere}
.tc-paper h4{overflow-wrap:anywhere}
.tc-paper .tc-facts>div{flex-wrap:wrap;gap:8px}
.tc-paper .tc-facts dd{max-width:100%}
.tech-study .study-outputs{background:#e9e5ed;border-color:#cec7d5}
.tc-checks{list-style:none;padding:0;margin:24px 0 0}
.tc-checks li{font-size:16px;line-height:1.6;padding:13px 0;border-top:1px solid var(--tc-line)}
/* Product film: a launch poster, readable UI frames, and a timed editorial strip. */
.tc-film-cover{display:grid;grid-template-columns:.9fr 1.2fr;min-height:550px;background:#2f2447;color:#f1ede9}
.tc-film-title{padding:36px;display:flex;flex-direction:column;min-width:0}
.tc-film-title>.mono{font-size:14px;line-height:1.7;color:#d8c3e9}
.tc-film-title h3{font-size:clamp(45px,5vw,69px);line-height:.98;letter-spacing:-.055em;margin:55px 0 28px}
.tc-film-title h3 em{font-family:var(--serif);font-weight:400;letter-spacing:-.05em;color:#e8bdf2;font-size:1.18em}
.tc-film-title>p{font-size:19px;line-height:1.6;color:#d5c7dd;margin-bottom:38px}
.tc-film-spec{font-size:14px;line-height:1.6;margin-top:auto;padding-top:20px;border-top:1px solid #6c547e;color:#cfbddf}
.tc-film-stage{display:flex;flex-direction:column;justify-content:center;padding:34px 30px;background:radial-gradient(ellipse at 90% 10%,#966dad 0,transparent 60%),linear-gradient(145deg,#5b4279,#2f294a);min-width:0}
.tc-product-window{border:1px solid #c0b6d2;box-shadow:10px 15px 0 #20163035;background:#faf7f2;color:#34333d}
.tc-product-top{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #dbd4e0}
.tc-product-top>strong{font-size:31px;line-height:1;letter-spacing:-.07em}
.tc-product-top>strong>span{color:#9a64c2}
.tc-product-top>span{font-size:14px;line-height:1.5;color:#726b7b}
.tc-match-window{display:grid;grid-template-columns:1fr;gap:16px;padding:26px}
.tc-match-window>div{padding:18px 20px;background:#efebf5;border-left:3px solid #b895d2;display:flex;flex-direction:column;gap:12px}
.tc-match-window>div>.mono{font-size:14px;line-height:1.5;color:#746284}
.tc-match-window>div>strong{font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.045em}
.tc-match-window>div>span:last-child{font-size:16px;line-height:1.5;color:#72637b}
.tc-match-window>i{font-style:normal;text-align:center;line-height:1;font-size:28px;color:#a286b0;transform:rotate(90deg)}
.tc-match-note{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;line-height:1.5;padding:17px 23px;background:#dfe8d9;color:#496447;border-top:1px solid #c6d3bb}
.tc-match-note>strong{font-size:14px;font-weight:500;margin-left:auto}
.tc-match-dot{width:8px;height:8px;border-radius:50%;background:#597a4e;flex:none}
.tc-film-caption{margin-top:27px;color:#e3d5eb}
.tc-film-caption>.mono{font-size:14px;line-height:1.6;color:#c9b6da}
.tc-film-caption>p{font-size:20px;line-height:1.45;letter-spacing:-.02em;margin-top:12px}
.tc-film-track{display:flex;gap:3px;padding:24px;background:#e1d6eb;color:#4a3b5a}
.tc-film-track>div{flex:var(--shot-weight);min-width:0;display:flex;flex-direction:column;gap:10px;padding:16px;background:#f3eaf8}
.tc-film-track span{font:14px/1.6 var(--mono)}
.tc-film-track strong{font-size:18px;line-height:1.3}
.tc-film-track i{display:block;height:8px;background:#bca2d2;margin-top:5px}
.tc-film-track>div:nth-child(2)>i{background:#8865aa}
.tc-film-track>div:nth-child(3)>i{background:#738c63}
.tc-film-track>div:nth-child(4)>i{background:#a88099}
.tc-storyboard{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tc-storyboard>article{border:1px solid #d0c7d5;background:#f5f0f6;min-width:0}
.tc-story-frame{min-height:330px;padding:30px}
.tc-upload-frame{background:#e8deec;display:flex;flex-direction:column;justify-content:center;align-items:center}
.tc-invoice{padding:26px;background:#fffdf4;color:#494352;border:1px solid #cac2d0;box-shadow:7px 7px 0 #d2c4db;width:100%;max-width:360px}
.tc-invoice>.mono{font-size:14px;line-height:1.7;color:#7c7283}
.tc-invoice>strong{display:block;font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:26px 0}
.tc-invoice dl>div{display:flex;justify-content:space-between;gap:14px;font-size:16px;line-height:1.5;flex-wrap:wrap}
.tc-invoice dd{margin:0}
.tc-invoice-total{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #d4cbd8;padding-top:18px;margin-top:25px;font-size:16px;line-height:1.5}
.tc-invoice-total>strong{font-size:22px;letter-spacing:-.03em}
.tc-file-label{font-size:14px;line-height:1.6;color:#77617f;margin-top:24px}
.tc-confirm-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:#e3eadb;color:#3e5b40}
.tc-confirm-mark{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:1px solid #93aa84;background:#d1dfc4;font-size:36px;margin-bottom:8px}
.tc-confirm-frame>strong{font-size:30px;line-height:1.2;letter-spacing:-.045em}
.tc-confirm-frame>span:not(.tc-confirm-mark){font-size:16px;line-height:1.5;color:#647960}
.tc-shot-copy{padding:28px}
.tc-shot-copy>.mono{font-size:14px;line-height:1.6;color:#776580}
.tc-shot-copy h4{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:20px 0}
.tc-shot-copy>p{font-size:17px;line-height:1.65;color:#716377}
.tc-shot-copy blockquote{font-size:21px;line-height:1.5;letter-spacing:-.025em;color:#584363;border-top:1px solid #d4c9db;padding-top:20px;margin:24px 0 0}
.tc-production-note{padding:27px 30px;margin-top:25px;background:#e8e7df;border:1px solid #cdcec0}
.tc-production-note>strong{font-size:23px;line-height:1.3;letter-spacing:-.03em}
.tc-production-note>p{font-size:17px;line-height:1.65;color:#656959;margin-top:16px}
.tc-format{padding:25px;min-height:340px;display:flex;flex-direction:column;gap:23px;overflow:hidden}
.tc-format>.mono,.tc-format>span:last-child{font-size:14px;line-height:1.6}
.tc-format>strong{font-size:35px;line-height:1.05;letter-spacing:-.045em;margin:20px 0}
.tc-format>strong>em{font:400 1.16em/.95 var(--serif)}
.tc-format>span:last-child{margin-top:auto}
.tc-format-wide{background:#352449;color:#ecddf0}
.tc-format-path{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.5;padding-block:17px;border-block:1px solid #735786;color:#d5bfe2}
.tc-format-path i{font-style:normal}
.tc-format-square{background:#ebe3f2;color:#493b5d}
.tc-format-match{padding:20px;background:#fffaf6;border:1px solid #c6b5d5;display:flex;flex-direction:column;gap:13px}
.tc-format-match span{font-size:14px;line-height:1.6;color:#85718e}
.tc-format-match strong{font-size:36px;letter-spacing:-.04em;line-height:1.1;font-weight:500}
.tc-format-square>strong{font-size:29px;margin:0}
.tc-format-vertical{background:#e4ebd7;color:#466442}
.tc-format-receipt{padding:18px;background:#f6faec;border:1px solid #b1c498;display:flex;flex-direction:column;gap:10px}
.tc-format-receipt>span{font-size:14px;line-height:1.6}
.tc-format-receipt>strong{font-size:18px;line-height:1.4}
/* API review: readable contract extracts, code locations, and behavior checks. */
.tc-contract-pair{display:grid;grid-template-columns:1fr 1fr}
.tc-contract-pair>article{padding:32px;min-width:0;background:#f1e8e2}
.tc-contract-pair>article+article{background:#e3ece4;border-left:1px solid #c8cec7}
.tc-contract-pair .mono{font-size:14px;line-height:1.7;color:#807269}
.tc-contract-pair>article+article .mono{color:#5d7865}
.tc-route{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:18px 0;margin-top:20px;border-block:1px solid #cdbfb4;font-size:16px;line-height:1.5}
.tc-route>span{font:14px/1.5 var(--mono);color:#8e6c58}
.tc-route>code{font:16px/1.6 var(--mono);overflow-wrap:anywhere}
.tc-code{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.9 var(--mono);padding:23px 0;margin:0;color:#735341}
.tc-code>code{font:inherit}
.tc-contract-pair>article+article .tc-code{color:#3e6a50}
.tc-contract-pair>article>p{font-size:17px;line-height:1.65;color:#7b6e62;margin-top:12px}
.tc-contract-pair>article+article>p{color:#5c715f}
.tc-api-equation{display:flex;justify-content:space-around;align-items:center;gap:32px;padding:30px;background:#d3e3dc;border-top:1px solid #b8ccc0}
.tc-api-equation>div{display:flex;flex-direction:column;gap:13px;min-width:0}
.tc-api-equation span{font-size:14px;line-height:1.5;color:#537566}
.tc-api-equation strong{font-size:43px;line-height:1.1;font-weight:500;letter-spacing:-.055em;color:#345a4b}
.tc-api-equation>i{font:400 31px/1.3 var(--serif);color:#658172}
.tc-change-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #ccd0c7;background:#ebeee6}
.tc-change-map>article{padding:27px;min-width:0}
.tc-change-map>article+article{border-left:1px solid #ccd0c7}
.tc-change-map .mono{font-size:14px;line-height:1.7;color:#69806a}
.tc-change-map h4{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:24px 0}
.tc-code-change{display:flex;flex-direction:column;gap:8px;font:14px/1.7 var(--mono);overflow-wrap:anywhere}
.tc-code-change>del{padding:12px;background:#ecd7cd;color:#955d46;text-decoration-thickness:1px}
.tc-code-change>span{padding:12px;background:#d4e4cd;color:#3b6947}
.tc-change-map p{font-size:17px;line-height:1.65;color:#67725e;margin-top:23px}
.tc-change-map code{font:14px/1.65 var(--mono);overflow-wrap:anywhere;color:#58735b}
.tc-test-report{border:1px solid #c3ccc4;margin-top:25px;background:#f1f3eb}
.tc-test-heading{display:flex;flex-direction:column;gap:19px;padding:28px}
.tc-test-heading>.mono{font-size:14px;line-height:1.7;color:#647963}
.tc-test-heading>strong{font-size:28px;line-height:1.2;letter-spacing:-.035em}
.tc-test-columns,.tc-test-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:22px 28px;border-top:1px solid #c5cec0}
.tc-test-columns{background:#dfe7d8;font-size:14px;line-height:1.6;color:#5b7353}
.tc-test-row{font-size:16px;line-height:1.55;align-items:start}
.tc-test-row>strong{font-weight:500}
.tc-failed{color:#94634b;background:#f2e0d4;padding:10px 13px}
.tc-passed{color:#3e6a47;background:#dce9d4;padding:10px 13px}
.tc-test-report>p{font-size:16px;line-height:1.65;color:#687460;border-top:1px solid #c5cec0;padding:22px 28px}
.tc-output-amount{display:flex;flex-direction:column;gap:17px;margin-top:25px;padding:20px;background:#e5ecdc}
.tc-output-amount>span{font-size:14px;line-height:1.6;color:#637255;overflow-wrap:anywhere}
.tc-output-amount>strong{font-size:34px;line-height:1.1;letter-spacing:-.05em;font-weight:500;color:#3c6243}
.tc-page-proof{display:flex;flex-direction:column;gap:12px;margin-top:25px}
.tc-page-proof>div{border:1px solid #c9d1c0;padding:16px;display:flex;flex-direction:column;gap:10px;background:#eff2e7}
.tc-page-proof span{font-size:14px;line-height:1.6;color:#707863}
.tc-page-proof strong{font:14px/1.6 var(--mono);color:#52684e}
.tc-page-proof>i{font-size:24px;font-style:normal;text-align:center;color:#88977c}
/* Bug reproduction: captured states and the event where selection is lost. */
.tc-bug .tc-head{background:#413842;color:#f5ebe1}
.tc-bug .tc-head .mono{color:#d4bacb}
.tc-capture-story{display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;padding:32px;background:#eee3e9;gap:18px}
.tc-capture-story>article{min-width:0}
.tc-capture-story .mono{font-size:14px;line-height:1.7;color:#877284;display:block;margin-bottom:21px}
.tc-file-window{background:#fcfaf4;border:1px solid #cfc1ce;box-shadow:5px 6px 0 #d4c4d1;color:#544753;min-width:0}
.tc-file-top{padding:19px;display:flex;justify-content:space-between;gap:18px;align-items:baseline;border-bottom:1px solid #e0d5dd}
.tc-file-top>strong{font-size:24px;line-height:1.2;letter-spacing:-.035em}
.tc-file-top>span{font-size:14px;line-height:1.5;color:#847181}
.tc-file-row{display:flex;gap:12px;padding:21px 17px;align-items:center;border-bottom:1px solid #e0d5dd}
.tc-file-row>i{display:grid;place-items:center;width:20px;height:20px;flex:none;font-size:14px;font-style:normal;border:1px solid #c7b4c9;background:#eedfef;color:#7e518e}
.tc-file-row>div{min-width:0;display:flex;flex-direction:column;gap:7px;flex:1}
.tc-file-row>div>strong{font-size:17px;line-height:1.4;letter-spacing:-.02em}
.tc-file-row>div>span,.tc-file-row>span{font-size:14px;line-height:1.5;color:#8d7687}
.tc-file-row.is-placeholder{min-height:68px}
.tc-file-row.is-placeholder>i{background:transparent}
.tc-file-row.is-placeholder b{display:block;height:7px;max-width:105px;background:#e3dbe3}
.tc-file-row.is-placeholder b+b{max-width:70px;background:#eee8ec}
.tc-selection-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;background:#e5deed;font-size:14px;line-height:1.5}
.tc-selection-bar>strong{font-size:14px;line-height:1.5;padding:8px 12px;border:1px solid #bda9c8;background:#d1bedc;color:#5e3e73}
.tc-capture-story article>p{font-size:16px;line-height:1.6;color:#776073;padding:20px 0 0;min-height:65px}
.tc-capture-story .tc-bug-annotation{color:#925543;border-bottom:2px solid #b77365;padding-bottom:12px}
.tc-capture-bridge{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;color:#9c7e99;font-size:14px;line-height:1.5}
.tc-capture-bridge>i{font-size:33px;font-style:normal}
.tc-outcome-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cdbbca}
.tc-outcome-pair>div{padding:28px 32px;background:#e5e9dc;display:flex;flex-direction:column;gap:14px}
.tc-outcome-pair>div+div{background:#eddbd1;border-left:1px solid #cdbbca}
.tc-outcome-pair .mono{font-size:14px;line-height:1.6;color:#667159}
.tc-outcome-pair>div+div .mono{color:#885a4e}
.tc-outcome-pair strong{font-size:30px;line-height:1.15;letter-spacing:-.04em;font-weight:500}
.tc-outcome-pair>div>span:last-child{font-size:16px;line-height:1.5;color:#6a705d}
.tc-outcome-pair>div+div>span:last-child{color:#886451}
.tc-repro-desk{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccc4cd;background:#f2edf2}
.tc-repro-desk>article{padding:32px;min-width:0}
.tc-repro-desk>article+article{background:#e9e2eb;border-left:1px solid #ccc4cd}
.tc-repro-desk .mono{font-size:14px;line-height:1.7;color:#84738a}
.tc-repro-desk h4{font-size:31px;line-height:1.15;letter-spacing:-.04em;margin:23px 0 30px}
.tc-repro-steps>ol{padding-left:23px}
.tc-repro-steps li{font-size:17px;line-height:1.65;color:#726879;padding-left:8px;margin-bottom:18px}
.tc-event{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:21px 0;border-top:1px solid #c8bcd0}
.tc-event>div{display:flex;flex-direction:column;gap:8px}
.tc-event strong{font-size:18px;line-height:1.35;font-weight:500}
.tc-event>div>span{font-size:16px;line-height:1.55;color:#867188}
.tc-event.is-failure{background:#efd8cf;border:1px solid #c99e90;padding:19px 15px;margin:0 -15px;color:#885a4b}
.tc-event.is-failure span{color:#925e4c}
.tc-repeat-result{display:flex;align-items:center;gap:24px;padding-top:25px;margin-top:12px;border-top:1px solid #c8bcd0}
.tc-repeat-result>strong{font-size:46px;line-height:1.1;white-space:nowrap;font-weight:500;letter-spacing:-.05em}
.tc-repeat-result>p{font-size:17px;line-height:1.5}
.tc-repeat-result>p>span{font-size:14px;line-height:1.65;display:block;color:#89738a;margin-top:10px}
.tc-cause-note{padding:28px 32px;border:1px solid #cfc9be;background:#eeece3;margin-top:25px}
.tc-cause-note>.mono{font-size:14px;line-height:1.6;color:#7c7666}
.tc-cause-note h4{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:20px 0}
.tc-cause-note>p{font-size:17px;line-height:1.65;color:#767160}
.tc-evidence-file{padding-top:20px;border-top:1px solid var(--tc-line);margin-top:22px;display:flex;flex-direction:column;gap:12px}
.tc-evidence-file strong{font-size:17px;line-height:1.5;overflow-wrap:anywhere}
.tc-evidence-file>span{font-size:14px;line-height:1.6;color:#7d6c85}
.tc-evidence-track{height:15px;background:#dbd0e3;position:relative;margin:5px 0}
.tc-evidence-track:before{content:'';position:absolute;inset:0 45% 0 0;background:#b09bc1}
.tc-evidence-track>i{position:absolute;top:-4px;left:53.8%;height:23px;width:2px;background:#8c5b70}
/* Each preview depicts that project's deliverable, with no recycled symbols. */
.project-preview:has(.tc-preview){padding:0}
.tc-preview{width:100%;height:100%;padding:24px;overflow:hidden;font-size:14px;line-height:1.5}
.tc-preview-film{background:radial-gradient(ellipse at 100% 0,#80588e,transparent 70%),#342546;color:#e9daef;display:flex;flex-direction:column;gap:15px}
.tc-preview-film>strong{font-size:43px;line-height:1;letter-spacing:-.05em;font-weight:500;margin:2px 0}
.tc-preview-film>strong>em{font-family:var(--serif);font-size:1.15em;font-weight:400;color:#edc6f4}
.tc-preview-film>div{display:flex;align-items:center;gap:10px;border-block:1px solid #805e96;padding:11px 0;margin-top:auto}
.tc-preview-film i{font-style:normal;color:#b58aca}
.tc-preview-film>span:last-child{color:#d2badf}
.tc-preview-api{background:#e1e9dd;color:#3f5d48;display:flex;flex-direction:column;gap:13px}
.tc-preview-api>div:first-of-type{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font:16px/1.5 var(--mono)}
.tc-preview-api del{color:#9a6b52;font-size:16px;text-decoration-thickness:1px}
.tc-preview-api i{font-style:normal;font-size:20px;line-height:1;color:#7d9876}
.tc-preview-api>div:first-of-type>strong{font:16px/1.5 var(--mono);padding:3px 9px;background:#cbdcbd}
.tc-preview-api>span{color:#697d60}
.tc-preview-api-value{margin-top:auto;display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #b5c6a9;padding-top:13px}
.tc-preview-api-value>strong{font-size:29px;letter-spacing:-.04em;line-height:1.1;font-weight:500}
.tc-preview-api-value>span{max-width:105px;text-align:right}
.tc-preview-bug{background:#ece0e9;color:#5e465f;display:flex;flex-direction:column;gap:20px}
.tc-preview-file-pair{display:flex;gap:16px}
.tc-preview-file-pair>div{flex:1;position:relative;background:#f9f4f5;border:1px solid #c8b2c5;padding:16px;display:flex;flex-direction:column;gap:10px}
.tc-preview-file-pair span{color:#94788b}
.tc-preview-file-pair strong{font-size:16px;line-height:1.3}
.tc-preview-file-pair i{position:absolute;top:16px;right:16px;font-style:normal;font-size:14px;color:#8e6b8f}
.tc-preview-bug-result{display:flex;flex-direction:column;gap:10px;border-left:3px solid #b8796b;padding-left:14px}
.tc-preview-bug-result>strong{font-size:18px;letter-spacing:-.025em;line-height:1.3;color:#8b594e}
.tc-preview-bug-result>span{color:#937166}
@media(max-width:1050px){
 .tc-film-cover{grid-template-columns:1fr}
 .tc-film-title{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px}
 .tc-film-title>.mono{grid-column:1/-1}
 .tc-film-title h3{margin:10px 0;font-size:62px}
 .tc-film-title>p{align-self:center;margin:0}
 .tc-film-spec{grid-column:1/-1}
 .tc-film-stage{padding:32px}
 .tc-match-window{grid-template-columns:1fr auto 1fr;align-items:center}
 .tc-match-window>i{transform:none}
 .tc-change-map{grid-template-columns:1fr}
 .tc-change-map>article+article{border-left:0;border-top:1px solid #ccd0c7}
 .tc-capture-story{grid-template-columns:1fr 45px 1fr;padding:25px;gap:14px}
 .tc-file-row>span{display:none}
 .tc-repro-desk{grid-template-columns:1fr}
 .tc-repro-desk>article+article{border-left:0;border-top:1px solid #ccc4cd}
}
@media(max-width:700px){
 .tc-head{flex-direction:column;align-items:flex-start;padding:25px;gap:25px}
 .tc-head>span{text-align:left}
 .tc-film-title{display:flex;padding:25px;gap:24px}
 .tc-film-title>.mono{max-width:250px}
 .tc-film-title h3{font-size:53px;margin:16px 0}
 .tc-film-title>p{align-self:flex-start;font-size:18px}
 .tc-film-spec{width:100%}
 .tc-film-stage{padding:25px}
 .tc-product-top{flex-wrap:wrap;padding:18px}
 .tc-match-window{grid-template-columns:1fr;padding:20px;gap:15px}
 .tc-match-window>div{padding:18px}
 .tc-match-window>div>strong{font-size:33px}
 .tc-match-window>i{transform:rotate(90deg)}
 .tc-match-note{padding:16px 18px}
 .tc-match-note>strong{margin-left:17px}
 .tc-film-track{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:5px}
 .tc-film-track>div{padding:14px}
 .tc-storyboard{grid-template-columns:1fr}
 .tc-story-frame{padding:25px}
 .tc-shot-copy{padding:25px}
 .tc-production-note{padding:25px}
 .tc-contract-pair{grid-template-columns:1fr}
 .tc-contract-pair>article{padding:25px}
 .tc-contract-pair>article+article{border-left:0;border-top:1px solid #c8cec7}
 .tc-api-equation{flex-direction:column;align-items:flex-start;padding:25px;gap:23px}
 .tc-api-equation strong{font-size:42px}
 .tc-change-map>article{padding:25px}
 .tc-test-heading{padding:25px}
 .tc-test-columns{display:none}
 .tc-test-row{grid-template-columns:1fr;gap:14px;padding:25px}
 .tc-test-row>span:before{display:block;font:14px/1.5 var(--mono);margin-bottom:9px}
 .tc-test-row>.tc-failed:before{content:'OLD CLIENT + V2'}
 .tc-test-row>.tc-passed:before{content:'PROPOSED UPDATE + V2'}
 .tc-test-report>p{padding:25px}
 .tc-capture-story{grid-template-columns:1fr;padding:25px;gap:20px}
 .tc-capture-bridge{flex-direction:row;justify-content:center;gap:20px}
 .tc-capture-bridge>i{transform:rotate(90deg)}
 .tc-capture-bridge>span>br{display:none}
 .tc-capture-story article>p{min-height:0}
 .tc-outcome-pair{grid-template-columns:1fr}
 .tc-outcome-pair>div{padding:25px}
 .tc-outcome-pair>div+div{border-left:0;border-top:1px solid #cdbbca}
 .tc-repro-desk>article{padding:25px}
 .tc-repeat-result{flex-wrap:wrap;gap:18px}
 .tc-cause-note{padding:25px}
}
@media(max-width:380px){
 .tc-head,.tc-film-title,.tc-film-stage,.tc-story-frame,.tc-shot-copy,.tc-production-note,.tc-contract-pair>article,.tc-api-equation,.tc-change-map>article,.tc-test-heading,.tc-test-row,.tc-test-report>p,.tc-capture-story,.tc-outcome-pair>div,.tc-repro-desk>article,.tc-cause-note{padding:20px}
 .tc-head h3{font-size:33px}
 .tc-film-title h3{font-size:48px}
 .tc-film-track{padding:16px}
 .tc-film-track>div{padding:12px}
 .tc-film-track span{font-size:14px;letter-spacing:-.03em}
 .tc-match-window{padding:16px}
 .tc-product-top>span{font-size:14px}
 .tc-product-top{gap:12px}
 .tc-invoice{padding:20px}
 .tc-invoice>.mono{font-size:14px}
 .tc-match-note{gap:8px}
 .tc-match-note>strong{margin-left:0}
 .tc-code{font-size:14px}
 .tc-route>code{font-size:14px}
 .tc-file-row{padding:18px 13px;gap:10px}
 .tc-file-top,.tc-selection-bar{padding:15px}
 .tc-selection-bar{gap:9px}
 .tc-event{grid-template-columns:48px 1fr;gap:12px}
 .tc-preview{padding:19px}
 .tc-preview-film>strong{font-size:41px}
 .tc-preview-film>div{gap:8px}
 .tc-preview-bug{gap:17px}
 .tc-preview-file-pair{gap:12px}
 .tc-preview-file-pair>div{padding:14px}
 .tc-preview-api-value>strong{font-size:27px}
}