.tdp-heading{align-items:center;gap:42px;padding:38px 0;display:flex}.tdp-heading>div:first-child{max-width:760px}.tdp-heading h1{letter-spacing:-.055em;margin:14px 0 20px;font-size:clamp(30px,4.4vw,64px);font-weight:650;line-height:1.04}.tdp-heading h1 em{color:#00847d;font-style:normal}.tdp-heading p{color:#53736e;max-width:650px;font-size:17px;line-height:1.6}.tdp-intro-stats{gap:24px;margin-left:auto;display:flex}.tdp-intro-stats strong{color:#0d343c;font-size:34px}.tdp-intro-stats span{text-transform:uppercase;letter-spacing:.08em;color:#54796f;max-width:70px;font-size:10px;font-weight:500;line-height:1.5;display:block}.tdp-explanation{background:#e6f4ee;border:1px solid #b5d9cd;border-radius:10px;grid-template-columns:1fr 1.5fr 1fr;gap:24px;margin:20px 0;padding:22px;display:grid}.tdp-explanation small{letter-spacing:.13em;color:#00847d;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.tdp-explanation strong{font-size:15px;display:block}.tdp-explanation p{margin:0;font-size:13px;line-height:1.6}.tdp-explanation code{margin-top:8px;font-size:10px;display:block}.tdp-explanation span{font-size:11px}.tdp-pillar-nav{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:18px;display:grid}.tdp-pillar-nav button{text-align:left;color:#143d38;background:#fff;border:1px solid #c7dcd5;border-radius:8px;padding:15px}.tdp-pillar-nav button[aria-pressed=true]{color:#fff;background:#0b343d;border-color:#0b343d}.tdp-pillar-nav small,.tdp-pillar-nav strong,.tdp-pillar-nav span{display:block}.tdp-pillar-nav small{letter-spacing:.12em;margin-bottom:5px;font-size:10px}.tdp-pillar-nav strong{font-size:13px}.tdp-pillar-nav span{opacity:.7;margin-top:8px;font-size:10px}.tdp-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px;display:grid}.tdp-canvas{min-width:0}.tdp-inspector{background:#fff;border:1px solid #c7dcd5;border-radius:10px;align-self:start;min-width:0;max-height:850px;padding:20px;overflow:auto}.tdp-inspector h2{margin:14px 0;font-size:20px;line-height:1.2}.tdp-inspector h3{margin-top:24px;font-size:12px}.tdp-inspector p{color:#52786b;font-size:12px;line-height:1.6}.tdp-inspector code{overflow-wrap:anywhere;margin:12px 0;font-size:10px;line-height:1.7;display:block}.tdp-inspector pre,.tdp-player footer pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;font-size:10px;overflow:auto}.tdp-inspector button,.tdp-player footer button,.tdp-bom button{color:#007f77;background:#fff;border:1px solid #bdd8cd;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:inline-flex}.tdp-inspector details{border-top:1px solid #e1ebe7;padding:12px 0;font-size:12px}.tdp-result{align-items:center;gap:30px;padding:30px 0;display:flex}.tdp-result h2{letter-spacing:-.03em;margin:8px 0;font-size:28px}.tdp-result p{color:#54746b;max-width:800px;font-size:13px;line-height:1.7}.tdp-edit-link{background:#07353e;border-radius:7px;flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;font-size:13px;text-decoration:none;display:inline-flex;color:#fff!important}.tdp-bom{border:1px solid #c8ddd5;border-radius:8px;padding:18px;font-size:13px}.tdp-bom-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.tdp-bom article{border:1px solid #d4e5dd;border-radius:5px;min-width:0;padding:14px}.tdp-bom article span{color:#00847d;margin-bottom:9px;font-size:10px;display:block}.tdp-bom article strong{font-size:12px;display:block}.tdp-bom article code{overflow-wrap:anywhere;margin:10px 0;font-size:9px;display:block}.tdp-player .tds-control-deck{position:relative;top:auto}.tdp-player .tds-footer{margin-top:28px}.tdp-player.reduce-motion *{transition:none!important;animation:none!important}@media (max-width:1100px){.tdp-heading{align-items:start}.tdp-intro-stats{gap:15px}.tdp-workspace{grid-template-columns:minmax(0,1fr)}.tdp-inspector{max-height:none}.tdp-result{flex-direction:column;align-items:start}.tdp-heading h1{font-size:44px}}@media (max-width:700px){.tdp-heading{padding:24px 0;display:block}.tdp-heading h1{font-size:36px}.tdp-intro-stats{gap:35px;margin-top:24px}.tdp-explanation{grid-template-columns:1fr;gap:18px}.tdp-pillar-nav{display:flex;overflow-x:auto}.tdp-pillar-nav button{min-width:145px}.tdp-bom-grid{grid-template-columns:1fr}.tdp-edit-link{white-space:normal}.tdp-player .tds-play-controls{flex-wrap:wrap}}.tdp-player .tdcm-version-flow,.tdp-player .tdcm-input-review,.tdp-player .tdcm-save,.tdp-player .tdcm-bom,.tdp-player .tdcm-status{display:none}.tdp-embedded{background:#fff;border-radius:0;min-height:0!important}.tdp-embedded>.tds-wrap{max-width:none;padding:0 18px}.tdp-embedded .tdp-heading{gap:24px;padding:22px 0}.tdp-embedded .tdp-heading h2{letter-spacing:-.035em;margin:8px 0 12px;font-size:clamp(23px,2.4vw,35px);line-height:1.15}.tdp-embedded .tdp-heading p{margin-bottom:0;font-size:13px}.tdp-embedded .tdp-intro-stats strong{font-size:25px}.tdp-embedded .tdp-workspace{grid-template-columns:minmax(0,1fr) 240px}.tdp-embedded .tdp-edit-link{cursor:pointer;border:0}.tdp-embedded .tds-footer{margin-bottom:0;padding-bottom:24px}.tdp-embedded .tdp-heading>div:first-child{max-width:680px}@media (max-width:1100px){.tdp-embedded .tdp-workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.tdp-embedded>.tds-wrap{padding:0 10px}.tdp-embedded .tdp-heading{padding:20px 6px}.tdp-embedded .tdp-intro-stats{gap:26px}}
