/* Joint review 30 October: compact intros; native BetterDocs below; scoped phase refinement. */
.tpm-g2 {
	--g2-navy: #23445d;
	--g2-ink: #23445d;
	--g2-muted: #5a6c79;
	--g2-line: #dfe7ee;
	--g2-soft: #f3f6f9;
	--g2-accent: #5d7f99;
	--g2-red: #b85450;
	font-family: "Roboto Condensed", Arial, sans-serif;
	color: var(--g2-ink);
	background: #fff;
}
.tpm-g2 *, .tpm-g2 *::before, .tpm-g2 *::after { box-sizing: border-box; }
.tpm-g2-wrap { max-width: 1320px; margin: 0 auto; padding: 0 24px; }
.tpm-g2-wrap--wide { max-width: 1320px; }

/* Compact illustrated intro: reuses the existing Instructors background. */
.tpm-g2-intro {
 background-color: var(--g2-navy);
 background-image: linear-gradient(90deg, rgba(35,68,93,.92), rgba(35,68,93,.66) 58%, rgba(35,68,93,.25)), url("../../../uploads/2025/06/demo-edtech-top-image-2.webp");
 background-size: cover; background-position: center; color: #fff; padding: 18px 0 20px; text-align: center;
}
.tpm-g2-title { margin: 0; font-size: 40px; line-height: 1.12; font-weight: 400; color: #fff; }
.tpm-g2-lead { margin: 8px auto 0; font-size: 18px; line-height: 1.45; max-width: none; opacity: .95; }

/* Native wrappers and native search/list CSS are restored. No blanket BetterDocs resets. */
.tpm-g2-map .tpm-process-steps-pane[hidden]{display:none!important}
.tpm-g2-legacy .tpm-g2-results{width:100%;margin:24px 0}
.tpm-g2-results .page-numbers{display:inline-block;padding:8px 12px;margin-top:12px}
body.tpm-guide-v2 .tpm-g2 .pop-list{display:block!important}
.tpm-g2 a:focus-visible,.tpm-g2 button:focus-visible,.tpm-g2 input[type="submit"]:focus-visible{outline:3px solid #b85450;outline-offset:3px}
.tpm-g2 .tpm-process-step-tab .tx2-icon{width:18px;height:18px;flex:0 0 18px}
.tpm-g2 .tpm-process-step-tab{display:inline-flex;align-items:center;gap:7px}
/* The legacy footer has a fixed 900px container at tablet width. Reflow its content. */
body.tpm-guide-v2 #colophon .container { width: 100%; max-width: 1170px; box-sizing: border-box; }
body.tpm-guide-v2 .tpm-footer-top,
body.tpm-guide-v2 .tpm-footer-menus,
body.tpm-guide-v2 .tpm-footer-menu-col { min-width: 0; }
@media (max-width: 1100px) {
 body.tpm-guide-v2 .tpm-footer-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
 body.tpm-guide-v2 .tpm-footer-menus { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
 body.tpm-guide-v2 .tpm-footer-brand { width: 100%; max-width: none; }
}
/* Phase cards preserve native icons, titles, counts and every document link. */
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper {
 display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important;
 gap: 28px !important; align-items: start;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-single-category-wrapper,
body#thim-body #main-content .tpm-g2-phases .betterdocs-single-category-inner {
 width: 100% !important; min-width: 0; border: 0 !important; border-radius: 0 !important;
 background: transparent !important; box-shadow: none !important; padding: 0 !important;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-header,
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-header-inner {
 border: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-header-inner {
 background: #e7eef3 !important; border-left: 4px solid #5d7f99 !important;
 padding: 16px !important; gap: 12px; min-height: 80px;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-icon,
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-icon img {
 width: 40px !important; height: 40px !important; flex-basis: 40px;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-title { font-size: 23px !important; }
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-items-counts span {
 background: #23445d !important; color: #fff !important; border: 0 !important; min-width: 30px; height: 30px;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-body {
 border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
 background: #f6f8fa !important; padding: 6px 16px 14px !important; margin: 0 !important;
 max-height: 320px !important; height: auto !important; overflow-y: auto !important; overscroll-behavior: contain;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-articles-list li { padding: 11px 0 !important; align-items: baseline; }
body#thim-body #main-content .tpm-g2-phases .betterdocs-articles-list li:last-child { border-bottom: 0; }

/* Retain the reviewed phase-card structure without resetting other BetterDocs lists. */
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-wrapper{width:100%;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper{width:100%;margin:0!important;padding:0!important}
body#thim-body #main-content .tpm-g2-phases .betterdocs-single-category-wrapper{margin:0!important;max-width:none!important}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-header-inner{display:flex!important;align-items:center}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-title{flex:1 1 auto;margin:0!important;line-height:1.3}
body#thim-body #main-content .tpm-g2-phases .betterdocs-articles-list{display:block!important;width:auto!important;margin:0!important;padding:0!important}
body#thim-body #main-content .tpm-g2-phases .betterdocs-articles-list li{display:flex;gap:10px;margin:0!important;border-bottom:1px solid #dfe7ee}
body#thim-body #main-content .tpm-g2-phases .betterdocs-articles-list li svg{width:14px!important;height:14px!important;flex:0 0 14px}
body#thim-body #main-content .tpm-g2-phases .betterdocs-articles-list li a{color:#23445d;font-size:16px;line-height:1.35}
/* Match the existing four-pixel left accent on the entire phase card. */
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper>.betterdocs-single-category-wrapper{
 grid-column:span 2;border:4px solid #5d7f99!important;border-radius:8px!important;overflow:hidden;
}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-header-inner{border-left:0!important}
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper>.betterdocs-single-category-wrapper:nth-last-child(2),
body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper>.betterdocs-single-category-wrapper:last-child{grid-column:span 3}
@media(max-width:1100px){
 body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper>.betterdocs-single-category-wrapper:nth-child(n){grid-column:auto}
}
@media(max-width:600px){
 .tpm-g2-wrap{padding:0 16px}
 .tpm-g2-intro{padding:16px 0 18px;background-position:65% center}
 .tpm-g2-title{font-size:28px}
 .tpm-g2-lead{font-size:16px}
 body#thim-body #main-content .tpm-g2-phases .betterdocs-category-grid-inner-wrapper{grid-template-columns:minmax(0,1fr)!important}
}

/* Native map grid: remove its negative gutter without clipping map controls. */
body.tpm-guide-v2 .tpm-g2-legacy .tpm-g2-map > .tpm-kb-main-wrap > .row.g-0{
 margin-left:0!important;margin-right:0!important;width:auto;max-width:100%;
}