/* ---- css/animate.css ---- */ @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* ---- css/layout.css ---- */ @charset "UTF-8"; html { overflow-x: hidden; } html, html a, body { -webkit-font-smoothing: antialiased; } body { font-family: Hind, sans-serif; } p { font-size: 15px; font-weight: 400; font-family: Hind, sans-serif; color: #a6a7aa; line-height: 1.4; margin-bottom: 15px; } em, li, li a { font-size: 16px; font-weight: 500; font-family: Hind, sans-serif; color: #515769; } a { font-family: Hind, sans-serif; color: #81848f; outline: 0; } a:focus, a:hover, a:active { outline: 0; color: #999caa; text-decoration: none; } .link { position: relative; font-size: 13px; font-weight: 600; font-family: Hind, sans-serif; text-transform: uppercase; } .link:after { position: absolute; top: 8px; right: -15px; width: 9px; height: 2px; background: #17bed2; content: " "; } span { font-size: 14px; font-weight: 400; font-family: Hind, sans-serif; color: #bfc1c7; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: Hind, sans-serif; color: #515769; line-height: 1.4; margin: 0 0 15px; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: #515769; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: #999caa; text-decoration: none; } h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus { text-decoration: none; } h1 { font-size: 40px; } h2 { font-size: 30px; } h3 { font-size: 22px; } h4 { font-size: 22px; } ::selection { color: #fff; background: #17bed2; text-shadow: none; } ::-webkit-selection { color: #fff; background: #17bed2; text-shadow: none; } ::-moz-selection { color: #fff; background: #17bed2; text-shadow: none; } :active, :focus { outline: none; } .section-seperator { border-bottom: 1px solid #edf0f2; } .content-wrapper-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .blockquote { position: relative; font-size: 17px; font-weight: 400; font-family: Hind, sans-serif; color: #a6a7aa; line-height: 1.4; border-left: none; margin-left: 20px; } .blockquote:before { position: absolute; top: 0; left: -20px; font-size: 60px; display: inline-block; color: #17bed2; content: '“'; } .btn-theme { position: relative; display: inline-block; line-height: 1.4; text-align: center; background-image: none; border-style: solid; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-theme:focus, .btn-theme:active:focus, .btn-theme.active:focus, .btn-theme.focus, .btn-theme:active.focus, .btn-theme.active.focus { outline: none; } .btn-theme:hover { transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-theme:hover, .btn-theme:focus, .btn-theme.focus { text-decoration: none; } .btn-theme:active, .btn-theme.active { background-image: none; outline: 0; } .btn-theme.disabled, .btn-theme[disabled], fieldset[disabled] .btn-theme { cursor: not-allowed; box-shadow: none; opacity: .65; pointer-events: none; } .btn-white-brd { color: #fff; background: transparent; border-color: rgba(255, 255, 255, 0.3); border-width: 1px; } .btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus { color: #515769; background: #fff; border-color: transparent; } .btn-default-bg { color: #515769; background: #f3f4f5; border-color: transparent; border-width: 0; } .btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus { color: #fff; background: #17bed2; border-color: transparent; } .btn-base-bg { color: #fff; background: #17bed2; border-color: transparent; border-width: 0; } .btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus { color: #fff; background: #63cbd7; border-color: transparent; } .btn-theme-sm { font-size: 13px; font-weight: 600; padding: 15px 30px; } .pricing { padding: 70px 45px; background: #fff; margin-top: 50px; } @media (max-width: 768px) { .pricing { margin-top: 0; } } .pricing.pricing-active { padding-top: 110px; padding-bottom: 110px; margin-top: 10px; } @media (max-width: 768px) { .pricing.pricing-active { margin-top: 0; } } .pricing .pricing-icon { display: block; font-size: 30px; color: #999caa; margin-bottom: 30px; } .pricing .pricing-list-item { position: relative; font-size: 13px; color: #81848f; padding-left: 20px; margin-bottom: 10px; } .pricing .pricing-list-item:before { position: absolute; top: 7px; left: 0; width: 9px; height: 2px; background: #17bed2; content: " "; margin-right: 10px; } @media (max-width: 991px) { .promo-section .promo-section-col { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 992px) { .promo-section { position: relative; height: 400px; } .promo-section .promo-section-col { width: 45%; } .promo-section .promo-section-img-left { position: absolute; top: 0; right: 50%; } .promo-section .promo-section-img-right { position: absolute; top: 0; left: 50%; } .promo-section .ver-center { display: table; height: 400px; } .promo-section .ver-center-aligned { display: table-cell; vertical-align: middle; } } .service { background: #fff; padding: 50px; } .service .service-element, .service .service-info { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .service .service-icon { display: block; font-size: 30px; color: #999caa; margin-bottom: 30px; } .service:hover .service-element { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .service:hover .service-info { -webkit-transform: translate3d(0, -30%, 0); -moz-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work { position: relative; } .work .work-overlay { position: relative; } .work .work-overlay:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; content: " "; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work .work-content { position: absolute; left: 0; bottom: 0; opacity: 0; padding: 25px; -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work:hover .work-overlay:before { background: rgba(0, 0, 0, 0.5); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work:hover .work-content { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .footer { background: url(../img/1920x1080/03.jpg) no-repeat; background-size: cover; background-position: center center; } .footer .footer-seperator { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer .footer-list { margin-bottom: 0; } .footer .footer-list-item { color: #cbd3e1; margin-bottom: 25px; } .footer .footer-list-link { color: #cbd3e1; } .footer .footer-list-link:hover { color: #fff; } .footer .footer-input { background: rgba(0, 0, 0, 0.15); } .footer .footer-logo { width: 85px; height: auto; } .navbar-fixed-top .navbar-collapse { max-height: 100%; } .header .navbar { margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle { width: 25px; height: 25px; border: none; padding: 0; margin: 35px 0; } .header .navbar-toggle .toggle-icon { position: relative; width: 21px; height: 1px; display: inline-block; background: #515769; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after { position: absolute; left: 0; background: #515769; content: " "; } .header .navbar-toggle .toggle-icon:before { width: 10px; height: 1px; bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle .toggle-icon:after { width: 16px; height: 1px; top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle:hover .toggle-icon { background: #17bed2; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after { width: 21px; height: 1px; background: #17bed2; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(81, 87, 105, 0); } .header .logo { width: 100px; height: 100px; float: left; max-height: 95px; line-height: 65px; } .header .logo-wrap { display: inline-block; padding: 15px 0; } .header .logo-wrap:focus, .header .logo-wrap:hover { text-decoration: none; } .header .logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header .logo-img-main { display: inline-block; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .logo-img-active { display: none; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-nav { padding-left: 0; margin-bottom: 0; list-style: none; } .header .nav-item { position: relative; display: block; } .header .nav-item:last-child .nav-item-child { padding-right: 0; } .header .nav-item .nav-item-hover.active:after { opacity: 1; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .nav-item:hover .nav-item-hover:after { opacity: 1; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .nav-item-child { position: relative; display: block; font-size: 13px; font-weight: 600; font-family: Hind, sans-serif; color: #fff; text-transform: uppercase; line-height: 55px; padding: 20px; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .nav-item-hover { position: relative; } .header .nav-item-hover:after { position: absolute; top: 45px; left: 0; width: 9px; height: 2px; background: #17bed2; opacity: 0; content: " "; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (max-width: 991px) { .header { background: #fff; } .header .navbar-toggle { display: block; } .header .navbar-collapse.collapse { display: none !important; } .header .navbar-collapse.collapse.in { display: block !important; } .header .nav-collapse { padding-left: 0; padding-right: 0; } .header .navbar-nav { margin: 0; float: none; } .header .navbar-nav .nav-item { float: none; } .header .menu-container:before, .header .menu-container:after { content: " "; display: table; } .header .menu-container:after { clear: both; } .header .logo .logo-img-main { display: none; } .header .logo .logo-img-active { display: inline-block; } .header .nav-item-child { color: #515769; line-height: 1.4; padding: 12px 12px 12px 15px; } .header .nav-item-hover:after { position: absolute; top: 19px; } } @media (max-width: 767px) { .header .menu-container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; } .header .navbar > .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header .navbar > .container > .nav-collapse { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { .header .navbar-nav-right { float: right; } } @media (min-width: 992px) { .page-on-scroll .header .navbar { background: #fff; border-bottom-color: #f0f0f0; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .page-on-scroll .header .logo-img-main { display: none; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .page-on-scroll .header .logo-img-active { display: inline-block; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .page-on-scroll .header .nav-item-child { color: #515769; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .contact-list > li { font-size: 13px; color: #81848f; margin-bottom: 10px; } .back-to-top { position: fixed; right: 10px; bottom: 10px; display: inline-block; z-index: 9; width: 40px; height: 40px; font-size: 11px; font-weight: 400; color: #fff; text-align: center; line-height: 3; letter-spacing: 1px; text-transform: uppercase; background: #515769; border-radius: 3px; visibility: hidden; opacity: 0; padding: 5px; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top:hover { color: #fff; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top:focus, .back-to-top:hover { text-decoration: none; } .back-to-top.back-to-top-is-visible { visibility: visible; opacity: .6; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top.back-to-top-is-visible:hover { opacity: 1; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top.back-to-top-fade-out { opacity: .4; } .back-to-top.back-to-top-fade-out:hover { opacity: 1; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .form-control { height: 50px; font-size: 14px; font-weight: 400; color: #a6a7aa; background: #fafafa; border: none; box-shadow: none; border-radius: 0; padding-left: 15px; } .form-control::-moz-placeholder { color: #a6a7aa; } .form-control:-ms-input-placeholder { color: #a6a7aa; } .form-control::-webkit-input-placeholder { color: #a6a7aa; } .form-control:focus { color: #515769; box-shadow: none; } .form-control:focus::-moz-placeholder { color: #515769; } .form-control:focus:-ms-input-placeholder { color: #515769; } .form-control:focus::-webkit-input-placeholder { color: #515769; } .full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; } .carousel-indicators { left: auto; width: auto; padding-left: 0; margin-left: 0; } .carousel-centered { position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .carousel-title { font-size: 80px; font-weight: 700; color: #fff; line-height: 1.1; text-transform: uppercase; } @media (max-width: 768px) { .carousel-title { font-size: 60px; } } .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div { background-color: #fff !important; box-shadow: none !important; } .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div { background-color: #fff !important; box-shadow: none !important; } .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div:first-child { display: none; } .gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img { display: none; } .gm-style > div:first-child > div + div > div:last-child > div > div:last-child { overflow: inherit !important; } .gm-style > div:first-child > div + div > div:last-child > div > div:last-child:after { position: absolute; top: 0; right: 0; font-size: 15px; font-family: Simple-Line-Icons; color: #515769; content: "\e082"; } .gm-style-iw { top: 22px !important; left: 22px !important; } .masonry-grid { position: relative; margin: 0 -2px; } .masonry-grid:before, .masonry-grid:after { content: " "; display: table; } .masonry-grid:after { clear: both; } .masonry-grid .masonry-grid-item { display: block; float: left; vertical-align: top; padding: 0 2px; margin-bottom: 4px; } .masonry-grid .masonry-grid-item.col-12 { width: 100%; } .masonry-grid .masonry-grid-item.col-11 { width: 91.66666667%; } .masonry-grid .masonry-grid-item.col-10 { width: 83.33333333%; } .masonry-grid .masonry-grid-item.col-9 { width: 75%; } .masonry-grid .masonry-grid-item.col-8 { width: 66.66666667%; } .masonry-grid .masonry-grid-item.col-7 { width: 58.33333333%; } .masonry-grid .masonry-grid-item.col-6 { width: 50%; } .masonry-grid .masonry-grid-item.col-5 { width: 41.66666667%; } .masonry-grid .masonry-grid-item.col-4 { width: 33.33333333%; } .masonry-grid .masonry-grid-item.col-3 { width: 25%; } .masonry-grid .masonry-grid-item.col-2 { width: 16.66666667%; } .masonry-grid .masonry-grid-item.col-1 { width: 8.33333333%; } @media (max-width: 768px) { .masonry-grid .masonry-grid-item { width: 50%; } .masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 { width: 50%; } } @media (max-width: 600px) { .masonry-grid .masonry-grid-item { width: 100%; } .masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 { width: 100%; } } .swiper-slider { position: relative; width: 100%; height: 100%; overflow: hidden; } .swiper-clients-img { display: block; width: 190px; height: auto; margin: 0 auto; opacity: 1; cursor: pointer; transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .swiper-clients-img:hover { opacity: .8; transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .color-base { color: #17bed2; } .color-white { color: #fff; } .color-heading { color: #515769; } .color-subtitle { color: #a6a7aa; } .color-link { color: #81848f; } .color-link-hover { color: #999caa; } .color-sky-light { color: #fafafa; } .bg-color-base { background: #17bed2; } .bg-color-white { background: #fff; } .bg-color-heading { background: #515769; } .bg-color-subtitle { background: #a6a7aa; } .bg-color-link { background: #81848f; } .bg-color-link-hover { background: #999caa; } .bg-color-sky-light { background: #fafafa; } .row-space-1 { margin-right: -1px; margin-left: -1px; } .row-space-1 > [class*="col-"] { padding-left: 1px; padding-right: 1px; } .content { padding-top: 40px; padding-bottom: 40px; } .content-sm { padding-top: 60px; padding-bottom: 60px; } .content-md { padding-top: 80px; padding-bottom: 80px; } .content-lg { padding-top: 100px; padding-bottom: 100px; } .parallax-content { padding-top: 220px; padding-bottom: 120px; } .full-width { width: 100%; height: auto; } .container-full-width { width: 100%; } .container-full-width:before, .container-full-width:after { content: " "; display: table; } .container-full-width:after { clear: both; } .overflow-h { overflow: hidden; } .fweight-300 { font-weight: 300 !important; } .fweight-400 { font-weight: 400 !important; } .fweight-500 { font-weight: 500 !important; } .fweight-600 { font-weight: 600 !important; } .fweight-700 { font-weight: 700 !important; } .margin-l-0 { margin-left: 0 !important; } .margin-l-5 { margin-left: 5px !important; } .margin-l-10 { margin-left: 10px !important; } .margin-l-20 { margin-left: 20px !important; } .margin-r-0 { margin-right: 0 !important; } .margin-r-5 { margin-right: 5px !important; } .margin-r-10 { margin-right: 10px !important; } .margin-r-20 { margin-right: 20px !important; } .margin-b-0 { margin-bottom: 0 !important; } .margin-b-2 { margin-bottom: 2px !important; } .margin-b-5 { margin-bottom: 5px !important; } .margin-b-10 { margin-bottom: 10px !important; } .margin-b-20 { margin-bottom: 20px !important; } .margin-b-30 { margin-bottom: 30px !important; } .margin-b-40 { margin-bottom: 40px !important; } .margin-b-50 { margin-bottom: 50px !important; } .margin-b-60 { margin-bottom: 60px !important; } .margin-b-70 { margin-bottom: 70px !important; } .margin-b-80 { margin-bottom: 80px !important; } .margin-b-90 { margin-bottom: 90px !important; } .margin-b-100 { margin-bottom: 100px !important; } @media (max-width: 992px) { .md-margin-b-0 { margin-bottom: 0 !important; } .md-margin-b-2 { margin-bottom: 2px !important; } .md-margin-b-5 { margin-bottom: 5px !important; } .md-margin-b-10 { margin-bottom: 10px !important; } .md-margin-b-20 { margin-bottom: 20px !important; } .md-margin-b-30 { margin-bottom: 30px !important; } .md-margin-b-40 { margin-bottom: 40px !important; } .md-margin-b-50 { margin-bottom: 50px !important; } .md-margin-b-60 { margin-bottom: 60px !important; } .md-margin-b-70 { margin-bottom: 70px !important; } .md-margin-b-80 { margin-bottom: 80px !important; } .md-margin-b-90 { margin-bottom: 90px !important; } .md-margin-b-100 { margin-bottom: 100px !important; } } @media (max-width: 768px) { .sm-margin-b-0 { margin-bottom: 0 !important; } .sm-margin-b-2 { margin-bottom: 2px !important; } .sm-margin-b-5 { margin-bottom: 5px !important; } .sm-margin-b-10 { margin-bottom: 10px !important; } .sm-margin-b-20 { margin-bottom: 20px !important; } .sm-margin-b-30 { margin-bottom: 30px !important; } .sm-margin-b-40 { margin-bottom: 40px !important; } .sm-margin-b-50 { margin-bottom: 50px !important; } .sm-margin-b-60 { margin-bottom: 60px !important; } .sm-margin-b-70 { margin-bottom: 70px !important; } .sm-margin-b-80 { margin-bottom: 80px !important; } .sm-margin-b-90 { margin-bottom: 90px !important; } .sm-margin-b-100 { margin-bottom: 100px !important; } } @media (max-width: 480px) { .xs-margin-b-0 { margin-bottom: 0 !important; } .xs-margin-b-2 { margin-bottom: 2px !important; } .xs-margin-b-5 { margin-bottom: 5px !important; } .xs-margin-b-10 { margin-bottom: 10px !important; } .xs-margin-b-20 { margin-bottom: 20px !important; } .xs-margin-b-30 { margin-bottom: 30px !important; } .xs-margin-b-40 { margin-bottom: 40px !important; } .xs-margin-b-50 { margin-bottom: 50px !important; } .xs-margin-b-60 { margin-bottom: 60px !important; } .xs-margin-b-70 { margin-bottom: 70px !important; } .xs-margin-b-80 { margin-bottom: 80px !important; } .xs-margin-b-90 { margin-bottom: 90px !important; } .xs-margin-b-100 { margin-bottom: 100px !important; } } .height-100 { height: 100px !important; } .height-200 { height: 200px !important; } .height-300 { height: 300px !important; } .height-400 { height: 400px !important; } /* ---- css/tws-custom.css ---- */ :root{ --brand-ink: var(--tws-ink); --brand-paper: var(--tws-paper); --brand-accent: var(--tws-teal2); --brand-accent-2: var(--tws-teal); --brand-warm: var(--tws-orange); --tws-ink:#0b1220; --tws-teal:#2aa9b6; --tws-teal2:#6bd3d1; --tws-orange:#f28c28; --tws-paper:#f7f8fb; } body{ background: radial-gradient(900px 480px at 10% 0%, rgba(42,169,182,.14), transparent 60%), radial-gradient(900px 480px at 100% 0%, rgba(242,140,40,.12), transparent 60%), linear-gradient(#ffffff, var(--tws-paper)); color: var(--tws-ink); } .header{ backdrop-filter: blur(10px); background: rgba(255,255,255,.82) !important; border-bottom: 1px solid rgba(11,18,32,.10); } .logo img{ height: 44px; width:auto; } .tws-hero{ position: relative; overflow: hidden; padding: 120px 0 66px; } .tws-hero::before{ content:""; position:absolute; inset:-40px; background-image: linear-gradient(90deg, rgba(11,18,32,.58) 0%, rgba(11,18,32,.38) 44%, rgba(11,18,32,.10) 100%), url("../img/1920x1080/01.jpg"); background-size: cover; background-position: left top; transform: scale(1.02); filter: saturate(.95) contrast(1.12) brightness(1.18); } .tws-hero::after{ content:""; position:absolute; left:-10%; right:-10%; top:78%; height: 110px; transform: translateY(-50%) rotate(-1.1deg); background: rgba(255,255,255,.58); border-top: 1px solid rgba(255,255,255,.75); border-bottom: 1px solid rgba(255,255,255,.75); box-shadow: 0 22px 60px rgba(0,0,0,.30); pointer-events:none; } .tws-hero .tws-inner{ position: relative; z-index: 2; } .tws-hero .tws-kicker{ letter-spacing: .22em; text-transform: uppercase; font-size: 12px; color: rgba(255,255,255,.80); margin: 0 0 12px; } .tws-hero h1{ color:#fff; font-weight: 800; letter-spacing: -0.02em; } .tws-hero .tws-lead{ color: rgba(255,255,255,.85); max-width: 62ch; font-size: 16px; } .tws-hero .tws-actions a{ display:inline-block; margin-right: 10px; margin-top: 12px; } .tws-cta{ background: linear-gradient(180deg, rgba(42,169,182,.98), rgba(11,18,32,.98)); color: #ffffff !important; font-weight: 900; border-radius: 12px; padding: 12px 16px; box-shadow: 0 16px 34px rgba(11,18,32,.22); border: 1px solid rgba(255,255,255,.10); } .tws-ghost{ background: rgba(11,18,32,.28); border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.94) !important; font-weight: 800; border-radius: 12px; padding: 12px 16px; } .tws-stairs{ position: relative; padding: 90px 0; overflow:hidden; } .tws-stairs::before{ content:""; position:absolute; inset:-20px; background-image: linear-gradient(180deg, rgba(247,248,251,0) 0%, rgba(247,248,251,.92) 40%, rgba(247,248,251,1) 100%), url("../img/1920x1080/02.jpg"); background-size: cover; background-position: bottom center; filter: saturate(.95) contrast(1.02); transform: scale(1.02); } .tws-stairs .tws-inner{ position: relative; z-index: 2; } /* V150 repair: removed legacy global rule that hid every form/input/textarea sitewide. */ .tws-rebrand{ position:relative; padding: 22px 0 10px; } .tws-rebrand .tws-inner{ position:relative; z-index:2; } .tws-rebrand-card{ position: relative; overflow: hidden; display:flex; gap:18px; align-items:center; flex-wrap:wrap; background: rgba(11,18,32,.92); border-radius: 18px; padding: 14px; box-shadow: 0 22px 60px rgba(0,0,0,.28); } .tws-rebrand-card img{ width: 320px; max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 18px 42px rgba(0,0,0,.35); } .tws-rebrand-copy{ color: rgba(255,255,255,.88); max-width: 46ch; } .tws-rebrand-copy h2{ margin: 0 0 6px; color:#fff; font-weight: 800; letter-spacing: -0.02em; } .tws-rebrand-copy p{ margin:0; color: rgba(255,255,255,.78); } .tws-rebrand-mark::after{ content:""; display:inline-block; width: 120px; height: 44px; margin-left: 14px; background-image: url("../img/tws-rebrand.png"); background-size: cover; background-position: left top; border-radius: 10px; box-shadow: 0 14px 28px rgba(0,0,0,.22); opacity: .9; } @media (max-width: 768px){ .tws-rebrand-card{ padding: 12px; } .tws-rebrand-card img{ width: 100%; } .tws-rebrand-mark::after{ display:none; } } .tws-hero h1, .tws-hero .tws-lead, .tws-hero .tws-kicker{ text-shadow: 0 10px 26px rgba(0,0,0,.55); } .footer .row, footer .row{ display:flex; flex-wrap:wrap; align-items:flex-start; } .footer [class*="col-"], footer [class*="col-"]{ margin-bottom: 12px; } .footer ul, footer ul{ padding-left: 0; list-style: none; } .footer li, footer li{ margin: 6px 0; } :root{ --tws-accent:#59cbd6; --tws-accent2:#2aa9b6; --tws-deep:#0b1220; --tws-surface:rgba(255,255,255,.86); } .navbar-nav>li>a, .nav>li>a, ul.nav li a{ letter-spacing:.08em; } .navbar-nav>li.active>a, .nav>li.active>a, ul.nav li.active a{ color: var(--tws-accent) !important; } .tws-cta{ background: linear-gradient(180deg, rgba(89,203,214,.98), rgba(42,169,182,.98)) !important; color:#062029 !important; border:1px solid rgba(255,255,255,.14) !important; } .tws-ghost{ background: rgba(11,18,32,.34) !important; } :root{ --bg-primary:#0b1220; --bg-secondary:#121a2a; --accent-main:#59cbd6; --accent-soft:#2aa9b6; --text-primary:rgba(255,255,255,.92); --text-secondary:rgba(255,255,255,.72); --text-muted:rgba(255,255,255,.55); } body{ background: var(--bg-primary); color: var(--text-primary); } section, .section{ background: transparent; } .section.alt, .card, .panel{ background: var(--bg-secondary); } p{ color: var(--text-secondary); } small, .muted{ color: var(--text-muted); } a{ color: var(--accent-main); } a:hover{ color: var(--accent-soft); } footer{ background: linear-gradient(180deg, #0b1220, #070c16); color: var(--text-secondary); } h1, h2, h3{ letter-spacing: -0.015em; } .tws-hero h1{ font-weight: 850; line-height: 1.08; } .tws-hero .tws-lead{ font-weight: 520; line-height: 1.55; } p{ font-weight: 420; } .tws-hero{ padding: 92px 0 70px; } .tws-hero .tws-kicker{ margin: 0 0 10px; } .tws-hero h1{ margin: 0 0 10px; } .tws-hero .tws-lead{ margin: 0 0 14px; } .tws-trust{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top: 10px; padding: 10px 12px; border-radius: 999px; background: rgba(11,18,32,.46); border: 1px solid rgba(89,203,214,.20); color: var(--text-secondary); width: fit-content; } .tws-trust-dot{ width: 8px; height: 8px; border-radius: 999px; background: var(--accent-main); box-shadow: 0 0 0 4px rgba(89,203,214,.12); } .tws-trust-muted{ color: var(--text-muted); } .tws-trust-link{ color: var(--accent-main); text-decoration: none; font-weight: 650; } .tws-trust-link:hover{ color: var(--accent-soft); text-decoration: underline; } .tws-trust-sep{ color: rgba(255,255,255,.28); } .tws-hero::before{ content:""; position:absolute; inset:0; background: linear-gradient( 180deg, rgba(11,18,32,.65), rgba(11,18,32,.55) 45%, rgba(11,18,32,.45) ); z-index:1; } .tws-hero > *{ position:relative; z-index:2; } .tws-hero h1{ color:#ffffff; text-shadow: 0 4px 16px rgba(0,0,0,.85); } .tws-hero .tws-lead, .tws-hero .tws-kicker{ color: rgba(255,255,255,.92); text-shadow: 0 3px 12px rgba(0,0,0,.75); } .tws-cta{ background: linear-gradient(180deg, #2aa9b6, #1f7f8a) !important; color:#041a1f !important; } .tws-ghost{ background: rgba(11,18,32,.72) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.35) !important; } .tws-trust{ background: rgba(11,18,32,.72); border-color: rgba(89,203,214,.35); } .tws-hero::after{ background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(235,245,255,.62)) !important; box-shadow: 0 18px 70px rgba(0,0,0,.28); border-top: 1px solid rgba(255,255,255,.55); border-bottom: 1px solid rgba(11,18,32,.10); } .tws-hero h1{ color:#fff; text-shadow: 0 4px 16px rgba(0,0,0,.85); } .tws-hero .tws-lead, .tws-hero .tws-kicker{ color: rgba(255,255,255,.92); text-shadow: 0 3px 12px rgba(0,0,0,.70); } .header .navbar-nav>li>a, .header .nav>li>a, .header ul.nav li a{ color: rgba(11,18,32,.88) !important; } .header .navbar-nav>li.active>a, .header .nav>li.active>a, .header ul.nav li.active a{ color: rgba(11,18,32,.95) !important; border-bottom: 2px solid var(--accent-main); padding-bottom: 10px; } .header .navbar-nav>li>a:hover, .header .nav>li>a:hover, .header ul.nav li a:hover{ color: rgba(11,18,32,1) !important; } .tws-hero{ padding-top: 118px !important; } .tws-hero .tws-kicker{ display:block; margin-top: 6px !important; padding-top: 6px; line-height: 1.2; } @media (max-width: 768px){ .tws-hero{ padding-top: 110px !important; } .tws-hero .tws-kicker{ margin-top: 8px !important; } } .tws-hero .hero-card, .tws-hero .tws-hero-card{ position: relative; background: linear-gradient( 180deg, rgba(11,18,32,0.92), rgba(11,18,32,0.88) ); clip-path: polygon( 0 0, 100% 0, 97% 100%, 0 100% ); border: 1px solid rgba(255,255,255,0.06); } .tws-hero .hero-card::after, .tws-hero .tws-hero-card::after{ content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 135deg, rgba(89,203,214,0.08), rgba(89,203,214,0.00) 60% ); opacity: 0.92; } @media (max-width: 768px){ .tws-hero .hero-card, .tws-hero .tws-hero-card{ clip-path: none; border-radius: 10px; } } .tws-rebrand-card{ position: relative; overflow: hidden; background: rgba(11,18,32,.92); border-radius: 18px; } .tws-rebrand-card::before{ content:""; position:absolute; inset:0; border-radius: 18px; background: linear-gradient(135deg, rgba(58,224,255,.06) 0%, rgba(58,224,255,.00) 42%), repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0px, rgba(255,255,255,.055) 1px, rgba(255,255,255,0) 1px, rgba(255,255,255,0) 18px); opacity:.55; z-index:0; pointer-events:none; } .tws-rebrand-card > *{ position: relative; z-index: 1; } .tws-rebrand-card::after{ content:""; position:absolute; inset:0; border-radius: 18px; border: 1px solid rgba(58,224,255,.22); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); z-index:2; pointer-events:none; transform: translateZ(0); backface-visibility: hidden; } .tws-reveal{ opacity: 0; transform: translateY(8px); transition: opacity .55s ease, transform .55s ease; will-change: opacity, transform; } .tws-reveal.tws-in{ opacity: 1; transform: translateY(0); } .tws-reveal-2{ transition-delay: .08s; } .tws-reveal-3{ transition-delay: .16s; } .tws-reveal-4{ transition-delay: .24s; } .tws-hero h1{ font-weight: 580; letter-spacing: -0.015em; } .tws-hero .tws-lead{ font-weight: 450; } .tws-founder-signal{ margin: 12px 0 26px; color: var(--text-secondary); font-weight: 600; letter-spacing: .02em; display:flex; gap:10px; flex-wrap:wrap; align-items:center; } .tws-founder-signal .tws-dot{ color: rgba(255,255,255,.28); } .tws-how{ padding: 70px 0; background: linear-gradient(180deg, rgba(18,26,42,.35), rgba(11,18,32,0)); } .tws-how h2{ margin-bottom: 18px; } .tws-steps{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; } .tws-step{ background: rgba(18,26,42,.55); border: 1px solid rgba(89,203,214,.16); border-radius: 18px; padding: 18px 16px; } .tws-step-num{ width: 34px; height: 34px; border-radius: 12px; display:flex; align-items:center; justify-content:center; background: rgba(89,203,214,.18); border: 1px solid rgba(89,203,214,.22); color: var(--text-primary); font-weight: 800; margin-bottom: 10px; } .tws-step h3{ margin: 0 0 6px; font-size: 18px; } .tws-step p{ margin:0; color: var(--text-secondary); } @media (max-width: 992px){ .tws-steps{ grid-template-columns: 1fr; } } .tws-footer-tagline{ margin: 0 0 14px; color: var(--text-secondary); font-weight: 650; letter-spacing: .01em; } .tws-rebrand-card{ padding-right: 26px; overflow: visible; } .tws-rebrand-card{ } .tws-hero, .tws-hero .container{ overflow: visible; } .tws-rebrand-card::before{ content:""; position:absolute; inset:0; border-radius: 18px; background: linear-gradient(135deg, rgba(58,224,255,.06) 0%, rgba(58,224,255,.00) 42%), repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0px, rgba(255,255,255,.055) 1px, rgba(255,255,255,0) 1px, rgba(255,255,255,0) 18px); opacity:.55; z-index:0; pointer-events:none; } .tws-rebrand-card::after{ content:""; position:absolute; inset:0; border-radius: 18px; border: 1px solid rgba(58,224,255,.22); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); z-index:2; pointer-events:none; transform: translateZ(0); backface-visibility: hidden; } .tws-rebrand-card > *{ position: relative; z-index: 1; } .header .navbar-nav>li>a, .header .nav>li>a, .header ul.nav li a{ padding-left: 18px; padding-right: 18px; letter-spacing: .08em; } @media (max-width: 992px){ .header .navbar-nav>li>a, .header .nav>li>a, .header ul.nav li a{ padding-left: 14px; padding-right: 14px; letter-spacing: .06em; } } .header .navbar-nav>li{ margin-left: 18px; } .header .navbar-nav>li:first-child{ margin-left: 0; } .header .navbar-nav>li>a{ padding-left: 0 !important; padding-right: 0 !important; letter-spacing: .08em; } @media (max-width: 768px){ .header .navbar-nav>li{ margin-left: 0; } .header .navbar-nav>li>a{ letter-spacing: .06em; } } .header ul.nav>li{ margin-left: 18px; } .header ul.nav>li:first-child{ margin-left: 0; } .header ul.nav>li>a{ padding-left: 0 !important; padding-right: 0 !important; letter-spacing: .08em; } .header .navbar, .header .navbar-default{ min-height: 62px; } .header .navbar-nav>li>a, .header ul.nav>li>a{ padding-top: 20px !important; padding-bottom: 20px !important; } .tws-bullets{ padding-left: 18px; margin: 10px 0 0; } .tws-bullets li{ margin: 6px 0; color: var(--text-secondary); } .tws-rebrand-card::after{ content:""; position:absolute; inset:0; border-radius: 18px; border: 1px solid rgba(58,224,255,.22); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); z-index:2; pointer-events:none; transform: translateZ(0); backface-visibility: hidden; } .tws-rebrand{ padding-top: 34px; padding-bottom: 54px; } @media (max-width: 992px){ .tws-rebrand{ padding-top: 28px; padding-bottom: 44px; } } .tws-doc-h{ margin-top: 28px; margin-bottom: 12px; letter-spacing: -0.01em; } h1.tws-doc-h{ font-size: 42px; font-weight: 750; } h2.tws-doc-h{ font-size: 28px; font-weight: 720; margin-top: 34px; } h3.tws-doc-h{ font-size: 20px; font-weight: 700; margin-top: 18px; opacity: .95; } @media (max-width: 768px){ h1.tws-doc-h{ font-size: 34px; } h2.tws-doc-h{ font-size: 24px; } } .tws-footer-links{padding-top:40px;} .tws-footer-note{opacity:.85; font-size:13px; margin-top:10px; line-height:1.4;} .tws-footer-trust{ margin-top:18px; opacity:.75; font-size:12px; letter-spacing:.08em; text-transform:uppercase; } .tws-footer-copyright{ margin-top:6px; opacity:.8; font-size:13px; } @media (max-width: 576px){ .tws-footer-links > [class*="col-"]{ text-align:center; margin-bottom:18px; } .tws-footer-list{display:inline-block;} } .tws-hero .tws-what{ margin-top: 10px; color: rgba(255,255,255,.84); max-width: 76ch; font-size: 15px; } .tws-hero .tws-what-italic{ margin-top: 6px; color: rgba(255,255,255,.78); } .tws-pill{ display:inline-block; margin-left: 10px; margin-top: 12px; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.92); font-weight: 700; } .tws-pill a{ color: var(--tws-teal2); text-decoration:none; } .tws-pill a:hover{ text-decoration: underline; } .tws-minihead{ font-size: 16px; font-weight: 800; margin: 0 0 10px; } .tws-bullets{ padding-left: 18px; color: rgba(11,18,32,.88); } .tws-bullets li{ margin-bottom: 10px; } .tws-callout{ border-radius: 16px; background: linear-gradient(135deg, rgba(42,169,182,.12), rgba(242,140,40,.08)); border: 1px solid rgba(11,18,32,.10); padding: 18px 20px; } .tws-callout .tws-callout-links{ margin-top: 8px; } .tws-callout .tws-callout-links a{ font-weight: 800; } .tws-callout .tws-callout-note{ margin-top: 10px; font-weight: 800; } .tws-muted{ color: rgba(11,18,32,.68); } .tws-accordion{ max-width: 1040px; } .tws-acc{ margin: 0 0 12px; border-radius: 16px; border: 1px solid rgba(11,18,32,.10); background: rgba(255,255,255,.92); box-shadow: 0 14px 36px rgba(11,18,32,.06); overflow: hidden; } .tws-acc summary{ padding: 14px 16px; font-weight: 900; cursor: pointer; list-style: none; color: rgba(11,18,32,.92); } .tws-acc-teaser{ display:block; margin-top: 6px; font-weight: 600; font-size: 13px; color: rgba(11,18,32,.62); letter-spacing: 0.01em; } .tws-acc summary::-webkit-details-marker{ display:none; } .tws-acc summary:after{ content: "+"; float: right; font-weight: 900; color: rgba(11,18,32,.60); } .tws-acc[open] summary:after{ content: "–"; } .tws-acc-body{ padding: 14px 16px 18px; border-top: 1px solid rgba(11,18,32,.08); } .tws-pre{ margin: 0; white-space: pre-wrap; font-family: inherit; font-size: 14px; line-height: 1.58; color: rgba(11,18,32,.92); background: transparent; border: 0; } .tws-stairs{ position: relative; padding: 84px 0; background-image: linear-gradient(90deg, rgba(11,18,32,.92) 0%, rgba(11,18,32,.62) 52%, rgba(11,18,32,.22) 100%), url("../img/1920x1080/02.jpg"); background-size: cover; background-position: center bottom; border-top: 1px solid rgba(255,255,255,.10); } .tws-stairs-card{ position: relative; z-index: 2; max-width: 820px; background: rgba(11,18,32,.78); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 22px 24px; backdrop-filter: blur(6px); box-shadow: 0 26px 70px rgba(0,0,0,.28); } .tws-stairs-title{ margin-top: 0; color: #ffffff; font-weight: 900; } .tws-stairs-text{ color: rgba(255,255,255,.92); max-width: 72ch; } .tws-stairs-text a{ color: var(--tws-teal2); font-weight: 900; text-decoration: none; } .tws-stairs-text a:hover{ text-decoration: underline; } .tws-stairs-actions a{ display: inline-block; margin-right: 10px; margin-top: 10px; } @media (max-width: 600px){ .tws-stairs{ padding: 66px 0; } .tws-stairs-actions a{ width: 100%; text-align:center; margin-right: 0; } } .tws-parker{ position: relative; padding: 34px 0 12px; background: transparent; } .tws-parker .container{ position: relative; } .tws-parker-photo{ max-width: 240px; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 16px 44px rgba(0,0,0,.38); border: 1px solid rgba(255,255,255,.10); background: rgba(15,26,46,.20); } .tws-parker-copy{ padding: 8px 0 0; } .tws-parker-title{ margin: 0 0 10px; color: rgba(255,255,255,.92); font-weight: 900; letter-spacing: .2px; font-size: 22px; } .tws-parker-text{ margin: 0; color: rgba(232,238,247,.82); max-width: 62ch; font-size: 16px; line-height: 1.55; } .tws-parker-mark{ position: absolute; right: 18px; bottom: 14px; width: 180px; height: auto; opacity: .04; filter: saturate(.95) contrast(1.05); pointer-events: none; } .tws-footer-mark{ width: 22px; height: 22px; opacity: .58; margin-right: 10px; vertical-align: -4px; filter: saturate(.95) contrast(1.05); } @media (max-width: 991px){ .tws-parker{ padding: 24px 0 8px; } .tws-parker-mark{ width: 140px; right: 12px; bottom: 10px; } } .proof-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:22px} .proof-grid-4 > *{grid-column:span 3}.proof-grid-3 > *{grid-column:span 4}.proof-grid-2 > *{grid-column:span 6} .proof-card,.source-card,.chart-card,.receipt-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.92));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:22px;box-shadow:0 22px 48px rgba(0,0,0,.22);height:100%} .proof-card h3,.source-card h3,.chart-card h3,.receipt-card h3{font-size:26px;line-height:1.25;margin:0 0 10px} .stat-number{font-size:42px;line-height:1;font-weight:800;color:#ffffff;letter-spacing:-.02em;margin:0 0 8px} .stat-label{font-size:16px;line-height:1.45;color:#d8e6fb;margin-bottom:10px} .stat-detail{font-size:13px;line-height:1.55;color:#a9c0dd} .source-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.source-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(86,214,255,.12);border:1px solid rgba(86,214,255,.22);color:#dff8ff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.source-chip:hover{background:rgba(86,214,255,.18);color:#ffffff} .chart-card img,.evidence-figure img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#081224;box-shadow:0 18px 40px rgba(0,0,0,.24)} .chart-card figcaption,.figure-note,.source-note{font-size:13px;line-height:1.55;color:#a9c0dd;margin-top:12px} .evidence-list{padding-left:18px;margin:10px 0 0}.evidence-list li{margin-bottom:9px;color:#d3e4fb} .kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px} .proof-intro{max-width:980px;color:#d8e6fb} .section .eyebrow-link{font-size:13px;color:#9cdfff;text-transform:uppercase;letter-spacing:.1em;font-weight:700} .sources-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.sources-nav a{display:inline-flex;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.04);color:#e8f4ff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sources-nav a:hover{background:rgba(86,214,255,.14)} .source-card p,.receipt-card p,.proof-card p,.chart-card p{color:#cbdcf3}.source-card .meta{font-size:12px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:700} .source-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn.btn-ghost-proof{background:rgba(255,255,255,.06);border-color:rgba(148,163,184,.22);color:#f4f8ff}.btn.btn-ghost-proof:hover{background:rgba(255,255,255,.1);color:#fff} .evidence-quote{border-left:3px solid rgba(86,214,255,.55);padding-left:14px;margin:14px 0 0;color:#dff0ff;font-size:15px} .chart-card-featured{padding:28px;display:block;margin-top:22px} .chart-card-featured .meta{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(47,111,255,.18);color:#dbe7ff;border:1px solid rgba(47,111,255,.28);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px} .chart-card-featured .chart-lead{font-size:17px;line-height:1.65;color:#d8e6fb;max-width:980px;margin:0 0 16px} .chart-card-featured .chart-stage{margin-top:6px;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(8,18,36,.92),rgba(7,15,29,.98));border:1px solid rgba(148,163,184,.16)} .chart-card-featured figcaption{font-size:14px;line-height:1.65;margin-top:14px} .chart-card-xl{min-height:640px} .chart-card-xl .chart-stage{padding:22px} .chart-card-xl img{min-height:360px;object-fit:contain} .proof-grid-court-strain{margin-top:22px} .receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px} .inline-proof{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center} .small-proof{margin-top:18px} .small-proof .proof-card{padding:18px} .badge-proof{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(47,111,255,.18);color:#dbe7ff;border:1px solid rgba(47,111,255,.28);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase} hr.rule-soft{border-color:rgba(148,163,184,.16);margin:28px 0} @media (max-width:991px){.proof-grid-4 > *,.proof-grid-3 > *,.proof-grid-2 > *,.kpi-row > *{grid-column:span 6}.inline-proof{grid-template-columns:1fr}.receipt-grid{grid-template-columns:1fr}.chart-card-featured{padding:24px}.chart-card-xl{min-height:auto}.chart-card-xl img{min-height:0}} @media (max-width:767px){.proof-grid{display:block}.proof-grid > *,.kpi-row > *{margin-bottom:16px}.stat-number{font-size:34px}.sources-nav a{font-size:12px}.chart-card-featured{padding:20px}.chart-card-featured .chart-lead{font-size:16px}.chart-card-featured .chart-stage{padding:14px}} .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} .skip-link:focus{left:16px;top:12px;width:auto;height:auto;z-index:9999;padding:10px 14px;border-radius:10px;background:#ffffff;color:#0f172a;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.24)} .navbar .navbar-nav>li>a.nav-highlight{color:#0f172a!important;font-weight:800} .page-shell{position:relative} .hero-actions-condensed .btn{margin-bottom:10px} .jump-strip{padding:20px 0 8px;background:linear-gradient(180deg,rgba(5,20,41,.98),rgba(5,20,41,.88));border-top:1px solid rgba(148,163,184,.14);border-bottom:1px solid rgba(148,163,184,.14)} .jump-strip .sources-nav{margin-top:0} .platform-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:22px} .platform-grid-4 > *{grid-column:span 3} .platform-grid-3 > *{grid-column:span 4} .platform-grid-2 > *{grid-column:span 6} .pillar-card,.timeline-card,.metric-card,.faq-card,.link-card{background:linear-gradient(180deg,rgba(14,28,51,.9),rgba(9,19,35,.96));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:22px;box-shadow:0 22px 48px rgba(0,0,0,.22);height:100%} .pillar-card h3,.timeline-card h3,.metric-card h3,.faq-card h3,.link-card h3{margin:0 0 12px;font-size:25px;line-height:1.22} .pillar-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:rgba(86,214,255,.12);border:1px solid rgba(86,214,255,.24);color:#dff8ff;font-weight:800;margin-bottom:14px} .pillar-card ul,.timeline-card ul,.metric-card ul,.faq-card ul,.link-card ul{padding-left:18px;margin:0} .pillar-card li,.timeline-card li,.metric-card li,.faq-card li,.link-card li{margin-bottom:10px;color:#d3e4fb} .metric-table{width:100%;border-collapse:collapse;margin-top:18px} .metric-table th,.metric-table td{padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top;color:#d4e3f8} .metric-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9ab5d6} .metric-table tr:last-child td{border-bottom:0} .proof-band{padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(12,32,60,.82),rgba(13,25,47,.94));border:1px solid rgba(86,214,255,.22);box-shadow:0 22px 48px rgba(0,0,0,.22)} .proof-band h3{margin-top:0} .callout-callstack{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center} .figure-stack{display:grid;gap:18px} .page-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px} .link-card .meta{font-size:12px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:700} .checklist{list-style:none;padding-left:0;margin:0} .checklist li{position:relative;padding-left:28px;margin-bottom:10px;color:#d3e4fb} .checklist li:before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,#7ceeff,#3c8cff);box-shadow:0 0 0 4px rgba(86,214,255,.12)} .scoreboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px} .scoreboard-stat{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.96));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:22px} .scoreboard-stat .big{font-size:40px;line-height:1;font-weight:800;color:#fff;margin-bottom:8px} .scoreboard-stat .label{color:#d7e7fb;font-weight:700;margin-bottom:8px} .scoreboard-stat .detail{color:#a9c0dd;font-size:13px;line-height:1.55} .method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px} .method-step{background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:18px} .method-step h4{margin:0 0 8px;font-size:18px} .table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(7,17,31,.55);box-shadow:0 18px 40px rgba(0,0,0,.18)} .table-wrap table{margin:0} .inline-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .logo-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .hero .sources-nav a,.page-hero .sources-nav a{background:rgba(255,255,255,.08);color:#eef6ff} .hero .sources-nav a:hover,.page-hero .sources-nav a:hover{background:rgba(86,214,255,.16)} .hero .sources-nav,.page-hero .sources-nav{margin-top:18px} .figure-panel{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.12)} @media (max-width:991px){.platform-grid-4 > *,.platform-grid-3 > *,.platform-grid-2 > *{grid-column:span 6}.page-link-grid,.scoreboard-grid,.method-grid,.callout-callstack{grid-template-columns:1fr}} @media (max-width:767px){.platform-grid{display:block}.platform-grid > *,.page-link-grid > *,.scoreboard-grid > *,.method-grid > *{margin-bottom:16px}} .feature-figure, .figure-panel{background:linear-gradient(180deg,rgba(16,29,54,.86),rgba(10,20,37,.94));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:28px;box-shadow:0 24px 56px rgba(0,0,0,.24);margin-top:24px} .feature-figure img,.figure-panel img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#081224} .feature-figure figcaption,.figure-panel figcaption{font-size:14px;line-height:1.6;color:#c8d8f0;margin-top:14px} .method-inline{display:block;margin-top:10px;font-size:12px;color:#90aeca;letter-spacing:.03em} .feature-stack{display:grid;grid-template-columns:1fr;gap:22px;margin-top:24px} .feature-stack .chart-card,.feature-stack .source-card,.feature-stack .proof-card{margin:0} .chart-card h3,.proof-card h3,.source-card h3{overflow-wrap:anywhere} .proof-grid.spacious{gap:24px} .proof-grid.proof-grid-4.spacious > *{grid-column:span 6} .scoreboard-grid.loose{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px} .score-number{font-size:44px;font-weight:800;line-height:1;color:#f8fbff;margin-bottom:12px} .score-label{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#87d9ff;margin-bottom:10px;font-weight:700} .resource-grid,.tracker-grid,.brief-grid,.story-grid,.download-grid,.standards-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:22px} .resource-grid > *,.tracker-grid > *,.brief-grid > *,.story-grid > *,.download-grid > *,.standards-grid > *{grid-column:span 4} .story-grid.story-grid-2 > *,.download-grid.download-grid-2 > *,.brief-grid.brief-grid-2 > *{grid-column:span 6} .toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .filter-btn,.mode-btn{appearance:none;border:1px solid rgba(148,163,184,.26);border-radius:999px;background:rgba(255,255,255,.06);color:#e7f1ff;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer} .filter-btn.active,.mode-btn.active{background:linear-gradient(90deg,#2f6fff,#56d6ff);border-color:transparent;color:#fff} .filter-meta{margin-top:10px;font-size:13px;color:#9eb6d2} .read-mode-shell{margin-top:22px} .read-mode-shell [data-mode-panel]{display:none} .read-mode-shell [data-mode-panel].active{display:block} .source-card.is-hidden,.chart-card.is-hidden,.proof-card.is-hidden,.receipt-card.is-hidden,.feature-figure.is-hidden,.figure-panel.is-hidden,.claim-card.is-hidden{display:none!important} .badge-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} .badge-strip span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.16);padding:8px 12px;font-size:12px;color:#d7e7fb} .claim-card,.resource-card,.tracker-card,.brief-card,.story-card,.standard-card,.download-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.92));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:22px;box-shadow:0 22px 48px rgba(0,0,0,.22);height:100%} .claim-card h3,.resource-card h3,.tracker-card h3,.brief-card h3,.story-card h3,.standard-card h3,.download-card h3{margin:0 0 10px;font-size:24px;line-height:1.25} .claim-card .meta,.resource-card .meta,.tracker-card .meta,.brief-card .meta,.story-card .meta,.standard-card .meta,.download-card .meta{font-size:12px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:700} .inline-list{padding-left:18px;margin-bottom:0}.inline-list li{margin-bottom:8px} .copy-target{white-space:pre-wrap;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:18px;color:#d7e6fb;font-family:Arial,Helvetica,sans-serif;line-height:1.6} .copy-button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px} .map-shell{margin-top:24px}.map-note{margin-top:12px;font-size:13px;color:#9eb6d2} .kit-list{list-style:none;padding:0;margin:0}.kit-list li{margin-bottom:12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12)}.kit-list li:last-child{border-bottom:0} .hero-actions-condensed .btn,.inline-cta-row .btn{margin-right:10px;margin-bottom:10px} .note-panel{margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.14)} .card-link-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.card-link-list a{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.16);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#d7e7fb} .callout strong{color:#ffffff} @media (max-width:1199px){.resource-grid > *,.tracker-grid > *,.brief-grid > *,.story-grid > *,.download-grid > *,.standards-grid > *{grid-column:span 6}} @media (max-width:991px){.proof-grid.proof-grid-4.spacious > *{grid-column:span 12}.scoreboard-grid.loose{grid-template-columns:1fr}} @media (max-width:767px){.feature-figure,.figure-panel{padding:18px}.resource-grid,.tracker-grid,.brief-grid,.story-grid,.download-grid,.standards-grid{display:block}.resource-grid > *,.tracker-grid > *,.brief-grid > *,.story-grid > *,.download-grid > *,.standards-grid > *{margin-bottom:16px}} .site-boundary-ribbon{background:linear-gradient(90deg,rgba(8,18,38,.98),rgba(8,31,58,.96));border-top:1px solid rgba(86,214,255,.24);border-bottom:1px solid rgba(86,214,255,.24);box-shadow:0 10px 28px rgba(0,0,0,.18);color:#eaf6ff;position:relative;z-index:20}.site-boundary-ribbon .container{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:13px;padding-bottom:13px;flex-wrap:wrap}.site-boundary-ribbon strong{color:#ffffff}.site-boundary-ribbon p{margin:0;max-width:920px;font-size:14px;line-height:1.45}.site-boundary-actions{display:flex;gap:10px;flex-wrap:wrap}.site-boundary-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(86,214,255,.45);border-radius:999px;padding:8px 12px;color:#eaf6ff;background:rgba(86,214,255,.08);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.site-boundary-actions a:hover,.site-boundary-actions a:focus{color:#061225;background:#8be6ff;text-decoration:none}.boundary-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.boundary-card{background:rgba(13,29,56,.78);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.boundary-card h3{margin-top:0;color:#ffffff}.boundary-card ul{padding-left:20px}.boundary-card li{margin-bottom:9px}.boundary-label{display:inline-flex;border:1px solid rgba(86,214,255,.35);border-radius:999px;padding:5px 9px;color:#bff1ff;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.footer-boundary-note{margin-top:18px;padding:16px;border:1px solid rgba(86,214,255,.22);border-radius:16px;background:rgba(86,214,255,.06);color:#eaf6ff}.footer-boundary-note a{font-weight:800}@media(max-width:767px){.site-boundary-ribbon .container{align-items:flex-start}.boundary-matrix{grid-template-columns:1fr}.site-boundary-actions a{width:100%}} .safety-ribbon-universal{background:linear-gradient(90deg,rgba(55,7,24,.98),rgba(8,18,38,.98),rgba(8,31,58,.96));border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)} .safety-ribbon-universal .safety-ribbon-copy{display:flex;flex-direction:column;gap:5px;max-width:940px}.safety-ribbon-universal .safety-ribbon-kicker{color:#ffd6e7;letter-spacing:.14em;text-transform:uppercase;font-weight:800;font-size:11px}.safety-ribbon-universal strong{color:#fff;font-size:16px}.safety-ribbon-universal span{color:#e8f2ff}.safe-device-inline{font-size:12px;color:#ffd6e7!important}.safety-ribbon-universal .safety-ribbon-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.safety-ribbon-universal .btn-danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.safety-ribbon-universal .btn-danger:hover,.safety-ribbon-universal .btn-danger:focus{background:#dc2626;border-color:#dc2626;color:#fff}.footer-safety-note{margin-top:16px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(135deg,rgba(127,29,29,.22),rgba(8,31,58,.42));color:#eaf6ff}.footer-safety-note a{font-weight:800}.crisis-first-actions-universal{grid-template-columns:repeat(4,minmax(0,1fr))}.crisis-safe-device{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,214,231,.35);background:rgba(127,29,29,.2);color:#fff}.crisis-contact-grid .crisis-contact-card h3{font-size:24px}.crisis-contact-card strong{color:#fff}.crisis-contact-card .card-link-list a[href^="tel:"]{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08)}@media(max-width:991px){.crisis-first-actions-universal{grid-template-columns:repeat(2,minmax(0,1fr))}.safety-ribbon-universal .safety-ribbon-actions{justify-content:flex-start}}@media(max-width:560px){.crisis-first-actions-universal{grid-template-columns:1fr}.safety-ribbon-universal .safety-ribbon-actions .btn{width:100%;margin-left:0}} /* public-release: sitewide navigation search + attorney-accountability nav visibility */ .nav-attorney-accountability > a { font-weight: 800 !important; color: #7a1111 !important; } .nav-attorney-accountability > a:hover, .nav-attorney-accountability > a:focus { color: #b91c1c !important; } .nav-site-search-form { margin-top: 8px; margin-bottom: 8px; max-width: 230px; } .nav-site-search-form .form-control { border-radius: 4px 0 0 4px; border-color: rgba(15,23,42,.22); box-shadow: none; } .nav-site-search-form .btn { padding: 5px 10px; border-radius: 0 4px 4px 0; color: #0f172a; } .search-page-panel { background: rgba(255,255,255,.06); border: 1px solid rgba(148,163,184,.22); border-radius: 18px; padding: 24px; margin-bottom: 24px; } .search-page-form { display: flex; gap: 10px; flex-wrap: wrap; } .search-page-form input { flex: 1 1 320px; min-height: 46px; border-radius: 8px; border: 1px solid rgba(148,163,184,.35); color: #0f172a; padding: 0 14px; } .search-result-list { display: grid; gap: 14px; margin-top: 22px; } .search-result-card { background: rgba(255,255,255,.05); border: 1px solid rgba(148,163,184,.2); border-radius: 14px; padding: 18px; } .search-result-card h2 { font-size: 22px; margin: 0 0 6px; } .search-result-card p { margin: 0 0 10px; } .search-result-url { font-size: 13px; color: #9fe8ff; word-break: break-word; } .search-no-results { padding: 18px; border: 1px dashed rgba(148,163,184,.35); border-radius: 14px; color: #dbeafe; } @media (max-width: 991px){ .nav-site-search-form { max-width: none; margin: 8px 15px 12px; } } /* ---- css/jt-platform-polish.css ---- */ html,body{ max-width:100%; overflow-x:hidden; } html{ scroll-padding-top:88px; } body{ text-wrap:pretty; } main, section, .container, .row, [class*="col-"]{ min-width:0; } img{ max-width:100%; } .hero, .page-hero, .section{ position:relative; } .hero{ padding:96px 0 84px; } .page-hero{ padding:72px 0 60px; } .section{ padding:72px 0; } .hero .container, .page-hero .container, .section .container{ position:relative; z-index:1; } .hero h1, .page-hero h1{ font-size:clamp(2.45rem,4.9vw,3.85rem) !important; line-height:1.06; max-width:15ch; } h2{ font-size:clamp(2rem,3.8vw,3rem) !important; line-height:1.1; max-width:18ch; } .section .proof-grid h2, .section .resource-grid h2, .section .platform-grid h2, .section .scoreboard-grid h2, .section .standards-grid h2, .section .download-grid h2, .section .story-grid h2, .section .brief-grid h2, .section .page-link-grid h2, .callout h2, .note-panel h2, .table-wrap h2, footer h2{ max-width:none; } h3, .proof-card h3, .source-card h3, .chart-card h3, .receipt-card h3, .pillar-card h3, .timeline-card h3, .metric-card h3, .faq-card h3, .link-card h3, .claim-card h3, .resource-card h3, .tracker-card h3, .brief-card h3, .story-card h3, .standard-card h3, .download-card h3{ font-size:clamp(1.35rem,2vw,1.78rem) !important; line-height:1.22; max-width:20ch; } .hero p, .page-hero p, .section > .container > p, .proof-intro, .note-panel, .callout > p, .proof-band > p{ max-width:72ch; } .card-lite, .callout, .proof-card, .source-card, .chart-card, .receipt-card, .pillar-card, .timeline-card, .metric-card, .faq-card, .link-card, .claim-card, .resource-card, .tracker-card, .brief-card, .story-card, .standard-card, .download-card, .feature-figure, .figure-panel, .note-panel, .proof-band, .table-wrap{ border-radius:22px; padding:clamp(20px,2vw,30px); overflow:hidden; } .proof-card, .source-card, .chart-card, .receipt-card, .pillar-card, .timeline-card, .metric-card, .faq-card, .link-card, .claim-card, .resource-card, .tracker-card, .brief-card, .story-card, .standard-card, .download-card{ display:flex; flex-direction:column; } .chart-card img, .evidence-figure img, .feature-figure img, .figure-panel img{ width:100%; height:auto; display:block; border-radius:16px; } .feature-figure img, .figure-panel img{ box-shadow:0 18px 40px rgba(0,0,0,.18); } .feature-stack, .figure-stack, .page-link-grid, .proof-grid, .platform-grid, .resource-grid, .tracker-grid, .brief-grid, .story-grid, .download-grid, .standards-grid, .scoreboard-grid, .receipt-grid, .callout-callstack, .method-grid{ align-items:stretch; } .feature-stack-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; } .dashboard-summary-strip, .evidence-legend, .resource-start-grid, .utility-strip{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; margin-top:26px; } .dashboard-summary-strip > *, .evidence-legend > *, .resource-start-grid > *, .utility-strip > *{ grid-column:span 3; } .strip-card{ background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.92)); border:1px solid rgba(148,163,184,.18); border-radius:20px; padding:18px 18px 16px; box-shadow:0 18px 36px rgba(0,0,0,.18); height:100%; } .strip-card .meta{ font-size:11px; color:#9ab5d6; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:700; } .strip-card h3{ max-width:none; margin:0 0 8px; } .strip-card p, .strip-card li{ color:#cbdcf3; font-size:14px; } .strip-card ul{ padding-left:18px; margin:0; } .strip-card li{ margin-bottom:8px; } .btn, .sources-nav a, .source-chip, .filter-btn, .mode-btn{ white-space:normal; text-align:center; line-height:1.3; } .btn{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; max-width:100%; } .hero-actions-condensed, .inline-cta-row, .source-actions, .copy-button-row{ display:flex; flex-wrap:wrap; gap:12px; } .hero-actions-condensed .btn, .inline-cta-row .btn, .source-actions .btn, .copy-button-row .btn{ margin:0 !important; } .sources-nav{ gap:12px; margin-top:22px; } .sources-nav a, .filter-btn, .mode-btn{ min-height:44px; align-items:center; justify-content:center; } .toolbar{ gap:12px; } .stat-number, .score-number, .scoreboard-stat .big{ font-size:clamp(2.2rem,4.8vw,3.45rem) !important; line-height:.96; } .stat-label, .score-label{ max-width:24ch; } .source-chips, .badge-strip, .card-link-list{ gap:10px; } .method-inline{ margin-top:12px; } .metric-table{ min-width:760px; } .metric-table th, .metric-table td{ padding:16px 14px; } .table-wrap{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; } .note-panel{ font-size:15px; line-height:1.65; } .footer p, .footer a{ line-height:1.65; } .page-shell{ isolation:isolate; } .claim-card h3, .resource-card h3, .tracker-card h3, .brief-card h3, .story-card h3, .standard-card h3, .download-card h3, .proof-card h3, .source-card h3, .chart-card h3, .receipt-card h3, .link-card h3, .timeline-card h3, .pillar-card h3, .faq-card h3{ overflow-wrap:anywhere; } @media (max-width:1199px){ .dashboard-summary-strip > *, .evidence-legend > *, .resource-start-grid > *, .utility-strip > *{ grid-column:span 6; } } @media (max-width:991px){ .hero{ padding:84px 0 74px; } .page-hero, .section{ padding:60px 0; } .feature-stack-2{ grid-template-columns:1fr; } } @media (max-width:767px){ .hero, .page-hero, .section{ padding:48px 0; } .dashboard-summary-strip, .evidence-legend, .resource-start-grid, .utility-strip, .feature-stack-2{ display:block; } .dashboard-summary-strip > *, .evidence-legend > *, .resource-start-grid > *, .utility-strip > *, .feature-stack-2 > *{ margin-bottom:16px; } .btn, .sources-nav a, .filter-btn, .mode-btn{ width:100%; } .hero-actions-condensed, .inline-cta-row, .source-actions, .toolbar, .copy-button-row{ display:block; } .hero-actions-condensed .btn, .inline-cta-row .btn, .source-actions .btn, .copy-button-row .btn, .toolbar .filter-btn, .toolbar .mode-btn{ display:flex; width:100%; margin-bottom:12px !important; } .metric-table{ min-width:640px; } } .sources-nav{ display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 0; } .sources-nav a{ display:inline-flex; align-items:center; min-height:40px; padding:9px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.24); background:rgba(3,17,38,.46); color:#e7f1ff; box-shadow:0 10px 24px rgba(0,0,0,.12); } .sources-nav a:hover, .sources-nav a:focus{ background:rgba(12,32,60,.86); color:#fff; } .hero-actions-condensed, .inline-cta-row, .copy-button-row{ display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start; } .hero-actions-condensed .btn, .inline-cta-row .btn, .copy-button-row .btn{ margin:0 !important; } .page-purpose-strip{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; margin-top:28px; } .page-purpose-card{ grid-column:span 3; background:linear-gradient(180deg,rgba(14,27,48,.82),rgba(10,19,35,.95)); border:1px solid rgba(148,163,184,.18); border-radius:20px; padding:18px 18px 16px; box-shadow:0 18px 34px rgba(0,0,0,.16); height:100%; } .page-purpose-card .meta{ font-size:11px; color:#9ab5d6; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:700; } .page-purpose-card h3{ max-width:none; margin:0 0 8px; } .page-purpose-card p, .page-purpose-card li{ font-size:14px; color:#cbdcf3; } .page-purpose-card ul{ padding-left:18px; margin-bottom:0; } .card-link-list{ display:flex; flex-direction:column; gap:8px; margin-top:12px; } .card-link-list a{ color:#fff; text-decoration:underline; text-decoration-color:rgba(111,231,255,.55); text-underline-offset:3px; } .table-wrap{ overflow:auto; } .metric-table{ min-width:760px; } a:focus-visible, button:focus-visible, .btn:focus-visible{ outline:3px solid rgba(111,231,255,.85); outline-offset:3px; } .skip-link{ position:absolute; left:-9999px; top:auto; } .skip-link:focus{ left:16px; top:12px; z-index:10000; background:#fff; color:#041226; padding:10px 14px; border-radius:10px; } @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation:none !important; transition:none !important;} } @media (max-width:991px){ .page-purpose-card, .dashboard-summary-strip > *, .evidence-legend > *, .resource-start-grid > *, .utility-strip > *{ grid-column:span 6; } } @media (max-width:767px){ .page-purpose-card, .dashboard-summary-strip > *, .evidence-legend > *, .resource-start-grid > *, .utility-strip > *{ grid-column:span 12; } .sources-nav a, .hero-actions-condensed .btn, .inline-cta-row .btn, .copy-button-row .btn{ width:100%; justify-content:center; } } @media print{ .navbar, .footer, .hero-actions-condensed, .inline-cta-row, .copy-button-row, .sources-nav{ display:none !important; } body{ background:#fff !important; color:#111827 !important; } .hero,.page-hero,.section,.section-alt{ background:#fff !important; color:#111827 !important; padding:24px 0 !important; } h1,h2,h3,h4,p,li,figcaption,td,th{ color:#111827 !important; } .card-lite, .callout, .proof-card, .source-card, .chart-card, .receipt-card, .pillar-card, .timeline-card, .metric-card, .faq-card, .link-card, .claim-card, .resource-card, .tracker-card, .brief-card, .story-card, .standard-card, .download-card, .feature-figure, .figure-panel, .note-panel, .proof-band, .table-wrap, .strip-card, .page-purpose-card{ background:#fff !important; box-shadow:none !important; border:1px solid #cbd5e1 !important; } .metric-table{ min-width:0; } } .platform-rail{ position:relative; z-index:3; background:rgba(3,17,38,.92); border-bottom:1px solid rgba(148,163,184,.16); box-shadow:0 14px 30px rgba(0,0,0,.12); } .platform-rail-inner{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px 0; } .rail-label{ display:inline-flex; align-items:center; min-height:38px; padding:0 12px; border-radius:999px; background:rgba(86,214,255,.08); border:1px solid rgba(86,214,255,.18); color:#cfe5ff; font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; } .platform-rail a{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(148,163,184,.16); color:#e6f0ff; font-size:13px; text-align:center; } .platform-rail a:hover, .platform-rail a:focus{ background:rgba(12,32,60,.88); color:#fff; } .platform-rail a.rail-current, .navbar .navbar-nav>li>a.nav-current{ background:rgba(86,214,255,.12); border-color:rgba(86,214,255,.32); color:#fff !important; } .continue-strip h2{ max-width:15ch; } .continue-strip .page-purpose-strip{ margin-top:24px; } @media (max-width:767px){ .platform-rail-inner{ display:block; padding:12px 0 4px; } .rail-label{ margin-bottom:10px; } .platform-rail a{ width:100%; margin-bottom:8px; } } @media print{ .platform-rail, .continue-strip{ display:none !important; } } .proof-grid-court-strain{margin-bottom:0;} .chart-card-featured{margin-top:24px;padding:clamp(24px,2.8vw,36px);} .chart-card-featured .meta{font-size:12px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:700;} .chart-card-featured h3{font-size:clamp(2rem,3.2vw,2.85rem);line-height:1.08;margin:0 0 12px;max-width:18ch;} .chart-card-featured .chart-lead{max-width:68ch;font-size:17px;line-height:1.7;color:#d9e8fb;margin:0 0 18px;} .chart-stage{margin-top:6px;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(7,17,31,.82),rgba(9,20,37,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);} .chart-stage img{display:block;width:100%;height:auto;margin:0;border-radius:14px;box-sizing:border-box;} .chart-card-featured figcaption{max-width:72ch;margin-top:16px;font-size:14px;line-height:1.65;} @media (min-width:992px){ .proof-grid-court-strain > *{grid-column:span 7;} .chart-card-featured{max-width:none;} } @media (max-width:767px){ .chart-card-featured h3{max-width:none;} .chart-stage{padding:12px;} } .record-bridge{background:linear-gradient(180deg,rgba(8,20,37,.9),rgba(9,19,34,.96));border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12)} .record-bridge .section-intro{max-width:74ch;margin-bottom:20px;color:#d7e7fb} .link-grid-4{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:24px} .link-grid-4 > *{grid-column:span 3} .link-panel{background:linear-gradient(180deg,rgba(14,27,48,.82),rgba(10,19,35,.95));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:20px 20px 18px;box-shadow:0 18px 34px rgba(0,0,0,.16);height:100%} .link-panel .meta{font-size:11px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700} .link-panel h3{margin:0 0 8px;max-width:none} .link-panel p{font-size:14px;color:#cbdcf3;margin:0 0 12px} .link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .link-row .btn{margin:0 !important} .section-divider-note{max-width:72ch;margin-top:12px;color:#c9daef} .initiative-downloads .link-panel h3,.initiative-materials-grid .brief-card h3{max-width:none} .material-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .material-chip-row a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.04);color:#fff} .material-chip-row a:hover,.material-chip-row a:focus{background:rgba(12,32,60,.88);color:#fff} .brief-card .link-row .btn{flex:1 1 160px} @media (max-width:991px){.link-grid-4 > *{grid-column:span 6}} @media (max-width:767px){.link-grid-4{display:block}.link-grid-4 > *{margin-bottom:16px}.link-row{display:block}.link-row .btn{display:flex;width:100%;margin-bottom:10px !important}.material-chip-row a{width:100%;justify-content:center}} @media print{.record-bridge{background:#fff !important}.link-panel{background:#fff !important;box-shadow:none !important;border:1px solid #cbd5e1 !important}} html{scroll-padding-top:120px;} section[id],div[id],article[id],main[id]{scroll-margin-top:120px;} .navbar.navbar-default{ position:sticky; top:0; z-index:1040; margin-bottom:0; background:linear-gradient(180deg,rgba(6,18,37,.97),rgba(8,23,45,.985)) !important; border-bottom:1px solid rgba(148,163,184,.22) !important; box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 -1px 0 rgba(255,255,255,.03); backdrop-filter:blur(10px); } .navbar .navbar-brand, .navbar .navbar-nav>li>a{ color:#f7fbff !important; font-weight:700; text-transform:uppercase; letter-spacing:.09em; font-size:12px; } .navbar .navbar-brand{ letter-spacing:.18em; } .navbar .navbar-brand:hover, .navbar .navbar-brand:focus, .navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus{ color:#ffffff !important; background:rgba(255,255,255,.08) !important; } .navbar .navbar-nav>li>a{ border-radius:999px; margin:10px 0 10px 8px; padding:10px 14px; transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; border:1px solid transparent; } .navbar .navbar-brand{ display:inline-flex; align-items:center; min-height:68px; } .navbar .navbar-nav>li>a.nav-current, .navbar .navbar-brand.nav-current{ background:linear-gradient(180deg,rgba(86,214,255,.24),rgba(47,111,255,.22)) !important; border:1px solid rgba(148,223,255,.48) !important; color:#ffffff !important; box-shadow:0 10px 24px rgba(4,16,34,.22); } .navbar .navbar-nav>li>a.nav-highlight{ background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)) !important; border-color:rgba(148,223,255,.34); color:#f7fbff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 22px rgba(3,12,26,.18); text-shadow:0 1px 0 rgba(0,0,0,.18); } .navbar .navbar-nav>li>a.nav-highlight:hover, .navbar .navbar-nav>li>a.nav-highlight:focus{ background:linear-gradient(180deg,rgba(86,214,255,.18),rgba(47,111,255,.16)) !important; border-color:rgba(148,223,255,.48); color:#ffffff !important; } .navbar-toggle{ margin-top:17px; border-color:rgba(191,219,254,.3) !important; background:rgba(255,255,255,.05); } .navbar-toggle:hover, .navbar-toggle:focus{ background:rgba(255,255,255,.1) !important; } .navbar-toggle .icon-bar{background:#f8fbff !important;} .platform-rail{ border-top:1px solid rgba(255,255,255,.03); background:linear-gradient(180deg,rgba(8,21,40,.92),rgba(7,18,34,.96)); } .platform-rail a{ background:rgba(255,255,255,.08); border-color:rgba(191,219,254,.2); color:#f2f7ff; } .platform-rail a:hover, .platform-rail a:focus, .site-intent-strip a:hover, .site-intent-strip a:focus{ background:rgba(86,214,255,.18); border-color:rgba(148,223,255,.42); color:#ffffff; } .platform-rail a.rail-current, .site-intent-strip a.rail-current{ background:linear-gradient(180deg,rgba(86,214,255,.24),rgba(47,111,255,.22)); border-color:rgba(148,223,255,.48); color:#ffffff !important; box-shadow:0 10px 24px rgba(4,16,34,.2); } .site-intent-strip{ background:linear-gradient(180deg,rgba(9,24,46,.72),rgba(7,18,34,.9)); border-bottom:1px solid rgba(148,163,184,.14); } .site-intent-inner{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:10px 0 14px; } .intent-label{ display:inline-flex; align-items:center; min-height:36px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(148,163,184,.18); color:#cfe5ff; font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; } .site-intent-strip a{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 13px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.05); color:#eef5ff; font-size:13px; font-weight:600; } .site-intent-strip a::after{ content:'→'; margin-left:8px; opacity:.8; } @media (max-width:991px){ .navbar .navbar-nav>li>a{margin:8px 0 8px 6px;padding:9px 12px;font-size:11px;} } @media (max-width:767px){ html{scroll-padding-top:100px;} section[id],div[id],article[id],main[id]{scroll-margin-top:100px;} .navbar .navbar-brand{min-height:58px;} .navbar-collapse{ background:linear-gradient(180deg,rgba(7,19,37,.985),rgba(8,22,43,.995)); border-top:1px solid rgba(148,163,184,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); padding-bottom:8px; } .navbar .navbar-nav{margin:10px 0;} .navbar .navbar-nav>li>a{margin:0 0 8px 0;padding:12px 14px;font-size:12px;} .site-intent-inner{display:block;padding:10px 0 8px;} .intent-label{margin-bottom:10px;} .site-intent-strip a{display:flex;width:100%;margin-bottom:8px;justify-content:flex-start;} } @media print{ .site-intent-strip{display:none !important;} } .authority-grid, .pack-grid, .ladder-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; margin-top:24px; } .authority-grid > *, .pack-grid > *, .ladder-grid > *{ grid-column:span 3; } .authority-card, .pack-card, .ladder-card{ background:linear-gradient(180deg,rgba(14,27,48,.84),rgba(10,19,35,.96)); border:1px solid rgba(148,163,184,.18); border-radius:22px; padding:20px 20px 18px; box-shadow:0 18px 34px rgba(0,0,0,.16); height:100%; } .authority-card .meta, .pack-card .meta, .ladder-card .meta{ font-size:11px; color:#9ab5d6; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:700; } .authority-card h3, .pack-card h3, .ladder-card h3{ max-width:none; margin:0 0 10px; } .authority-card p, .pack-card p, .ladder-card p, .pack-card li{ color:#cbdcf3; font-size:14px; } .pack-card ul{ padding-left:18px; margin:0 0 14px; } .pack-card li{margin-bottom:8px;} .pack-card .link-row, .authority-card .link-row, .ladder-card .link-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .pack-card .link-row .btn, .authority-card .link-row .btn, .ladder-card .link-row .btn{ margin:0 !important; flex:1 1 160px; } .authority-card .card-link-list, .ladder-card .card-link-list{margin-top:12px;} .read-order-note{ max-width:74ch; color:#d7e7fb; margin-top:12px; } @media (max-width:991px){ .authority-grid > *, .pack-grid > *, .ladder-grid > *{grid-column:span 6;} } @media (max-width:767px){ .authority-grid, .pack-grid, .ladder-grid{display:block;} .authority-grid > *, .pack-grid > *, .ladder-grid > *{margin-bottom:16px;} .pack-card .link-row, .authority-card .link-row, .ladder-card .link-row{display:block;} .pack-card .link-row .btn, .authority-card .link-row .btn, .ladder-card .link-row .btn{display:flex;width:100%;margin-bottom:10px !important;} } @media print{ .pack-grid, .authority-grid, .ladder-grid{display:block;} .authority-card, .pack-card, .ladder-card{background:#fff !important; box-shadow:none !important; border:1px solid #cbd5e1 !important; margin-bottom:14px;} } .chart-card-narrow{max-width:1120px;margin-left:auto;margin-right:auto;min-height:700px;} .chart-card-narrow .chart-stage{max-width:1010px;margin:10px auto 0;padding:20px 18px 18px;} .chart-card-narrow img{width:100%;height:auto;display:block;} .chart-card-narrow .source-chips{margin-top:16px;} @media (max-width:1199px){ .chart-card-narrow{max-width:none;min-height:680px;} .chart-card-narrow .chart-stage{max-width:none;} } @media (max-width:991px){ .chart-card-narrow{min-height:auto;} } .hub-authority-grid{margin-top:28px;} .hub-authority-card{background:linear-gradient(180deg,rgba(15,30,55,.86),rgba(9,18,34,.96));border:1px solid rgba(86,214,255,.18);box-shadow:0 24px 48px rgba(0,0,0,.18);} .hub-authority-card h3{max-width:none;} .hub-authority-card p{max-width:40ch;} #maine-family-hub .section-intro, #hub-map .section-intro{max-width:78ch;} #maine-family-hub .authority-card, #hub-map .authority-card{min-height:100%;} #common-needs .authority-card p, #family-matters-routes .authority-card p{max-width:40ch;} #common-needs .authority-card h3, #family-matters-routes .authority-card h3{max-width:none;} #prep-guides .download-card, #family-guides .download-card{background:linear-gradient(180deg,rgba(14,27,48,.84),rgba(10,19,35,.96));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 34px rgba(0,0,0,.16);} #prep-guides .download-card p, #prep-guides .download-card li, #family-guides .download-card p, #family-guides .download-card li{color:#cbdcf3;} #prep-guides .download-card .meta, #family-guides .download-card .meta{font-size:11px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700;} #prep-guides .download-card .link-row, #family-guides .download-card .link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} #prep-guides .download-card .link-row .btn, #family-guides .download-card .link-row .btn{margin:0 !important;flex:1 1 180px;} #prep-guides .kit-list, #family-guides .kit-list{padding-left:18px;margin:0 0 14px;} #prep-guides .kit-list li, #family-guides .kit-list li{margin-bottom:8px;} #prep-guides .section-intro, #family-guides .read-order-note, #common-needs .section-intro, #family-matters-routes .read-order-note{max-width:76ch;} @media (max-width:767px){ #prep-guides .download-card .link-row, #family-guides .download-card .link-row{display:block;} #prep-guides .download-card .link-row .btn, #family-guides .download-card .link-row .btn{display:flex;width:100%;margin-bottom:10px !important;} } .finder-shell{background:linear-gradient(180deg,rgba(11,24,44,.9),rgba(7,18,34,.96));border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:clamp(20px,2.4vw,32px);box-shadow:0 24px 60px rgba(0,0,0,.22);margin-top:28px;} .finder-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:end;} .finder-label{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#9ab5d6;margin-bottom:8px;} .hub-finder-input{width:100%;min-height:56px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.06);color:#fff;padding:14px 18px;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);} .hub-finder-input::placeholder{color:#b9cae6;} .hub-finder-input:focus{outline:3px solid rgba(111,231,255,.35);outline-offset:2px;border-color:rgba(111,231,255,.6);} .finder-status{min-height:56px;display:flex;align-items:center;justify-content:flex-end;color:#d7e6fb;font-size:14px;white-space:nowrap;} .finder-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;} .finder-chip{appearance:none;border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.05);color:#eff6ff;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.2;transition:all .18s ease;box-shadow:0 10px 22px rgba(0,0,0,.12);} .finder-chip:hover,.finder-chip:focus{background:rgba(12,32,60,.9);border-color:rgba(111,231,255,.45);color:#fff;} .finder-chip-clear{background:rgba(111,231,255,.12);color:#dff8ff;} .finder-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:18px;} .finder-card{grid-column:span 6;background:linear-gradient(180deg,rgba(14,27,48,.82),rgba(10,19,35,.95));border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:20px 20px 18px;box-shadow:0 18px 34px rgba(0,0,0,.16);display:flex;flex-direction:column;min-width:0;} .finder-card .meta{font-size:11px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700;} .finder-card h3{max-width:none;margin:0 0 10px;} .finder-card p{color:#cbdcf3;font-size:15px;margin:0;} .finder-card .card-link-list{margin-top:14px;} .finder-card.is-hidden{display:none;} .finder-empty{display:none;margin-top:18px;padding:18px 20px;border-radius:18px;border:1px dashed rgba(148,163,184,.24);background:rgba(255,255,255,.03);color:#d8e6fb;} .finder-empty.is-visible{display:block;} @media (max-width:991px){.finder-search-row{grid-template-columns:1fr;}.finder-status{justify-content:flex-start;min-height:auto;}.finder-card{grid-column:span 12;}} @media (max-width:767px){.finder-shell{padding:20px 18px;}.hub-finder-input{font-size:16px;min-height:52px;}.finder-chip-row{display:block;}.finder-chip{display:block;width:100%;margin-bottom:10px;text-align:left;}} .pressure-route-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:26px;} .pressure-route-card{grid-column:span 3;background:linear-gradient(180deg,rgba(14,27,48,.84),rgba(10,19,35,.96));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:22px 22px 20px;box-shadow:0 18px 34px rgba(0,0,0,.16);display:flex;flex-direction:column;min-width:0;} .pressure-route-card .meta{font-size:11px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700;} .pressure-route-card h3{margin:0 0 10px;max-width:none;} .pressure-route-card p{color:#cbdcf3;font-size:15px;margin:0;max-width:40ch;} .pressure-route-card .link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;} .pressure-route-card .link-row .btn{margin:0 !important;flex:1 1 180px;} .urgency-now{border-color:rgba(251,146,60,.30);box-shadow:0 22px 42px rgba(120,53,15,.18);} .urgency-now .meta{color:#fdba74;} .urgency-today{border-color:rgba(96,165,250,.28);} .urgency-week{border-color:rgba(110,231,183,.24);} .urgency-record{border-color:rgba(167,139,250,.24);} #pressure-routes .section-intro, .quick-pressure-strip .read-order-note, #family-fast-guides .read-order-note{max-width:76ch;} #pressure-routes .pressure-route-card, .quick-pressure-strip .pressure-route-card{min-height:100%;} #family-fast-guides .download-card{background:linear-gradient(180deg,rgba(14,27,48,.84),rgba(10,19,35,.96));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 34px rgba(0,0,0,.16);} #family-fast-guides .download-card p{color:#cbdcf3;} #family-fast-guides .download-card .meta{font-size:11px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700;} #family-fast-guides .download-card .link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} #family-fast-guides .download-card .link-row .btn{margin:0 !important;flex:1 1 180px;} @media (max-width:1199px){.pressure-route-card{grid-column:span 6;}} @media (max-width:767px){.pressure-route-card{grid-column:span 12;}.pressure-route-card .link-row{display:block;}.pressure-route-card .link-row .btn{display:flex;width:100%;margin-bottom:10px !important;}#family-fast-guides .download-card .link-row{display:block;}#family-fast-guides .download-card .link-row .btn{display:flex;width:100%;margin-bottom:10px !important;}} #plain-terms .section-intro, #gather-first .read-order-note, #family-basics .read-order-note{max-width:76ch;} #plain-terms .authority-card{min-height:100%;} #plain-terms .authority-card p, #family-basics .authority-card p{max-width:42ch;} #gather-first .download-card, #family-guides .download-card{background:linear-gradient(180deg,rgba(14,27,48,.84),rgba(10,19,35,.96));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 34px rgba(0,0,0,.16);} #gather-first .download-card p, #gather-first .download-card li{color:#cbdcf3;} #gather-first .download-card .meta{font-size:11px;color:#9ab5d6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700;} #gather-first .download-card .link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} #gather-first .download-card .link-row .btn{margin:0 !important;flex:1 1 180px;} #gather-first .kit-list{padding-left:18px;margin:0 0 14px;} #gather-first .kit-list li{margin-bottom:8px;} @media (max-width:767px){ #gather-first .download-card .link-row{display:block;} #gather-first .download-card .link-row .btn{display:flex;width:100%;margin-bottom:10px !important;} } #first-fifteen .authority-card, #dashboard-quick-routes .authority-card, #take-with-you .pack-card, #proof-by-reader .pack-card, #family-folder-tools .pack-card, #bring-by-situation .pack-card{min-height:100%;} #bring-by-situation .table-wrap{margin-top:24px;} #bring-by-situation .pack-grid, #proof-by-reader .pack-grid, #family-folder-tools .pack-grid, #take-with-you .pack-grid{margin-top:22px;} #bring-by-situation .metric-table td, #bring-by-situation .metric-table th{min-width:180px;} #dashboard-quick-routes .read-order-note, #pressure-to-response .read-order-note, #proof-by-reader .read-order-note, #family-folder-tools .read-order-note, #take-with-you .read-order-note, #first-fifteen .read-order-note, #bring-by-situation .read-order-note{max-width:76ch;} #about-by-purpose .read-order-note, #tracker-fast .read-order-note, #tracker-watch .read-order-note, #standards-key .read-order-note, #standards-crosswalk .read-order-note{max-width:76ch;} #about-by-purpose .authority-card, #tracker-fast .authority-card, #standards-key .authority-card, #tracker-watch .strip-card, #standards-crosswalk .strip-card{min-height:100%;} #about-by-purpose .authority-card p, #tracker-fast .authority-card p, #standards-key .authority-card p{max-width:40ch;} #standards-crosswalk .table-wrap{margin-top:24px;} #execution-accountability p, #execution-accountability li{max-width:74ch;} .tracker-card .link-row, .standard-card .link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} .tracker-card .link-row .btn, .standard-card .link-row .btn{margin:0 !important;flex:1 1 170px;} .status-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px;} .status-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.05);color:#e6f0ff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;} .status-chip.is-live{border-color:rgba(110,231,183,.28);color:#d1fae5;} .status-chip.is-draft{border-color:rgba(96,165,250,.28);color:#dbeafe;} .status-chip.is-building{border-color:rgba(250,204,21,.28);color:#fef3c7;} @media (max-width:767px){ .tracker-card .link-row, .standard-card .link-row{display:block;} .tracker-card .link-row .btn, .standard-card .link-row .btn{display:flex;width:100%;margin-bottom:10px !important;} } .map-callstack{align-items:start;} .map-figure-header{margin-bottom:18px;} .map-figure-header .kicker{margin-bottom:10px;} .map-figure-header h3{margin:0 0 10px;max-width:none;} .map-figure-intro{margin:0;max-width:62ch;} .map-figure img{background:linear-gradient(180deg,rgba(8,22,44,.88),rgba(9,24,45,.98));border:1px solid rgba(86,214,255,.16);padding:10px;} .map-figure-actions,.map-sideband-actions,.platform-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;} .map-figure-actions .btn,.map-sideband-actions .btn,.platform-dialog-actions .btn{margin:0 !important;} .map-sideband h3{max-width:none;} .platform-dialog[hidden]{display:none !important;} .platform-dialog{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;} .platform-dialog-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.78);backdrop-filter:blur(4px);} .platform-dialog-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:min(92vh,980px);overflow:auto;border-radius:26px;padding:28px;background:linear-gradient(180deg,rgba(9,25,47,.98),rgba(6,18,35,.99));border:1px solid rgba(86,214,255,.24);box-shadow:0 32px 80px rgba(0,0,0,.38);} .platform-dialog-header h2{margin:0 0 12px;} .platform-dialog-header p{max-width:72ch;} .platform-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;} .platform-dialog-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.94));border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:20px;box-shadow:0 18px 36px rgba(0,0,0,.16);} .platform-dialog-card h3{margin-top:0;margin-bottom:12px;max-width:none;} .platform-dialog-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;} .dialog-open{overflow:hidden;} .number-list{padding-left:20px;margin:0 0 12px;} .number-list li{margin-bottom:10px;color:#cbdcf3;} @media (max-width:991px){ .platform-dialog-grid{grid-template-columns:minmax(0,1fr);} } @media (max-width:767px){ .map-figure-actions,.map-sideband-actions,.platform-dialog-actions{display:block;} .map-figure-actions .btn,.map-sideband-actions .btn,.platform-dialog-actions .btn{display:flex;width:100%;margin-bottom:10px !important;} .platform-dialog{padding:14px;} .platform-dialog-panel{padding:22px 18px 18px;border-radius:20px;} } @media print{ .platform-dialog,.map-figure-actions button,.map-sideband-actions button{display:none !important;} } .jump-strip{background:linear-gradient(180deg,rgba(6,18,34,.78),rgba(6,18,34,.9));border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12)} .jump-strip .sources-nav{margin:0;padding:18px 0 20px} .jump-strip .sources-nav a{background:rgba(255,255,255,.05)} .page-purpose-card .card-link-list{margin-top:14px} .page-purpose-card .card-link-list a{font-weight:600} .hero-split{ display:grid; grid-template-columns:minmax(0,7.5fr) minmax(300px,4.5fr); gap:28px; align-items:start; } .hero-main > *:last-child{ margin-bottom:0; } .hero-side{ display:flex; flex-direction:column; gap:16px; min-width:0; } .hero-side-card, .hero-kpi-card{ background:linear-gradient(180deg,rgba(12,26,48,.82),rgba(8,19,36,.96)); border:1px solid rgba(148,163,184,.2); border-radius:24px; box-shadow:0 20px 40px rgba(0,0,0,.18); padding:22px 22px 20px; color:#e6f0ff; } .hero-side-card .meta, .hero-kpi-card .meta{ font-size:11px; color:#9ab5d6; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:700; } .hero-side-card h3, .hero-kpi-card h3{ margin:0 0 10px; max-width:none; font-size:clamp(1.28rem,1.6vw,1.65rem) !important; } .hero-side-card p, .hero-kpi-card p, .hero-side-card li, .hero-kpi-card li{ color:#d7e7fb; font-size:14px; line-height:1.65; } .hero-route-list, .hero-fact-list{ list-style:none; padding:0; margin:0; } .hero-route-list li, .hero-fact-list li{ margin:0; border-top:1px solid rgba(148,163,184,.14); } .hero-route-list li:first-child, .hero-fact-list li:first-child{ border-top:0; } .hero-route-list a, .hero-fact-list a{ display:block; color:#ffffff; text-decoration:none; padding:12px 0; } .hero-route-list strong, .hero-fact-list strong{ display:block; font-size:14px; line-height:1.4; } .hero-route-list span, .hero-fact-list span{ display:block; margin-top:4px; font-size:13px; line-height:1.55; color:#c4d8f2; } .hero-route-list a:hover strong, .hero-route-list a:focus strong, .hero-fact-list a:hover strong, .hero-fact-list a:focus strong{ color:#8ee7ff; } .hero-kpi-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; align-items:stretch; } .hero-kpi-card{ min-width:0; overflow:hidden; } .hero-kpi-card .big{ display:block; font-size:clamp(1.9rem,3vw,2.65rem); line-height:.95; color:#ffffff; font-weight:800; margin-bottom:6px; } .hero-kpi-card .label{ display:block; min-width:0; color:#d7e7fb; font-weight:700; line-height:1.35; overflow-wrap:anywhere; } .hero-kpi-card .detail{ display:block; min-width:0; margin-top:8px; color:#9fc0e3; font-size:12px; line-height:1.55; overflow-wrap:anywhere; } .hero-actions-condensed{ display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:12px; margin-top:18px; } .hero-actions-condensed .btn{ display:flex; width:100%; min-height:52px; } .hero-utility-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .hero-utility-row a{ display:inline-flex; align-items:center; min-height:38px; padding:8px 12px; border-radius:999px; border:1px solid rgba(148,163,184,.2); background:rgba(255,255,255,.04); color:#fff; } .hero-utility-row a:hover, .hero-utility-row a:focus{ background:rgba(12,32,60,.88); color:#fff; } .route-note-card{ margin-top:28px; background:linear-gradient(180deg,rgba(14,27,48,.82),rgba(10,19,35,.95)); border:1px solid rgba(148,163,184,.18); border-radius:22px; padding:20px 22px; box-shadow:0 18px 34px rgba(0,0,0,.16); } .route-note-card .meta{ font-size:11px; color:#9ab5d6; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:700; } .route-note-card h3{ margin:0 0 8px; max-width:none; } .route-note-card p{ margin:0; color:#d7e7fb; } .page-purpose-card, .strip-card, .resource-card, .proof-card, .source-card, .claim-card, .tracker-card, .brief-card, .story-card, .standard-card, .download-card, .authority-card, .pack-card, .link-panel, .page-link-card, .metric-card, .chart-card, .feature-figure, .figure-panel, .callout, .proof-band{ min-height:100%; } .card-link-list, .link-row, .inline-cta-row, .source-chips{ margin-top:auto; } .card-link-list a, .link-row a, .inline-cta-row a{ word-break:normal; } .section-intro-tight{ max-width:70ch; color:#d7e7fb; margin:0 0 20px; } @media (max-width:1199px){ .hero-split{ grid-template-columns:minmax(0,1fr); } } @media (max-width:991px){ .hero-actions-condensed{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:767px){ .hero-actions-condensed, .hero-kpi-grid{ grid-template-columns:1fr; } .hero-utility-row{ display:block; } .hero-utility-row a{ display:flex; width:100%; justify-content:center; margin-bottom:10px; } } .hero-side-card, .hero-kpi-card{ background:linear-gradient(180deg,rgba(11,25,46,.9),rgba(7,17,33,.98)); } .hero-side-card p, .hero-side-card li, .hero-kpi-card p, .hero-kpi-card li, .page-purpose-card p, .page-purpose-card li, .authority-card p, .authority-card li, .strip-card p, .strip-card li, .pressure-route-card p, .pressure-route-card li, .pillar-card p, .pillar-card li, .pillar-card .checklist li{ font-size:15px; line-height:1.72; } .page-purpose-card, .authority-card, .strip-card, .pressure-route-card, .pillar-card{ padding:24px 24px 22px; } .page-purpose-card h3, .authority-card h3, .strip-card h3, .pressure-route-card h3, .pillar-card h3{ font-size:clamp(1.45rem,1.9vw,1.92rem) !important; line-height:1.2; } .hero-actions-condensed{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); max-width:860px; } .hero-actions-condensed .btn{ min-height:54px; } .hero-utility-row{ max-width:860px; } .hero-utility-row a{ min-height:40px; padding:9px 14px; font-weight:600; } .priority-card{ border-color:rgba(86,214,255,.32) !important; box-shadow:0 22px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03); background:linear-gradient(180deg,rgba(15,34,61,.92),rgba(9,20,37,.98)) !important; } .priority-card .meta{ color:#c8e8ff; } #how-to-use-home .page-purpose-card, #platform-fast-routes .page-purpose-card, #dashboard-quick-routes .authority-card, #overview .dashboard-summary-strip > *, #need-help-fast .pressure-route-card, #pillars .platform-grid-4 > .pillar-card{ grid-column:span 6; } #overview .dashboard-summary-strip, #dashboard-quick-routes .authority-grid, #how-to-use-home .page-purpose-strip, #platform-fast-routes .page-purpose-strip, #need-help-fast .pressure-route-grid{ gap:22px; } #overview .feature-stack-2{ margin-top:34px; gap:26px; } #how-to-use-home .route-note-card, #dashboard-quick-routes .route-note-card, #platform-fast-routes .route-note-card{ margin-top:32px; } #how-to-use-home .page-purpose-card .card-link-list, #platform-fast-routes .page-purpose-card .card-link-list, #dashboard-quick-routes .authority-card .link-row, #need-help-fast .pressure-route-card .link-row{ margin-top:16px; } #pillars .platform-grid-4{ margin-top:28px; } #pillars .pillar-card.priority-card .pillar-number, #pillars .pillar-card.priority-card h3{ color:#ffffff; } #pillars .pillar-card .checklist{ margin-bottom:0; } @media (max-width:1199px){ .hero-actions-condensed{ max-width:none; } } @media (max-width:991px){ #how-to-use-home .page-purpose-card, #platform-fast-routes .page-purpose-card, #dashboard-quick-routes .authority-card, #overview .dashboard-summary-strip > *, #need-help-fast .pressure-route-card, #pillars .platform-grid-4 > .pillar-card{ grid-column:span 12; } } :root{scroll-padding-top:90px;} .page-jump-strip{ position:relative; z-index:8; background:linear-gradient(180deg,rgba(6,18,34,.94),rgba(5,17,31,.98)); border-top:1px solid rgba(148,163,184,.12); border-bottom:1px solid rgba(148,163,184,.12); } .page-jump-nav{ display:flex; flex-wrap:wrap; gap:10px; padding:16px 0 18px; } .page-jump-nav a{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.04); color:#fff; font-size:13px; font-weight:700; letter-spacing:.01em; } .page-jump-nav a:hover, .page-jump-nav a:focus, .page-jump-nav a.is-active{ background:linear-gradient(90deg,rgba(47,111,255,.28),rgba(86,214,255,.2)); border-color:rgba(86,214,255,.4); color:#fff; } @media (min-width:992px){ .page-jump-strip{ position:sticky; top:0; backdrop-filter:blur(6px); } } .page-jump-shell{ display:flex; align-items:center; justify-content:space-between; gap:16px; } .page-jump-status{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.05); color:#dce9fb; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; } .page-jump-status strong{ color:#ffffff; font-weight:800; margin-left:6px; letter-spacing:.01em; text-transform:none; } .page-jump-nav a.is-active{ box-shadow:0 12px 28px rgba(4,16,34,.18); } @media (max-width:767px){ .page-jump-shell{ display:block; } .page-jump-status{ display:inline-flex; margin-top:14px; } .page-jump-nav{ flex-wrap:nowrap; overflow:auto; padding-bottom:14px; } .page-jump-nav a{ flex:0 0 auto; white-space:nowrap; } } #take-flagship .pack-grid, #carry-platform .pack-grid, #carry-proof .pack-grid, #carry-tracker .pack-grid, #carry-standards .pack-grid, #carry-about .pack-grid, #carry-intake .pack-grid{ margin-top:22px; } #take-flagship .route-note-card, #carry-platform .route-note-card, #carry-proof .route-note-card, #carry-tracker .route-note-card, #carry-standards .route-note-card, #carry-about .route-note-card, #carry-intake .route-note-card{ margin-top:24px; } #take-flagship .pack-card, #carry-platform .pack-card, #carry-proof .pack-card, #carry-tracker .pack-card, #carry-standards .pack-card, #carry-about .pack-card, #carry-intake .pack-card{ min-height:100%; } .quick-help-strip{background:linear-gradient(180deg,rgba(4,18,34,.97),rgba(5,19,36,.94));border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12);} .quick-help-inner{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(0,2fr);gap:22px;align-items:center;padding:20px 0 22px;} .quick-help-kicker{display:inline-block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6fe7ff;} .quick-help-copy h2{font-size:26px;line-height:1.12;margin:0 0 8px;} .quick-help-copy p{margin:0;max-width:760px;color:#d6e5fb;} .quick-help-links{display:flex;flex-wrap:wrap;gap:10px;} .quick-help-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.05);color:#fff;font-size:13px;font-weight:700;line-height:1.2;} .quick-help-chip:hover,.quick-help-chip:focus{color:#fff;background:linear-gradient(90deg,rgba(47,111,255,.3),rgba(86,214,255,.22));border-color:rgba(86,214,255,.45);} .quick-help-chip.urgent{background:linear-gradient(90deg,rgba(47,111,255,.34),rgba(86,214,255,.22));border-color:rgba(111,231,255,.55);} .footer-shell{display:grid;gap:24px;} .footer-lead p{max-width:880px;} .footer-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;} .footer-nav-card{padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(10,25,48,.78),rgba(6,18,36,.9));box-shadow:0 18px 40px rgba(0,0,0,.18);} .footer-nav-card .meta{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6fe7ff;margin-bottom:8px;} .footer-nav-card h3{font-size:19px;line-height:1.25;margin:0 0 12px;} .footer-link-list{list-style:none;padding:0;margin:0;} .footer-link-list li+li{margin-top:7px;} .footer-link-list a{color:#eef4ff;} .footer-bottom-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-top:4px;border-top:1px solid rgba(148,163,184,.12);} .footer-bottom-row p{margin:0;color:#dce9ff;} #take-with-you .route-note-card,#portable-packs .route-note-card,#take-flagship .route-note-card{margin-top:24px;} #use-fast .authority-grid,#family-packets .pack-grid,#proof-packets .pack-grid,#initiative-packets .pack-grid,#public-use-tools .pack-grid{margin-top:24px;} @media (max-width:1199px){.footer-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.quick-help-inner{grid-template-columns:1fr;}} @media (max-width:767px){.quick-help-inner{padding:18px 0 20px;}.quick-help-links{overflow:auto;flex-wrap:nowrap;padding-bottom:4px;}.quick-help-chip{flex:0 0 auto;white-space:nowrap;}.footer-nav-grid{grid-template-columns:1fr;}.footer-bottom-row{flex-direction:column;}} .situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;} .situation-grid-tight{margin-top:18px;} .situation-card,.timeline-check-card,.paper-sort-card{padding:24px 24px 22px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(12,29,54,.82),rgba(8,19,37,.96));box-shadow:0 18px 42px rgba(0,0,0,.18);min-height:100%;} .situation-card h3,.timeline-check-card h3,.paper-sort-card h3{font-size:1.52rem;line-height:1.22;margin:0 0 10px;color:#fff;} .situation-card p,.timeline-check-card p,.paper-sort-card p{font-size:15px;line-height:1.72;color:#dbe8fd;} .timeline-check-grid,.paper-sort-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px;} .paper-sort-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .checklist-list{padding-left:18px;margin:0;} .checklist-list li{margin-bottom:9px;color:#dbe8fd;line-height:1.68;} .paper-sort-card .step{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(90deg,rgba(47,111,255,.7),rgba(86,214,255,.52));color:#fff;font-weight:800;margin-bottom:12px;} #first-step-packets .pack-grid,#take-with-you .pack-grid{margin-top:24px;} #paper-sort .link-row,#use-fast .route-note-card,#take-with-you .route-note-card{margin-top:24px;} @media (max-width:991px){.situation-grid,.timeline-check-grid,.paper-sort-grid{grid-template-columns:1fr;}} .filter-panel{margin-top:20px;padding:18px 20px;border-radius:20px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(11,27,52,.88),rgba(9,21,40,.9));box-shadow:0 18px 44px rgba(0,0,0,.18);} .filter-chip-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;} .filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.05);color:#eef4ff;font-size:13px;font-weight:800;line-height:1.15;transition:all .2s ease;} .filter-chip:hover,.filter-chip:focus,.filter-chip.active{background:linear-gradient(90deg,rgba(47,111,255,.36),rgba(86,214,255,.24));border-color:rgba(111,231,255,.5);color:#fff;outline:none;} .pack-card.is-hidden,.section.is-hidden{display:none!important;} .audience-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;} .audience-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));} .audience-card,.audience-panel{background:linear-gradient(180deg,rgba(11,27,52,.88),rgba(9,21,40,.9));border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.18);height:100%;} .audience-card h3,.audience-panel h3{margin-top:4px;margin-bottom:10px;font-size:24px;line-height:1.18;} .audience-layout{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:22px;margin-top:24px;align-items:start;} .read-order-list{padding-left:20px;margin:0;} .read-order-list li{margin-bottom:10px;color:#d6e5fb;} @media (max-width:1199px){.audience-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.audience-layout{grid-template-columns:1fr;}} @media (max-width:767px){.filter-chip-bar{overflow:auto;flex-wrap:nowrap;padding-bottom:4px;}.filter-chip{flex:0 0 auto;white-space:nowrap;}.audience-grid,.audience-grid-4{grid-template-columns:1fr;}} .glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.glossary-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(13,24,45,.92));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.18)}.glossary-card h3{font-size:24px;line-height:1.22;margin:4px 0 10px}.glossary-card .meta{display:inline-block;margin-bottom:8px}.paper-sort-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.paper-sort-card{background:linear-gradient(180deg,rgba(16,29,54,.8),rgba(13,24,45,.92));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:24px;position:relative;min-height:220px;box-shadow:0 18px 48px rgba(0,0,0,.18)}.paper-sort-card .step{width:34px;height:34px;border-radius:999px;background:rgba(86,214,255,.16);border:1px solid rgba(86,214,255,.32);display:flex;align-items:center;justify-content:center;font-weight:700;color:#dff6ff;margin-bottom:14px}.hero-utility-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-utility-row a{color:#dff3ff;text-decoration:none;border-bottom:1px solid rgba(223,243,255,.25);padding-bottom:2px}.hero-utility-row a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.55)}@media (max-width:991px){.glossary-grid,.paper-sort-grid{grid-template-columns:1fr}} .directory-panel{margin-top:18px;padding:22px;border-radius:20px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(12,29,54,.82),rgba(8,19,37,.96));box-shadow:0 18px 48px rgba(0,0,0,.18)} .directory-search-input{display:block;width:100%;margin:10px 0 14px;padding:16px 18px;border-radius:16px;border:1px solid rgba(86,214,255,.22);background:rgba(3,15,31,.82);color:#f4f8ff;font-size:16px;line-height:1.4} .directory-search-input:focus{outline:none;border-color:rgba(86,214,255,.62);box-shadow:0 0 0 3px rgba(86,214,255,.12)} .directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px} .directory-card{padding:24px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(13,24,45,.92));box-shadow:0 18px 48px rgba(0,0,0,.18)} .directory-card h3{font-size:1.5rem;line-height:1.22;margin:4px 0 10px;color:#fff} .directory-card p{font-size:15px;line-height:1.72;color:#dbe8fd} .directory-chip-bar{margin-top:2px} .directory-count{margin:12px 0 0;color:#d8e7fb} .directory-empty{margin-top:18px;padding:18px 20px;border-radius:18px;border:1px dashed rgba(148,163,184,.28);background:rgba(255,255,255,.03);color:#dff2ff} #search-tool .card-link-list,#use-fast .card-link-list,#by-moment .card-link-list{margin-top:14px} #carry-search .pack-grid,#carry-week .pack-grid{margin-top:24px} #day-of .paper-sort-grid{margin-top:22px} @media (max-width:991px){.directory-grid{grid-template-columns:1fr}} .safety-ribbon{position:relative;z-index:12;background:linear-gradient(90deg,rgba(10,26,48,.98),rgba(13,36,62,.96));border-bottom:1px solid rgba(111,231,255,.28);box-shadow:0 8px 24px rgba(0,0,0,.18);} .safety-ribbon-inner{display:grid;grid-template-columns:minmax(0,1.8fr) auto;gap:18px;align-items:center;padding:12px 0;} .safety-ribbon-copy{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;color:#eff6ff;font-size:14px;line-height:1.45;} .safety-ribbon-kicker{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;background:rgba(111,231,255,.16);border:1px solid rgba(111,231,255,.35);color:#b6f5ff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;} .safety-ribbon-copy strong{font-size:15px;letter-spacing:.01em;} .safety-ribbon-copy span:last-child{color:#d9e7fb;} .safety-ribbon-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;} .navbar-nav>li.nav-priority>a, .navbar-nav>li>a.nav-priority-link{background:linear-gradient(90deg,rgba(47,111,255,.26),rgba(86,214,255,.22));border:1px solid rgba(111,231,255,.45);border-radius:999px;color:#fff!important;font-weight:800;padding:8px 14px!important;margin-top:6px;margin-bottom:6px;box-shadow:0 10px 24px rgba(10,26,48,.22);} .navbar-nav>li.nav-priority>a:hover, .navbar-nav>li>a.nav-priority-link:hover, .navbar-nav>li.nav-priority>a:focus, .navbar-nav>li>a.nav-priority-link:focus{background:linear-gradient(90deg,rgba(47,111,255,.38),rgba(86,214,255,.3));color:#fff!important;} .platform-rail a.rail-priority{background:linear-gradient(90deg,rgba(47,111,255,.36),rgba(86,214,255,.24));border-color:rgba(111,231,255,.6);color:#fff;box-shadow:0 10px 24px rgba(5,19,36,.18);} .platform-rail a.rail-priority:hover,.platform-rail a.rail-priority:focus,.platform-rail a.rail-priority.rail-current{background:linear-gradient(90deg,rgba(47,111,255,.48),rgba(86,214,255,.34));border-color:rgba(111,231,255,.7);color:#fff;} .site-intent-strip .intent-urgent{background:linear-gradient(90deg,rgba(47,111,255,.3),rgba(86,214,255,.22));border-color:rgba(111,231,255,.5);color:#fff;} .site-intent-strip .intent-urgent:hover,.site-intent-strip .intent-urgent:focus{background:linear-gradient(90deg,rgba(47,111,255,.42),rgba(86,214,255,.3));color:#fff;} .quick-help-chip.priority{font-size:14px;padding-left:16px;padding-right:16px;box-shadow:0 10px 24px rgba(5,19,36,.18);} .footer-link-list li:first-child a{color:#fff;font-weight:800;} @media (max-width:991px){.safety-ribbon-inner{grid-template-columns:1fr;}.safety-ribbon-actions{justify-content:flex-start;}} @media (max-width:767px){.safety-ribbon-inner{padding:12px 0 14px;}.safety-ribbon-copy{display:block;}.safety-ribbon-copy strong,.safety-ribbon-copy span:last-child{display:block;margin-top:6px;}.navbar-nav>li.nav-priority>a,.navbar-nav>li>a.nav-priority-link{display:inline-block;}} .page-identity-band{ padding:36px 0 34px; border-top:1px solid rgba(148,163,184,.12); border-bottom:1px solid rgba(148,163,184,.12); background:linear-gradient(180deg,rgba(5,18,33,.98),rgba(6,19,35,.94)); } .breadcrumb-trail{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 18px; color:#d9e7fb; font-size:12px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; } .breadcrumb-trail a{ color:#bfe8ff; } .crumb-sep{ color:rgba(191,208,234,.52); } .crumb-current{ color:#fff; } .identity-shell{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.55fr); gap:22px; align-items:start; } .identity-copy{ background:linear-gradient(180deg,rgba(12,29,53,.78),rgba(9,21,39,.92)); border:1px solid rgba(148,163,184,.18); border-radius:22px; padding:22px 22px 20px; box-shadow:0 18px 36px rgba(0,0,0,.16); } .identity-copy h2{ max-width:15ch; margin-bottom:10px; } .identity-intro{ color:#d7e6fb; margin-bottom:0; } .identity-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; } .identity-card{ grid-column:span 6; background:linear-gradient(180deg,rgba(14,27,48,.82),rgba(10,19,35,.95)); border:1px solid rgba(148,163,184,.18); border-radius:20px; padding:18px 18px 16px; box-shadow:0 18px 34px rgba(0,0,0,.16); min-width:0; } .identity-card .meta{ font-size:11px; color:#9ab5d6; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:700; } .identity-card h3{ margin:0 0 8px; max-width:none; } .identity-card p{ margin:0; color:#cbdcf3; font-size:14px; } @media (max-width:991px){ .identity-shell{grid-template-columns:1fr;} } @media (max-width:767px){ .page-identity-band{padding:28px 0 26px;} .identity-card{grid-column:span 12;} .breadcrumb-trail{font-size:11px;} } .page-jump-shell{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; } .page-jump-progress{ grid-column:1 / -1; position:relative; height:4px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.03); } .page-jump-progress::after{ content:''; position:absolute; inset:0 auto 0 0; width:var(--page-progress, 0%); border-radius:inherit; background:linear-gradient(90deg,rgba(86,214,255,.95),rgba(47,111,255,.9)); box-shadow:0 0 24px rgba(86,214,255,.28); transition:width .18s ease; } .page-jump-status{ justify-self:end; background:rgba(255,255,255,.06); } .page-jump-status .progress-metric{ margin-left:8px; padding-left:8px; border-left:1px solid rgba(148,163,184,.24); color:#9fdfff; font-weight:800; } .quick-help-chip.is-current, .site-intent-strip a.intent-current, .footer-link-list a.is-current, .footer-bottom-row a.is-current, .sources-nav a.is-current, .hero-utility-row a.is-current{ color:#fff !important; } .quick-help-chip.is-current, .site-intent-strip a.intent-current{ background:linear-gradient(90deg,rgba(47,111,255,.4),rgba(86,214,255,.28)); border-color:rgba(111,231,255,.62); box-shadow:0 12px 26px rgba(4,16,34,.22); } .footer-link-list a, .footer-bottom-row a, .sources-nav a, .hero-utility-row a{ transition:color .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } .footer-link-list a.is-current, .footer-bottom-row a.is-current{ text-decoration:underline; text-decoration-color:rgba(111,231,255,.62); text-underline-offset:4px; font-weight:700; } .sources-nav a.is-current, .hero-utility-row a.is-current{ border-bottom-color:rgba(255,255,255,.82); } .back-to-top{ position:fixed; right:20px; bottom:20px; z-index:1060; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 14px; border-radius:999px; border:1px solid rgba(111,231,255,.42); background:linear-gradient(180deg,rgba(8,23,45,.96),rgba(4,16,34,.98)); color:#fff; font-size:13px; font-weight:800; letter-spacing:.02em; box-shadow:0 18px 40px rgba(0,0,0,.24); opacity:0; transform:translateY(14px); pointer-events:none; transition:opacity .18s ease, transform .18s ease, background-color .18s ease, border-color .18s ease; } .back-to-top:hover, .back-to-top:focus{ color:#fff; background:linear-gradient(180deg,rgba(14,34,62,.98),rgba(6,22,42,1)); } .back-to-top.is-visible{ opacity:1; transform:translateY(0); pointer-events:auto; } @media (max-width:767px){ .page-jump-shell{ grid-template-columns:1fr; } .page-jump-progress{ order:2; } .page-jump-status{ justify-self:start; order:3; } .back-to-top{ right:14px; bottom:14px; } } @media print{ .back-to-top, .page-jump-progress{ display:none !important; } } .lane-companion-strip{ padding:34px 0 30px; border-top:1px solid rgba(148,163,184,.10); border-bottom:1px solid rgba(148,163,184,.10); background:linear-gradient(180deg,rgba(4,16,30,.94),rgba(7,22,38,.90)); } .lane-companion-head{ max-width:760px; margin-bottom:18px; } .lane-companion-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; } .lane-companion-card{ grid-column:span 3; min-width:0; display:flex; flex-direction:column; gap:10px; padding:18px 18px 16px; border-radius:20px; border:1px solid rgba(148,163,184,.16); background:linear-gradient(180deg,rgba(13,27,47,.82),rgba(9,20,36,.96)); box-shadow:0 18px 34px rgba(0,0,0,.16); } .lane-companion-card .meta{ margin-bottom:0; } .lane-companion-card h3{ margin:0; font-size:20px; } .lane-companion-card p{ margin:0; color:#cbdcf3; font-size:14px; flex:1; } .lane-companion-link{ display:inline-flex; align-items:center; gap:8px; color:#bfe8ff; font-weight:700; } .lane-companion-link::after{ content:'→'; font-size:15px; } .contextual-strip .page-purpose-card{ position:relative; padding-top:20px; } .contextual-strip .page-purpose-card::before{ content:''; position:absolute; inset:0 auto auto 0; width:72px; height:3px; border-radius:999px; background:linear-gradient(90deg,rgba(86,214,255,.95),rgba(47,111,255,.85)); box-shadow:0 0 20px rgba(86,214,255,.22); } .contextual-strip .page-purpose-card h3{ max-width:17ch; } .contextual-strip .page-purpose-card p{ min-height:72px; } @media (max-width:1199px){ .lane-companion-card{grid-column:span 6;} } @media (max-width:767px){ .lane-companion-strip{padding:28px 0 24px;} .lane-companion-grid{gap:14px;} .lane-companion-card{grid-column:span 12;} .contextual-strip .page-purpose-card p{min-height:0;} } .section-heading-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .section-heading-row > h2, .section-heading-row > h3{ margin-bottom:0; } .section-anchor-button{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.05); color:#d9ebff; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; transition:all .18s ease; } .section-anchor-button::before{ content:'#'; color:#74ddff; font-size:13px; } .section-anchor-button:hover, .section-anchor-button:focus{ background:rgba(86,214,255,.14); border-color:rgba(86,214,255,.34); color:#fff; transform:translateY(-1px); } .section-anchor-button.is-copied{ background:rgba(76,175,80,.16); border-color:rgba(110,231,183,.4); color:#f4fffb; } .section-anchor-focus{ position:relative; } .section-anchor-focus::after{ content:''; position:absolute; inset:10px; border-radius:24px; border:1px solid rgba(86,214,255,.18); box-shadow:0 0 0 1px rgba(86,214,255,.10),0 0 28px rgba(86,214,255,.10); pointer-events:none; } .route-finder-trigger, .route-finder-footer-link{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.05); color:#dcebff; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; transition:all .18s ease; } .route-finder-trigger::before, .route-finder-footer-link::before{ content:'⌘'; font-size:13px; color:#7cdfff; } .route-finder-trigger:hover, .route-finder-trigger:focus, .route-finder-footer-link:hover, .route-finder-footer-link:focus{ background:rgba(86,214,255,.16); border-color:rgba(86,214,255,.35); color:#fff; } .route-finder-footer-link{ margin-left:10px; } .route-finder-panel{ width:min(1120px,100%); } .route-finder-header p strong{ color:#fff; } .route-finder-controls{ margin-top:16px; } .route-finder-input{ width:100%; padding:16px 18px; border-radius:18px; border:1px solid rgba(148,163,184,.18); background:rgba(5,16,31,.88); color:#fff; font-size:16px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); } .route-finder-input::placeholder{ color:#9fbbdb; } .route-finder-input:focus{ outline:none; border-color:rgba(86,214,255,.38); box-shadow:0 0 0 3px rgba(86,214,255,.12); } .route-finder-filter{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .route-chip{ padding:9px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.2); background:rgba(255,255,255,.04); color:#d5e6fb; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; } .route-chip.active, .route-chip:hover, .route-chip:focus{ background:linear-gradient(90deg,rgba(47,111,255,.26),rgba(86,214,255,.2)); border-color:rgba(86,214,255,.34); color:#fff; } .route-finder-count{ margin:14px 0 0; color:#c0d7f3; font-size:14px; } .route-finder-results{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:18px; } .route-result-card{ display:flex; flex-direction:column; gap:10px; min-width:0; padding:18px 18px 16px; border-radius:22px; border:1px solid rgba(148,163,184,.16); background:linear-gradient(180deg,rgba(14,29,53,.84),rgba(8,18,33,.96)); box-shadow:0 18px 36px rgba(0,0,0,.18); transition:transform .18s ease,border-color .18s ease,background .18s ease; } .route-result-card:hover, .route-result-card:focus{ transform:translateY(-2px); border-color:rgba(86,214,255,.32); background:linear-gradient(180deg,rgba(18,36,63,.9),rgba(10,22,41,.98)); color:#fff; } .route-result-meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; } .route-result-type, .route-result-open{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.05); color:#d6e7fb; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; } .route-result-open{ color:#bfe8ff; } .route-result-card h3{ margin:0; font-size:24px; line-height:1.15; } .route-result-card p{ margin:0; color:#c8daef; font-size:15px; } .route-empty-state{ grid-column:1 / -1; padding:22px 20px; border-radius:20px; border:1px dashed rgba(148,163,184,.2); background:rgba(255,255,255,.03); } .route-empty-state h3{ margin:0 0 8px; } .route-empty-state p{ margin:0; } @media (max-width:991px){ .route-finder-results{grid-template-columns:minmax(0,1fr);} .route-finder-trigger{margin-top:10px;} } @media (max-width:767px){ .section-heading-row{display:block;} .section-anchor-button{margin-top:12px;} .route-finder-trigger, .route-finder-footer-link{width:100%;justify-content:center;} .route-finder-footer-link{margin-left:0;margin-top:10px;} .route-finder-input{font-size:15px;padding:14px 15px;} .route-result-card{padding:16px 16px 15px;} .route-result-card h3{font-size:21px;} } .section .container > .kicker + h2 + p, .section .container > .kicker + .section-heading-row + p, .section .container > .kicker + h2 + .small-note, .page-identity-band .container > p, .lane-companion-head p{ max-width:74ch; color:#d9e8fb; font-size:16px; line-height:1.78; } .page-purpose-card, .authority-card, .pack-card, .ladder-card, .lane-companion-card, .directory-card, .glossary-card, .situation-card, .timeline-check-card, .paper-sort-card, .proof-card, .brief-card, .standard-card, .tracker-card, .resource-card, .audience-card, .finder-card, .footer-nav-card, .route-note-card, .hub-authority-card, .pillar-card, .chart-card, .download-card, .source-card{ display:flex; flex-direction:column; gap:10px; } .page-purpose-card .card-link-list, .authority-card .card-link-list, .pack-card .card-link-list, .ladder-card .card-link-list, .directory-card .card-link-list, .glossary-card .card-link-list, .situation-card .card-link-list, .timeline-check-card .card-link-list, .paper-sort-card .card-link-list, .proof-card .source-chips, .brief-card .link-row, .standard-card .link-row, .tracker-card .link-row, .resource-card .link-row, .audience-card .link-row, .finder-card .link-row, .route-note-card .link-row, .hub-authority-card .link-row, .pillar-card .link-row, .chart-card .link-row, .download-card .link-row, .source-card .source-chips, .page-purpose-card .link-row, .authority-card .link-row, .pack-card .link-row, .ladder-card .link-row, .inline-cta-row, .hero-utility-row, .status-chip-row{ margin-top:auto; } .page-purpose-card, .authority-card, .pack-card, .ladder-card, .lane-companion-card, .directory-card, .glossary-card, .situation-card, .timeline-check-card, .paper-sort-card, .proof-card, .brief-card, .standard-card, .tracker-card, .resource-card, .audience-card, .finder-card, .footer-nav-card, .route-note-card, .hub-authority-card, .pillar-card, .chart-card, .download-card, .source-card{ transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .page-purpose-card:hover, .authority-card:hover, .pack-card:hover, .ladder-card:hover, .lane-companion-card:hover, .directory-card:hover, .glossary-card:hover, .situation-card:hover, .timeline-check-card:hover, .paper-sort-card:hover, .proof-card:hover, .brief-card:hover, .standard-card:hover, .tracker-card:hover, .resource-card:hover, .audience-card:hover, .finder-card:hover, .footer-nav-card:hover, .route-note-card:hover, .hub-authority-card:hover, .pillar-card:hover, .chart-card:hover, .download-card:hover, .source-card:hover{ transform:translateY(-2px); border-color:rgba(111,231,255,.28); box-shadow:0 22px 44px rgba(0,0,0,.2); } .adaptive-cluster{ position:relative; } .adaptive-cluster.cluster-collapsed{ padding-bottom:2px; } .adaptive-cluster .cluster-hidden{ display:none !important; } .cluster-toggle-row{ display:flex; justify-content:flex-start; padding:8px 0 0; } .quick-help-strip .cluster-toggle-row, .site-intent-strip .cluster-toggle-row, .platform-rail .cluster-toggle-row{ padding-top:10px; } .cluster-toggle{ display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:8px 12px; border-radius:999px; border:1px solid rgba(148,163,184,.2); background:rgba(255,255,255,.04); color:#d9ebff; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; transition:all .18s ease; } .cluster-toggle::after{ content:'+'; font-size:14px; color:#7fe3ff; } .adaptive-cluster.cluster-expanded + .cluster-toggle-row .cluster-toggle::after{ content:'−'; } .cluster-toggle:hover, .cluster-toggle:focus{ background:rgba(86,214,255,.14); border-color:rgba(86,214,255,.34); color:#fff; } .site-intent-strip .cluster-toggle, .platform-rail .cluster-toggle, .quick-help-strip .cluster-toggle{ background:rgba(255,255,255,.05); } .lane-companion-strip .cluster-toggle-row{ padding-top:14px; } @media (max-width:767px){ .cluster-toggle-row{padding-top:8px;} .cluster-toggle{width:100%;justify-content:center;} .section .container > .kicker + h2 + p, .section .container > .kicker + .section-heading-row + p, .page-identity-band .container > p, .lane-companion-head p{font-size:15px;line-height:1.72;} } .page-toolkit-wrap{margin-top:22px;padding-top:20px;border-top:1px solid rgba(148,163,184,.18)} .page-toolkit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px} .page-toolkit-head h3{margin:0;font-size:22px;line-height:1.2;color:#f8fbff} .page-toolkit-head p{margin:6px 0 0;color:#cfe0f3;max-width:760px} .page-toolkit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px} .page-toolkit-card{display:flex;flex-direction:column;justify-content:space-between;min-height:164px;padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(17,29,53,.82),rgba(11,20,39,.94));border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 48px rgba(0,0,0,.18)} .page-toolkit-card h4{margin:6px 0 10px;font-size:20px;line-height:1.24;color:#f8fbff} .page-toolkit-card p{margin:0 0 14px;color:#d7e6f5;max-width:34ch} .page-toolkit-card .meta{display:inline-flex;align-self:flex-start} .page-toolkit-card a,.page-toolkit-card button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(148,163,184,.26);background:rgba(15,23,42,.55);color:#f8fbff;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:none} .page-toolkit-card a:hover,.page-toolkit-card a:focus,.page-toolkit-card button:hover,.page-toolkit-card button:focus{background:rgba(59,130,246,.18);border-color:rgba(147,197,253,.55);transform:translateY(-1px);box-shadow:0 12px 30px rgba(37,99,235,.16);outline:none} .page-toolkit-card button.is-copied{background:rgba(16,185,129,.18);border-color:rgba(110,231,183,.45);color:#ecfdf5} .page-toolkit-card.is-accent{background:linear-gradient(180deg,rgba(18,39,67,.88),rgba(10,21,42,.95));border-color:rgba(96,165,250,.24)} .page-toolkit-card.is-route{background:linear-gradient(180deg,rgba(16,37,52,.88),rgba(9,20,34,.95));border-color:rgba(103,232,249,.18)} .page-toolkit-card.is-print{background:linear-gradient(180deg,rgba(31,41,55,.88),rgba(15,23,42,.96));border-color:rgba(148,163,184,.2)} .page-toolkit-card.is-share{background:linear-gradient(180deg,rgba(24,24,52,.88),rgba(12,16,33,.95));border-color:rgba(167,139,250,.2)} .page-toolkit-card.is-focus{background:linear-gradient(180deg,rgba(18,35,48,.88),rgba(7,18,31,.96));border-color:rgba(103,232,249,.22)} @media (max-width:1199px){.page-toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:767px){.page-toolkit-head{display:block}.page-toolkit-grid{grid-template-columns:1fr}.page-toolkit-card{min-height:auto}} .skim-panel{margin-top:22px;padding:22px;border-radius:22px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(8,22,39,.86),rgba(5,16,30,.96));box-shadow:0 20px 40px rgba(0,0,0,.16)} .skim-panel-head{max-width:860px;margin-bottom:16px} .skim-panel-head h3{margin:4px 0 8px;font-size:26px;line-height:1.18;color:#f8fbff} .skim-panel-head p{margin:0;color:#d5e6f7;max-width:72ch} .skim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .skim-card{padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(13,28,49,.86),rgba(8,18,33,.96));box-shadow:0 12px 26px rgba(0,0,0,.12)} .skim-card h4{margin:6px 0 10px;font-size:20px;line-height:1.24;color:#f8fbff} .skim-card p{margin:0;color:#d5e6f7;max-width:34ch} .skim-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.14)} .skim-panel-foot p{margin:0;color:#c3d6eb;max-width:60ch} .skim-panel-foot button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:rgba(15,23,42,.5);color:#f8fbff;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease} .skim-panel-foot button:hover,.skim-panel-foot button:focus{background:rgba(59,130,246,.18);border-color:rgba(147,197,253,.55);transform:translateY(-1px);outline:none} html.reading-mode .platform-rail, html.reading-mode .site-intent-strip, html.reading-mode .quick-help-strip, html.reading-mode .lane-companion-strip, html.reading-mode .continue-strip, html.reading-mode footer.footer, html.reading-mode .page-hero .hero-utility-row, html.reading-mode .page-hero .sources-nav{display:none !important} html.reading-mode .page-hero{padding-bottom:44px} html.reading-mode .page-identity-band{padding-top:28px} html.reading-mode .page-jump-strip{box-shadow:0 8px 22px rgba(0,0,0,.16)} html.reading-mode .back-to-top{bottom:14px} @media (max-width:1199px){.skim-grid{grid-template-columns:1fr}.skim-panel-foot{display:block}.skim-panel-foot p{margin-top:10px}} :root{ --focus-ring:#7fe3ff; --focus-shadow:0 0 0 3px rgba(127,227,255,.18),0 0 0 1px rgba(127,227,255,.56); } html{ -webkit-text-size-adjust:100%; } body{ line-height:1.62; } a,button,input,select,textarea,[role="button"]{ transition:border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [role="button"]:focus-visible, .navbar-nav>li>a:focus-visible, .page-jump-nav a:focus-visible, .quick-help-chip:focus-visible, .filter-chip:focus-visible, .finder-chip:focus-visible, .route-chip:focus-visible, .cluster-toggle:focus-visible{ outline:none; box-shadow:var(--focus-shadow) !important; border-color:rgba(127,227,255,.72) !important; } .btn:focus-visible{ outline:none; box-shadow:var(--focus-shadow) !important; } .page-toolkit-card a, .page-toolkit-card button, .skim-panel-foot button, .route-finder-trigger, .route-finder-footer-link, .copy-anchor-link, button[data-exit-reading]{ background:linear-gradient(180deg,#f8fbff,#e5eef8) !important; color:#08203b !important; border-color:rgba(191,219,254,.78) !important; box-shadow:0 12px 30px rgba(2,8,23,.2) !important; text-shadow:none !important; } .page-toolkit-card a:hover, .page-toolkit-card a:focus, .page-toolkit-card button:hover, .page-toolkit-card button:focus, .skim-panel-foot button:hover, .skim-panel-foot button:focus, .route-finder-trigger:hover, .route-finder-trigger:focus, .route-finder-footer-link:hover, .route-finder-footer-link:focus, .copy-anchor-link:hover, .copy-anchor-link:focus, button[data-exit-reading]:hover, button[data-exit-reading]:focus{ background:linear-gradient(180deg,#ffffff,#eef6ff) !important; color:#041226 !important; border-color:rgba(127,227,255,.84) !important; } .page-toolkit-card button.is-copied, .page-toolkit-card [aria-pressed="true"], button[data-exit-reading].is-active{ background:linear-gradient(180deg,#c4f6ff,#8eeaff) !important; color:#06233d !important; border-color:rgba(111,231,255,.94) !important; } .page-toolkit-card button[disabled], .skim-panel-foot button[disabled]{ opacity:1; color:#4b5563 !important; background:linear-gradient(180deg,#dbe5ef,#cfd8e3) !important; } .hero .sources-nav, .page-hero .sources-nav, .hero-utility-row, .page-jump-nav, .platform-rail-inner, .site-intent-inner, .quick-help-links, .footer-bottom-row p:last-child{ row-gap:10px; } .hero-utility-row a, .sources-nav a, .platform-rail a, .site-intent-strip a, .quick-help-chip, .page-jump-nav a, .lane-companion-link, .card-link-list a, .footer-link-list a, .footer-bottom-row a{ text-underline-offset:2px; } .hero-utility-row a:hover, .sources-nav a:hover, .lane-companion-link:hover, .card-link-list a:hover, .footer-link-list a:hover, .footer-bottom-row a:hover{ text-decoration:underline; } .hero-actions-condensed, .page-hero .hero-actions-condensed{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; } .hero-actions-condensed .btn, .page-hero .hero-actions-condensed .btn{ margin:0 !important; } .hero-side-card, .page-toolkit-card, .skim-card, .identity-card, .page-purpose-card, .lane-companion-card, .pack-card, .authority-card, .directory-card, .route-note-card, .dashboard-scan-card, .official-trust-card, .proof-protocol-card, .stress-use-card, .filing-route-card, .home-front-door-card, .packet-use-card{ border:1px solid rgba(148,163,184,.16); background:linear-gradient(180deg,rgba(12,26,47,.9),rgba(8,18,33,.97)); box-shadow:0 18px 42px rgba(0,0,0,.16); } .page-identity-band, .lane-companion-strip, .continue-strip, .home-front-door-strip, .stress-use-strip, .dashboard-scan-strip, .official-trust-strip, .proof-protocol-strip, .packet-use-strip{ border-top:1px solid rgba(148,163,184,.12); border-bottom:1px solid rgba(148,163,184,.1); } .page-identity-band .identity-intro, .section-intro, .read-order-note, .route-note-card p, .hero-route-list span, .page-toolkit-head p, .skim-panel-head p{ font-size:17px; line-height:1.72; color:#d8e7f8; } .read-order-note, .section-intro{ max-width:74ch; } .page-identity-band .kicker, .lane-companion-head .kicker, .page-toolkit-head .kicker, .skim-panel-head .kicker, .home-front-door-strip .kicker, .stress-use-strip .kicker, .dashboard-scan-strip .kicker, .official-trust-strip .kicker, .proof-protocol-strip .kicker, .packet-use-strip .kicker{ color:#8cecff; } .breadcrumb-trail, .page-jump-strip, .platform-rail, .site-intent-strip, .quick-help-strip{ scroll-margin-top:92px; } .home-front-door-grid, .stress-use-grid, .dashboard-scan-grid, .official-trust-grid, .proof-protocol-grid, .filing-route-grid, .packet-use-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:22px; } .home-front-door-card, .stress-use-card, .dashboard-scan-card, .official-trust-card, .proof-protocol-card, .filing-route-card, .packet-use-card{ padding:22px; border-radius:20px; } .home-front-door-card h3, .stress-use-card h3, .dashboard-scan-card h3, .official-trust-card h3, .proof-protocol-card h3, .filing-route-card h3, .packet-use-card h3{ margin:8px 0 10px; max-width:18ch; } .home-front-door-card p, .stress-use-card p, .dashboard-scan-card p, .official-trust-card p, .proof-protocol-card p, .filing-route-card p, .packet-use-card p{ color:#d8e7f8; } .hero-split, .identity-shell{ align-items:stretch; } .page-identity-band .identity-grid, .page-purpose-strip, .lane-companion-grid, .authority-grid, .pack-grid{ gap:18px; } .page-toolkit-grid, .skim-grid{ gap:18px; } .pack-card .meta, .authority-card .meta, .directory-card .meta, .page-purpose-card .meta, .identity-card .meta, .lane-companion-card .meta, .home-front-door-card .meta, .stress-use-card .meta, .dashboard-scan-card .meta, .official-trust-card .meta, .proof-protocol-card .meta, .filing-route-card .meta, .packet-use-card .meta{ color:#9edfff; } .packet-purpose-pill{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:4px 10px; border-radius:999px; background:rgba(111,231,255,.12); border:1px solid rgba(111,231,255,.28); color:#c9f7ff; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; margin:0 0 10px; } .packet-purpose-pill.is-download{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.28);color:#dbeafe;} .packet-purpose-pill.is-page{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.28);color:#d1fae5;} .packet-purpose-pill.is-proof{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.28);color:#fef3c7;} .packet-purpose-pill.is-initiative{background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.28);color:#ede9fe;} .filter-toolbar-search, .packet-filter-search{ margin-top:14px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; } .packet-filter-search input, .filter-toolbar-search input{ flex:1 1 280px; min-height:46px; border-radius:14px; border:1px solid rgba(148,163,184,.24); background:rgba(7,18,31,.84); color:#eff6ff; padding:0 16px; } .packet-filter-search .small-note, .filter-toolbar-search .small-note{margin:0;color:#bfd0ea;} .page-jump-strip{ position:sticky; top:0; z-index:14; backdrop-filter:blur(8px); } .page-jump-strip .container{ position:relative; } .page-jump-nav{ padding-right:132px; } .page-jump-status{ position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; min-height:34px; padding:0 12px; border-radius:999px; background:rgba(8,22,39,.9); border:1px solid rgba(148,163,184,.18); color:#dff6ff; font-size:12px; font-weight:700; letter-spacing:.04em; } .route-result-group-title{ margin:22px 0 10px; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#90cdf4; } .route-result-card h3{max-width:none;} .route-result-card .route-match-note{display:block;margin-top:8px;color:#bfe6ff;font-size:13px;} .route-finder-results{max-height:min(66vh,740px);overflow:auto;padding-right:6px;} .official-link-note{ display:inline-flex; align-items:center; gap:6px; margin-left:8px; font-size:11px; color:#8cecff; font-weight:700; letter-spacing:.06em; text-transform:uppercase; } .official-link-note::before{content:'↗';} .reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } } @media (max-width:1199px){ .home-front-door-grid, .stress-use-grid, .dashboard-scan-grid, .official-trust-grid, .proof-protocol-grid, .filing-route-grid, .packet-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .page-jump-nav{padding-right:0;} .page-jump-status{position:static;transform:none;margin:10px 0 0 auto;width:max-content;} } @media (max-width:991px){ html{scroll-padding-top:72px;} .hero,.page-hero{padding-top:62px !important;padding-bottom:52px !important;} .hero h1,.page-hero h1{max-width:13ch !important;} .hero-split{display:grid;grid-template-columns:1fr;gap:22px;} .platform-rail-inner, .site-intent-inner, .quick-help-links{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .platform-rail .rail-label, .site-intent-strip .intent-label{grid-column:1/-1;} .quick-help-copy{margin-bottom:12px;} .quick-help-links .quick-help-chip, .platform-rail a, .site-intent-strip a{justify-content:flex-start;min-height:44px;} .page-toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .skim-grid{grid-template-columns:1fr;} .footer-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .page-jump-strip{top:0;} } @media (max-width:767px){ body{font-size:16px;} .section,.page-identity-band,.lane-companion-strip,.continue-strip,.home-front-door-strip,.stress-use-strip,.dashboard-scan-strip,.official-trust-strip,.proof-protocol-strip,.packet-use-strip{padding:52px 0;} .hero,.page-hero{padding-top:54px !important;padding-bottom:44px !important;} .hero h1,.page-hero h1{font-size:clamp(2rem,9vw,2.55rem) !important;max-width:none !important;} h2{font-size:clamp(1.65rem,7.8vw,2.2rem) !important;max-width:none;} h3,.proof-card h3,.source-card h3,.chart-card h3,.receipt-card h3,.pillar-card h3,.timeline-card h3,.metric-card h3,.faq-card h3,.link-card h3,.claim-card h3,.resource-card h3,.tracker-card h3,.brief-card h3,.story-card h3,.standard-card h3,.download-card h3{font-size:clamp(1.18rem,6vw,1.45rem) !important;max-width:none;} .hero .lead,.page-hero .lead,.section-intro,.read-order-note,.page-identity-band .identity-intro,.page-toolkit-head p,.skim-panel-head p{font-size:16px !important;line-height:1.66;} .home-front-door-grid, .stress-use-grid, .dashboard-scan-grid, .official-trust-grid, .proof-protocol-grid, .filing-route-grid, .packet-use-grid, .page-purpose-strip, .lane-companion-grid, .authority-grid, .pack-grid, .identity-grid, .page-toolkit-grid, .utility-strip, .dashboard-summary-strip, .feature-stack-2{grid-template-columns:1fr !important;} .platform-rail-inner, .site-intent-inner, .quick-help-links{grid-template-columns:1fr !important;} .page-jump-strip{padding:10px 0;} .page-jump-nav{display:flex;overflow:auto;gap:10px;scroll-snap-type:x proximity;padding-bottom:4px;-webkit-overflow-scrolling:touch;} .page-jump-nav a{white-space:nowrap;scroll-snap-align:start;} .page-jump-status{margin-top:8px;} .hero-actions-condensed, .page-hero .hero-actions-condensed, .hero-utility-row, .sources-nav{display:grid !important;grid-template-columns:1fr !important;gap:10px;} .hero-actions-condensed .btn, .page-hero .hero-actions-condensed .btn, .hero-utility-row a, .sources-nav a{width:100%;justify-content:flex-start;min-height:46px;} .page-toolkit-card a,.page-toolkit-card button,.skim-panel-foot button{width:100%;} .page-toolkit-card,.skim-card,.identity-card,.page-purpose-card,.lane-companion-card,.pack-card,.authority-card,.directory-card,.route-note-card,.dashboard-scan-card,.official-trust-card,.proof-protocol-card,.stress-use-card,.filing-route-card,.home-front-door-card,.packet-use-card{padding:18px;border-radius:18px;} .finder-search-row,.route-finder-controls,.packet-filter-search,.filter-toolbar-search{display:block;} .hub-finder-input,.route-finder-input,.packet-filter-search input,.filter-toolbar-search input{width:100%;} .filter-chip,.finder-chip,.route-chip,.quick-help-chip,.platform-rail a,.site-intent-strip a{font-size:13px;} .route-finder-panel{max-height:92vh;} .footer-nav-grid{grid-template-columns:1fr;} .footer-bottom-row{display:block;} .footer-bottom-row p:last-child{margin-top:10px;display:flex;flex-direction:column;gap:6px;} .back-to-top{right:12px;bottom:12px;} } @media (max-width:479px){ .container{padding-left:18px;padding-right:18px;} .hero,.page-hero{padding-top:48px !important;} .page-jump-nav a,.quick-help-chip,.platform-rail a,.site-intent-strip a{min-height:42px;} .safety-ribbon-actions{display:grid;grid-template-columns:1fr;} } .packet-search-hide{display:none !important;} .packet-search-empty{display:none !important;} .page-toolkit-card button, .skim-panel-foot button, button[data-exit-reading]{ gap:10px; } .tool-icon{ display:inline-flex; align-items:center; justify-content:center; width:1.4em; min-width:1.4em; font-size:15px; line-height:1; } .tool-button-label{ display:inline-block; line-height:1.2; } .packet-search-meta{ width:100%; margin:2px 0 0; color:#d9ebff; font-size:14px; line-height:1.55; padding:10px 14px; border-radius:14px; border:1px solid rgba(148,163,184,.16); background:rgba(9,20,37,.72); } .pack-card.packet-search-match{ border-color:rgba(125,211,252,.36); box-shadow:0 22px 46px rgba(14,165,233,.12); } .directory-trust-pill{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin:2px 0 10px; border:1px solid rgba(148,163,184,.24); } .directory-trust-pill.is-official{ background:rgba(111,231,255,.12); border-color:rgba(111,231,255,.3); color:#cffafe; } .directory-trust-pill.is-support{ background:rgba(167,139,250,.12); border-color:rgba(167,139,250,.3); color:#ede9fe; } .chart-guardrail-strip .read-order-note, .evidence-label-strip .read-order-note{ max-width:78ch; } .chart-guardrail-grid, .evidence-label-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:22px; } .chart-guardrail-card, .evidence-label-card{ padding:22px; border-radius:20px; border:1px solid rgba(148,163,184,.16); background:linear-gradient(180deg,rgba(12,26,47,.9),rgba(8,18,33,.97)); box-shadow:0 18px 42px rgba(0,0,0,.16); } .chart-guardrail-card h3, .evidence-label-card h3{ margin:8px 0 10px; max-width:18ch; } .chart-guardrail-card p, .evidence-label-card p{ color:#d8e7f8; } .chart-guardrail-card .meta, .evidence-label-card .meta{ color:#9edfff; } @media (max-width:1199px){ .chart-guardrail-grid, .evidence-label-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:767px){ .chart-guardrail-grid, .evidence-label-grid{grid-template-columns:1fr;} .packet-search-meta{font-size:13px;} } .civic-clarity-strip, .route-sequence-strip{ border-top:1px solid rgba(148,163,184,.12); border-bottom:1px solid rgba(148,163,184,.1); } .civic-clarity-strip .kicker, .route-sequence-strip .kicker{ color:#8cecff; } .civic-clarity-feature{ display:grid; gap:20px; margin-top:22px; } .civic-clarity-copy{ padding:24px 26px; border-radius:22px; border:1px solid rgba(111,231,255,.22); background:linear-gradient(135deg,rgba(17,42,71,.95),rgba(7,19,34,.98)); box-shadow:0 20px 46px rgba(0,0,0,.18); } .civic-clarity-statement{ margin:0; color:#eff8ff; font-size:22px; line-height:1.65; max-width:42ch; text-wrap:balance; } .civic-clarity-grid, .route-sequence-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:22px; } .route-sequence-grid.route-sequence-grid-5{ grid-template-columns:repeat(5,minmax(0,1fr)); } .civic-clarity-card, .route-sequence-card{ padding:22px; border-radius:20px; border:1px solid rgba(148,163,184,.16); background:linear-gradient(180deg,rgba(12,26,47,.9),rgba(8,18,33,.97)); box-shadow:0 18px 42px rgba(0,0,0,.16); } .civic-clarity-card .meta, .route-sequence-card .meta{ color:#9edfff; } .civic-clarity-card h3, .route-sequence-card h3{ margin:8px 0 10px; text-wrap:balance; } .civic-clarity-card p, .route-sequence-card p{ color:#d8e7f8; } .route-stage-num{ display:inline-flex; align-items:center; justify-content:center; min-width:42px; min-height:42px; padding:0 10px; margin-bottom:12px; border-radius:12px; border:1px solid rgba(111,231,255,.26); background:rgba(111,231,255,.1); color:#dff8ff; font-size:13px; font-weight:800; letter-spacing:.08em; } .civic-clarity-return{ margin-top:22px; } @media (max-width:1199px){ .route-sequence-grid.route-sequence-grid-5{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (max-width:991px){ .civic-clarity-grid, .route-sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .civic-clarity-statement{font-size:20px;max-width:none;} } @media (max-width:767px){ .civic-clarity-copy{padding:20px 18px;} .civic-clarity-grid, .route-sequence-grid, .route-sequence-grid.route-sequence-grid-5{grid-template-columns:1fr;} .civic-clarity-statement{font-size:18px;line-height:1.62;} } .section > .container > h2, .section > .container > .kicker + h2, .page-identity-band h2, .lane-companion-strip h2, .continue-strip h2, .home-front-door-strip h2, .stress-use-strip h2, .dashboard-scan-strip h2, .official-trust-strip h2, .proof-protocol-strip h2, .packet-use-strip h2{ margin-bottom:14px; } .section > .container > h2 + p, .section > .container > .read-order-note, .section > .container > .proof-intro, .section > .container > .section-intro, .page-purpose-strip + .route-note-card, .dashboard-summary-strip + .feature-stack-2, .feature-stack + .inline-cta-row, .feature-stack-2 + .inline-cta-row, .callout-callstack + .inline-cta-row{ margin-top:24px; } .section > .container > p, .read-order-note, .section-intro, .proof-intro, .figure-note, .page-toolkit-head p, .skim-panel-head p, .route-note-card p, .directory-card p, .pack-card p, .authority-card p, .page-purpose-card p, .proof-card p, .source-card p, .timeline-check-card p, .timeline-check-grid p{ max-width:72ch; } .card-link-list, .link-row, .source-chips{ row-gap:10px; } .chart-card, .feature-figure, .figure-panel, .map-figure{ gap:16px; } .chart-card img, .feature-figure img, .figure-panel img, .map-figure img, .chart-stage, .evidence-figure img{ border:1px solid rgba(148,163,184,.16); box-shadow:0 18px 44px rgba(0,0,0,.18); background:linear-gradient(180deg,rgba(7,18,31,.7),rgba(10,22,39,.82)); } .chart-card figcaption, .feature-figure figcaption, .figure-panel figcaption, .map-figure figcaption{ margin-top:0; padding-top:14px; border-top:1px solid rgba(148,163,184,.14); color:#d9e8fb; font-size:14px; line-height:1.74; } .method-inline{ display:block; margin-top:10px; padding-top:10px; border-top:1px solid rgba(148,163,184,.12); color:#bfe7ff; font-size:12px; line-height:1.68; } .chart-card .source-chips, .feature-figure .source-chips, .map-figure .source-chips{ margin-top:14px; } .page-toolkit-card button .tool-icon, .skim-panel-foot button .tool-icon{ font-size:14px; line-height:1; } .page-toolkit-card button .tool-button-label, .skim-panel-foot button .tool-button-label{ font-weight:800; letter-spacing:.01em; } .official-trust-card .card-link-list, .proof-protocol-card .card-link-list, .packet-use-card .card-link-list, .stress-use-card .card-link-list{ margin-top:auto; } .directory-trust-pill, .packet-purpose-pill, .route-result-chip, .last-checked-pill{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.03); } .official-link-note{ white-space:nowrap; } .route-note-card h3, .page-purpose-card h3, .home-front-door-card h3, .stress-use-card h3, .dashboard-scan-card h3, .official-trust-card h3, .proof-protocol-card h3, .filing-route-card h3, .packet-use-card h3, .authority-card h3, .pack-card h3, .directory-card h3, .proof-card h3, .source-card h3{ text-wrap:balance; } .page-jump-status strong{font-weight:800;} @media (max-width:991px){ .section > .container > h2, .page-identity-band h2, .lane-companion-strip h2, .continue-strip h2, .home-front-door-strip h2, .stress-use-strip h2, .dashboard-scan-strip h2, .official-trust-strip h2, .proof-protocol-strip h2, .packet-use-strip h2{max-width:none;} } @media (max-width:767px){ .chart-card figcaption, .feature-figure figcaption, .figure-panel figcaption, .map-figure figcaption{font-size:13px;line-height:1.68;} .method-inline{font-size:11px;} } main[id="main-content"] section[id], main[id="main-content"] [id]:target{ scroll-margin-top:112px; } .section-anchor-focus, .hash-target-live, section:target{ position:relative; } .section-anchor-focus::after, .hash-target-live::after, section:target::after{ content:''; position:absolute; inset:10px; border-radius:24px; border:1px solid rgba(125,211,252,.34); box-shadow:0 0 0 4px rgba(56,189,248,.08); pointer-events:none; } .identity-meta-row{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; } .identity-meta-pill{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:6px 12px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.05); color:#dff2ff; font-size:12px; line-height:1.3; letter-spacing:.04em; text-transform:uppercase; } .identity-meta-pill strong{color:#fff;font-size:13px;} .section-heading-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; } .section-anchor-button{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 12px; border-radius:999px; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.05); color:#dff1ff; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .section-anchor-button:hover, .section-anchor-button:focus-visible{ background:rgba(96,165,250,.15); color:#fff; } .navbar-collapse.in, .navbar-collapse.collapsing{ background:rgba(255,255,255,.98); border-top:1px solid rgba(15,23,42,.08); } .navbar-collapse.in .navbar-nav, .navbar-collapse.collapsing .navbar-nav{ margin:10px -15px 6px; padding:0 10px 8px; } .navbar-collapse.in .navbar-nav>li, .navbar-collapse.collapsing .navbar-nav>li{ float:none; } .navbar-collapse.in .navbar-nav>li>a, .navbar-collapse.collapsing .navbar-nav>li>a{ margin:6px 0; padding:12px 14px; border-radius:14px; background:rgba(15,23,42,.04); border:1px solid rgba(15,23,42,.06); line-height:1.4; } .navbar-collapse.in .navbar-nav>li>a.nav-priority-link, .navbar-collapse.collapsing .navbar-nav>li>a.nav-priority-link{ background:linear-gradient(90deg,rgba(219,39,119,.12),rgba(59,130,246,.1)); border-color:rgba(96,165,250,.2); } .page-jump-shell{ position:relative; } .page-jump-shell::after{ content:''; position:absolute; right:0; top:0; bottom:0; width:30px; pointer-events:none; background:linear-gradient(90deg,rgba(4,17,38,0),rgba(4,17,38,.9)); opacity:.85; } .route-finder-panel{ width:min(980px,calc(100vw - 28px)); } .route-result-group{ display:grid; gap:14px; margin-bottom:18px; } .route-result-group-title{ font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#9fdfff; } .route-result-card{ display:flex; flex-direction:column; gap:8px; min-height:164px; } .route-match-note{ margin-top:auto; color:#bfdbfe; font-size:12px; line-height:1.55; } .packet-filter-search, .filter-toolbar-search{ position:relative; } .packet-filter-search input, .filter-toolbar-search input, .route-finder-input{ min-height:48px; } .packet-search-meta{ display:block; } .packet-use-grid .packet-use-card .card-link-list, .dashboard-scan-grid .dashboard-scan-card .card-link-list, .proof-protocol-grid .proof-protocol-card .card-link-list, .filing-route-grid .filing-route-card .card-link-list{ margin-top:auto; } .last-checked-pill{ display:inline-flex; align-items:center; min-height:28px; padding:4px 10px; border-radius:999px; border:1px solid rgba(147,197,253,.24); background:rgba(59,130,246,.12); color:#dbeafe; font-size:11px; font-weight:700; letter-spacing:.04em; margin:4px 0 12px; } .directory-card [data-external-door="true"]{ position:relative; } .directory-card [data-external-door="true"] .official-link-note{ margin-left:8px; } @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} } @media (max-width:991px){ .page-jump-shell::after{display:none;} .identity-meta-row{margin-top:12px;} .route-result-card{min-height:0;} } @media (max-width:767px){ main[id="main-content"] section[id], main[id="main-content"] [id]:target{scroll-margin-top:92px;} .section-heading-row{display:block;} .section-anchor-button{margin-top:10px;width:100%;justify-content:center;} .identity-meta-row{gap:8px;} .identity-meta-pill{width:100%;justify-content:flex-start;font-size:11px;} .route-finder-panel{ width:calc(100vw - 16px); max-height:calc(100vh - 16px); border-radius:22px; padding:18px; } .route-finder-results{max-height:56vh;} .route-result-group{gap:10px;} .route-result-card{padding:16px;border-radius:16px;} .packet-filter-search .small-note, .packet-search-meta{font-size:12px;} .navbar-collapse.in .navbar-nav>li>a, .navbar-collapse.collapsing .navbar-nav>li>a{font-size:12px;} } @media (max-width:479px){ .route-finder-header p{font-size:13px;} .page-jump-nav{padding-bottom:8px;} .page-jump-nav a{font-size:12px;} } .search-with-clear{ position:relative; } .route-search-clear, .packet-search-clear{ position:absolute; right:10px; top:50%; transform:translateY(-50%); min-height:36px; padding:0 12px; border-radius:999px; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.06); color:#f8fbff; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } .route-search-clear:hover, .route-search-clear:focus, .packet-search-clear:hover, .packet-search-clear:focus{ background:rgba(86,214,255,.18); border-color:rgba(86,214,255,.38); } .search-with-clear .route-finder-input, .search-with-clear #packet-filter-input{ padding-right:84px; } .source-status-row, .packet-purpose-row{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 12px; } .source-status-pill, .packet-purpose-pill{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.05); color:#dbeafe; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } .source-status-pill.is-official, .packet-purpose-pill.is-record{ background:rgba(59,130,246,.16); border-color:rgba(96,165,250,.36); color:#dff2ff; } .source-status-pill.is-research, .packet-purpose-pill.is-page{ background:rgba(34,197,94,.12); border-color:rgba(74,222,128,.28); color:#e5ffe8; } .source-status-pill.is-data, .packet-purpose-pill.is-download{ background:rgba(168,85,247,.12); border-color:rgba(196,181,253,.28); color:#efe7ff; } .source-status-pill.is-note, .packet-purpose-pill.is-initiative{ background:rgba(245,158,11,.12); border-color:rgba(253,186,116,.28); color:#fff3d6; } .source-best-use, .packet-best-use{ margin:0 0 14px; padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(148,163,184,.12); color:#d7e7fb; font-size:14px; line-height:1.6; } .source-best-use strong, .packet-best-use strong{ color:#fff; } .route-result-group{ display:grid; gap:16px; } .route-result-group-title{ display:flex; align-items:center; gap:10px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#bfe8ff; margin:4px 4px -2px; } .route-result-group-title::after{ content:''; flex:1 1 auto; height:1px; background:linear-gradient(90deg,rgba(111,231,255,.36),rgba(111,231,255,0)); } .filter-panel{ scroll-margin-top:96px; } .filter-panel .filter-chip-bar{ align-items:flex-start; } .external-link-note, .official-link-note{ display:inline-flex; align-items:center; margin-left:8px; padding:3px 8px; border-radius:999px; background:rgba(255,255,255,.06); color:#cfe6ff; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } @media (max-width:991px){ #filter-packets .filter-panel{ position:sticky; top:68px; z-index:20; padding:14px; border-radius:20px; background:rgba(5,18,33,.92); border:1px solid rgba(148,163,184,.14); box-shadow:0 18px 36px rgba(0,0,0,.14); backdrop-filter:blur(10px); } #filter-packets .filter-panel .filter-chip-bar{ max-height:180px; overflow:auto; padding-right:4px; } } @media (max-width:767px){ .route-finder-dialog{ padding:0; } .route-finder-panel{ width:100vw; max-width:none; min-height:100dvh; max-height:none; border-radius:0; padding:18px 18px 24px; } .route-finder-header, .route-finder-controls{ position:sticky; top:0; z-index:3; background:linear-gradient(180deg,rgba(7,19,34,.98),rgba(7,19,34,.92)); padding-top:8px; } .route-finder-controls{ padding-bottom:12px; border-bottom:1px solid rgba(148,163,184,.12); } .route-finder-results{ margin-top:14px; padding-bottom:90px; } .source-status-row, .packet-purpose-row{ margin-top:8px; } .source-best-use, .packet-best-use{ padding:11px 12px; font-size:13px; } .route-search-clear, .packet-search-clear{ min-height:34px; font-size:11px; } } .mobile-action-dock{ display:none; } @media (max-width: 767px){ body.has-mobile-action-dock{padding-bottom:92px;} html.reading-mode body.has-mobile-action-dock{padding-bottom:24px;} .mobile-action-dock{ position:fixed; left:12px; right:12px; bottom:12px; z-index:1200; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:8px; border-radius:20px; border:1px solid rgba(148,163,184,.2); background:rgba(3,10,20,.94); box-shadow:0 20px 45px rgba(0,0,0,.34); backdrop-filter:blur(10px); } .mobile-action-link, .mobile-action-button{ min-height:58px; padding:8px 6px; border-radius:16px; border:1px solid rgba(148,163,184,.16); background:linear-gradient(180deg,rgba(18,32,53,.92),rgba(8,17,31,.98)); color:#f8fbff; text-decoration:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; text-align:center; box-shadow:0 10px 22px rgba(0,0,0,.22); } .mobile-action-button{appearance:none;-webkit-appearance:none;width:100%;} .mobile-action-link.is-urgent{background:linear-gradient(180deg,rgba(111,14,31,.96),rgba(65,10,24,.98));border-color:rgba(251,113,133,.45);} .mobile-action-kicker{font-size:10px;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;color:#bfd6ec;font-weight:800;} .mobile-action-label{font-size:12px;line-height:1.15;font-weight:800;color:#fff;max-width:9ch;} .mobile-action-link.is-urgent .mobile-action-kicker{color:#fecdd3;} .mobile-action-link:hover, .mobile-action-link:focus, .mobile-action-button:hover, .mobile-action-button:focus{ color:#fff; text-decoration:none; border-color:rgba(147,197,253,.5); transform:translateY(-1px); outline:none; } .back-to-top{bottom:98px;} html.reading-mode .mobile-action-dock{display:none;} } .page-toolkit-card.is-share button, .mobile-action-button[data-mobile-share]{ background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(232,242,255,.96)); color:#0b1b31; border-color:rgba(147,197,253,.55); } .page-toolkit-card.is-share button .tool-button-label, .mobile-action-button[data-mobile-share] .mobile-action-label, .mobile-action-button[data-mobile-share] .mobile-action-kicker{color:#0b1b31;} .page-toolkit-card.is-share button:hover, .page-toolkit-card.is-share button:focus, .mobile-action-button[data-mobile-share]:hover, .mobile-action-button[data-mobile-share]:focus{ color:#061324; border-color:rgba(56,189,248,.7); box-shadow:0 14px 28px rgba(14,165,233,.16); } @media (max-width: 767px){ body.has-mobile-action-dock{padding-bottom:98px;} .mobile-action-dock.has-share{grid-template-columns:repeat(5,minmax(0,1fr));} .mobile-action-dock.has-share .mobile-action-link, .mobile-action-dock.has-share .mobile-action-button{min-height:60px;} } @media (max-width: 479px){ .mobile-action-dock.has-share{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;} .mobile-action-dock.has-share .mobile-action-label{font-size:11px;max-width:8ch;} .mobile-action-dock.has-share .mobile-action-kicker{font-size:9px;} } .resume-strip{ padding:48px 0; background:linear-gradient(180deg,rgba(9,14,28,.92),rgba(12,18,35,.97)); border-top:1px solid rgba(148,163,184,.16); border-bottom:1px solid rgba(148,163,184,.16); } .resume-strip-head{ max-width:760px; margin-bottom:22px; } .resume-strip-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; } .resume-card{ background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.98)); border:1px solid rgba(148,163,184,.18); border-radius:18px; padding:18px; box-shadow:0 10px 30px rgba(2,6,23,.2); display:flex; flex-direction:column; gap:10px; } .resume-card.is-download{ background:linear-gradient(180deg,rgba(20,30,54,.94),rgba(17,24,39,.98)); } .resume-card h3{ margin:0; font-size:18px; line-height:1.35; } .resume-card p{ margin:0; color:#cbd5e1; font-size:14px; line-height:1.65; flex:1 1 auto; } .resume-link{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border-radius:12px; border:1px solid rgba(191,219,254,.3); background:rgba(239,246,255,.98); color:#0f172a !important; font-weight:700; text-decoration:none !important; text-align:center; } .resume-link:hover, .resume-link:focus-visible{ background:#fff; border-color:rgba(147,197,253,.72); transform:translateY(-1px); } .route-history-group .route-result-card-emphasis{ border-color:rgba(147,197,253,.26); background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(11,18,32,.98)); } .route-history-group .route-result-type{ color:#dbeafe; background:rgba(30,41,59,.9); border-color:rgba(147,197,253,.22); } @media (max-width:1199px){ .resume-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (max-width:767px){ .resume-strip{padding:38px 0;} .resume-strip-grid{grid-template-columns:1fr;gap:12px;} .resume-card{padding:16px;} } @media print{ .resume-strip{background:#fff !important;border-color:#cbd5e1 !important;} .resume-card{background:#fff !important;box-shadow:none !important;border-color:#cbd5e1 !important;} .resume-link{background:#fff !important;border-color:#94a3b8 !important;color:#0f172a !important;} } :root{ --jt-accent-rgb:86,214,255; --jt-accent-strong:#56d6ff; --jt-accent-mid:#56b7ff; --jt-accent-soft:rgba(86,214,255,.14); --jt-accent-border:rgba(86,214,255,.3); } body[data-page-lane="crisis"]{--jt-accent-rgb:96,196,255;--jt-accent-strong:#72d8ff;--jt-accent-mid:#4b8dff;--jt-accent-soft:rgba(98,194,255,.16);--jt-accent-border:rgba(114,216,255,.34);} body[data-page-lane="start"]{--jt-accent-rgb:107,187,255;--jt-accent-strong:#79c3ff;--jt-accent-mid:#4d8fff;--jt-accent-soft:rgba(107,187,255,.14);--jt-accent-border:rgba(121,195,255,.3);} body[data-page-lane="find"]{--jt-accent-rgb:88,197,255;--jt-accent-strong:#63ceff;--jt-accent-mid:#409dff;--jt-accent-soft:rgba(88,197,255,.14);--jt-accent-border:rgba(99,206,255,.3);} body[data-page-lane="hub"]{--jt-accent-rgb:88,205,223;--jt-accent-strong:#66d1df;--jt-accent-mid:#3e97d8;--jt-accent-soft:rgba(88,205,223,.14);--jt-accent-border:rgba(102,209,223,.3);} body[data-page-lane="official"]{--jt-accent-rgb:122,173,232;--jt-accent-strong:#8fb7ea;--jt-accent-mid:#557fcb;--jt-accent-soft:rgba(122,173,232,.14);--jt-accent-border:rgba(143,183,234,.3);} body[data-page-lane="proof"], body[data-page-lane="public"]{--jt-accent-rgb:126,167,255;--jt-accent-strong:#9ab0ff;--jt-accent-mid:#6d8cff;--jt-accent-soft:rgba(126,167,255,.15);--jt-accent-border:rgba(154,176,255,.32);} .navbar .navbar-nav>li>a.nav-current, .platform-rail a.rail-current, .page-jump-nav a.is-active, .sources-nav a:hover, .sources-nav a:focus, .page-tool-link:hover, .page-tool-link:focus{ background:linear-gradient(90deg,rgba(var(--jt-accent-rgb),.16),rgba(var(--jt-accent-rgb),.08)) !important; border-color:var(--jt-accent-border) !important; box-shadow:0 10px 22px rgba(2,10,24,.18); } .page-hero, .hero, .page-identity-band{ position:relative; } .page-hero::before, .hero::before, .page-identity-band::before{ content:""; position:absolute; inset:0 0 auto 0; height:1px; background:linear-gradient(90deg,rgba(var(--jt-accent-rgb),0),rgba(var(--jt-accent-rgb),.75),rgba(var(--jt-accent-rgb),0)); pointer-events:none; } .kicker, .page-identity-band .kicker, .page-hero .kicker, .hero .kicker{ color:var(--jt-accent-strong); } .platform-rail .rail-mobile-nav{display:none;} @media (max-width:767px){ .platform-rail{ background:linear-gradient(180deg,rgba(4,18,38,.96),rgba(4,18,38,.9)); } .platform-rail-inner{ padding:14px 0 10px; } .platform-rail-inner > a, .platform-rail-inner > .cluster-toggle-row{ display:none !important; } .platform-rail .rail-label{ display:flex; width:100%; justify-content:flex-start; padding:0 18px; min-height:44px; margin:0 0 12px; border-radius:999px; background:rgba(9,29,56,.72); border:1px solid rgba(86,214,255,.16); letter-spacing:.12em; font-size:12px; } .platform-rail .rail-mobile-nav{ display:grid; gap:12px; } .platform-rail .rail-mobile-group{ border-radius:26px; border:1px solid rgba(148,163,184,.16); background:linear-gradient(90deg,rgba(22,36,62,.9),rgba(22,37,60,.68)); box-shadow:0 14px 28px rgba(2,10,22,.18), inset 0 1px 0 rgba(255,255,255,.03); overflow:hidden; } .platform-rail .rail-mobile-toggle{ appearance:none; width:100%; background:none; border:0; color:#eff6ff; display:flex; align-items:center; gap:14px; padding:18px 18px; text-align:left; } .platform-rail .rail-mobile-toggle:focus-visible{ outline:2px solid rgba(255,255,255,.5); outline-offset:-3px; } .platform-rail .rail-burger{ width:42px; min-width:42px; height:42px; border-radius:14px; display:inline-flex; flex-direction:column; justify-content:center; gap:5px; padding:0 10px; background:linear-gradient(135deg,rgba(var(--jt-accent-rgb),.24),rgba(var(--jt-accent-rgb),.08)); border:1px solid rgba(var(--jt-accent-rgb),.26); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .platform-rail .rail-burger span{ display:block; height:2px; border-radius:999px; background:rgba(255,255,255,.92); } .platform-rail .rail-mobile-title{ flex:1 1 auto; font-size:17px; font-weight:700; letter-spacing:.01em; } .platform-rail .rail-mobile-state{ font-size:24px; line-height:1; color:#cfe5ff; min-width:20px; text-align:right; } .platform-rail .rail-mobile-panel{ padding:0 16px 16px 16px; display:grid; gap:10px; } .platform-rail .rail-mobile-link{ width:100%; margin:0; min-height:48px; justify-content:flex-start; padding:12px 16px; border-radius:18px; background:rgba(255,255,255,.045); border:1px solid rgba(148,163,184,.16); color:#edf5ff; font-size:15px; } .platform-rail .rail-mobile-link-current{ background:linear-gradient(90deg,rgba(var(--jt-accent-rgb),.18),rgba(var(--jt-accent-rgb),.08)); border-color:rgba(var(--jt-accent-rgb),.3); } .platform-rail .rail-mobile-group[data-accent="crisis"] .rail-burger{background:linear-gradient(135deg,rgba(114,216,255,.22),rgba(75,141,255,.08));border-color:rgba(114,216,255,.28);} .platform-rail .rail-mobile-group[data-accent="start"] .rail-burger{background:linear-gradient(135deg,rgba(121,195,255,.22),rgba(77,143,255,.08));border-color:rgba(121,195,255,.28);} .platform-rail .rail-mobile-group[data-accent="find"] .rail-burger{background:linear-gradient(135deg,rgba(99,206,255,.22),rgba(64,157,255,.08));border-color:rgba(99,206,255,.28);} .platform-rail .rail-mobile-group[data-accent="hub"] .rail-burger{background:linear-gradient(135deg,rgba(102,209,223,.22),rgba(62,151,216,.08));border-color:rgba(102,209,223,.28);} .platform-rail .rail-mobile-group[data-accent="official"] .rail-burger{background:linear-gradient(135deg,rgba(143,183,234,.22),rgba(85,127,203,.08));border-color:rgba(143,183,234,.28);} .platform-rail .rail-mobile-group[data-accent="proof"] .rail-burger{background:linear-gradient(135deg,rgba(154,176,255,.22),rgba(109,140,255,.08));border-color:rgba(154,176,255,.28);} .platform-rail .rail-mobile-group.is-open{ border-color:var(--jt-accent-border); box-shadow:0 18px 34px rgba(2,10,22,.2), inset 0 1px 0 rgba(255,255,255,.04); } } .js-mobile-hamburger-nav{display:none;} @media (max-width:767px){ .navbar .navbar-toggle, .navbar .navbar-collapse, .platform-rail, .site-intent-strip, .quick-help-strip{ display:none !important; } .navbar{ margin-bottom:0 !important; } .js-mobile-hamburger-nav{ display:grid; gap:10px; padding:10px 12px 8px; background:linear-gradient(180deg,rgba(3,17,38,.98),rgba(5,20,44,.95)); border-bottom:1px solid rgba(86,214,255,.14); box-shadow:0 14px 30px rgba(2,8,23,.16); } .js-mobile-h-group{ border:1px solid rgba(148,163,184,.16); border-radius:18px; overflow:hidden; background:linear-gradient(180deg,rgba(10,24,48,.96),rgba(8,20,40,.92)); box-shadow:0 10px 24px rgba(2,8,23,.16), inset 0 1px 0 rgba(255,255,255,.04); } .js-mobile-h-trigger{ width:100%; appearance:none; border:0; background:transparent; color:#f8fbff; display:flex; align-items:center; gap:12px; padding:14px 14px; text-align:left; } .js-mobile-h-trigger:focus-visible{ outline:2px solid rgba(86,214,255,.65); outline-offset:-2px; } .js-mobile-h-icon{ min-width:54px; width:54px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:7px; background:linear-gradient(135deg,rgba(86,214,255,.22),rgba(47,111,255,.18)); border:1px solid rgba(111,231,255,.36); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); } .js-mobile-h-glyph{ font-size:18px; line-height:1; font-weight:800; color:#ffffff; transform:translateY(-1px); } .js-mobile-h-bars{ display:flex; flex-direction:column; gap:4px; } .js-mobile-h-bars span{ display:block; width:14px; height:2px; border-radius:999px; background:#ffffff; } .js-mobile-h-title{ flex:1 1 auto; font-size:16px; font-weight:800; letter-spacing:.01em; } .js-mobile-h-chevron{ min-width:16px; text-align:right; font-size:22px; line-height:1; color:#d9ebff; } .js-mobile-h-panel{ display:grid; gap:8px; padding:0 12px 12px; background:rgba(3,12,25,.18); } .js-mobile-h-link{ display:flex; align-items:center; width:100%; min-height:46px; padding:12px 14px; border-radius:14px; color:#edf6ff; background:rgba(255,255,255,.05); border:1px solid rgba(148,163,184,.14); font-size:14px; font-weight:700; text-decoration:none; } .js-mobile-h-link.is-current{ background:linear-gradient(90deg,rgba(86,214,255,.16),rgba(47,111,255,.12)); border-color:rgba(111,231,255,.28); color:#ffffff; } .hero, .page-hero, .page-identity-band{ margin-top:0; } } @media (max-width:767px){ .rail-mobile-nav, .platform-rail .rail-mobile-nav, .platform-rail .rail-mobile-group, .platform-rail .rail-mobile-panel, .platform-rail .rail-mobile-toggle{ display:none !important; } .js-mobile-h-panel[hidden]{ display:none !important; } .js-mobile-h-group.is-open .js-mobile-h-panel{ display:grid !important; } } .best-interest-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:start}.best-interest-shell .callout{height:100%}.best-interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.factor-jump-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}.factor-jump-grid a,.section-jump-grid a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.04);color:#eff6ff;font-weight:700;padding:10px 12px;text-align:center}.factor-jump-grid a:hover,.section-jump-grid a:hover{background:rgba(86,214,255,.12);border-color:rgba(86,214,255,.35);color:#fff}.section-jump-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.factor-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.94));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:24px;box-shadow:0 18px 36px rgba(0,0,0,.18);height:100%;scroll-margin-top:110px}.factor-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.factor-badge{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#2f6fff,#56d6ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;box-shadow:0 10px 24px rgba(47,111,255,.28)}.factor-card h3{max-width:none;margin:0 0 8px}.factor-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9cc8ff;font-weight:700;margin-bottom:6px}.factor-statute{display:block;margin:10px 0 14px;color:#9fdfff;font-size:13px}.factor-list{padding-left:18px;margin:0 0 12px}.factor-list li{margin-bottom:8px;color:#d0e0f6}.research-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.research-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.94));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:22px;height:100%}.research-card p,.research-card li{color:#d0e0f6}.research-card ul{padding-left:18px;margin:12px 0 0}.organizer-steps{counter-reset:step}.organizer-step{position:relative;padding-left:62px;margin-bottom:18px}.organizer-step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2f6fff,#56d6ff);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.source-trail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-trail .source-card h3{max-width:none}.best-interest-note{font-size:14px;color:#d5e4fb}.best-interest-page .page-hero p.lead{max-width:26ch}.best-interest-page .page-hero .hero-summary-list{padding-left:18px;margin-top:14px}.best-interest-page .page-hero .hero-summary-list li{margin-bottom:8px;color:#d8e6fb}@media (max-width:991px){.best-interest-shell,.best-interest-grid,.research-strip,.source-trail,.section-jump-grid{grid-template-columns:1fr}.factor-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.factor-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.factor-card{padding:20px}.organizer-step{padding-left:56px}} .best-interest-page .section-jump-grid a,.best-interest-page .factor-jump-grid a{scroll-margin-top:96px} .best-interest-page .inline-cta-row .btn{margin-bottom:10px} .best-interest-page .inline-cta-row .btn{white-space:normal} .best-interest-page #parent-use-lens .callout,.best-interest-page #parent-use-lens .card-lite{min-height:100%} .best-interest-page #routine-tracker .page-purpose-strip, .best-interest-page #support-circle .page-purpose-strip, .best-interest-page .section-jump-grid { display:flex; flex-wrap:wrap; gap:12px; } .best-interest-page #routine-tracker .page-purpose-card, .best-interest-page #support-circle .page-purpose-card { min-width:220px; flex:1 1 220px; } .best-interest-shell-media { align-items: stretch; } .media-feature-card { background: linear-gradient(180deg, rgba(13, 27, 60, 0.96), rgba(7, 16, 38, 0.98)); border: 1px solid rgba(110, 208, 255, 0.26); border-radius: 24px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28); overflow: hidden; } .media-feature-link { display: block; } .media-feature-image { display: block; width: 100%; height: auto; border-bottom: 1px solid rgba(110, 208, 255, 0.18); } .media-feature-copy { padding: 24px; } .media-feature-copy h3 { margin-top: 8px; } @media (min-width: 992px) { .best-interest-shell-media { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } } .fcs-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .fcs-grid .source-card { min-height: 100%; } .chooser-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin-top:18px; } .chooser-card { background:rgba(255,255,255,0.05); border:1px solid rgba(191,219,254,0.18); border-radius:18px; padding:20px; box-shadow:0 12px 32px rgba(15,23,42,0.18); } .chooser-card h3 { margin:8px 0 10px; } .chooser-list { margin:12px 0 0; padding-left:18px; } .chooser-list li + li { margin-top:6px; } .published-commentary-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start} .published-commentary-card,.published-commentary-preview{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,22,42,.9));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:24px;box-shadow:0 20px 48px rgba(0,0,0,.22)} .published-commentary-card h3,.published-commentary-preview h3{margin-top:6px} .published-commentary-preview figure{margin:0} .published-commentary-preview img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(148,163,184,.2);box-shadow:0 16px 36px rgba(0,0,0,.24)} .published-commentary-actions,.published-commentary-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px} .published-commentary-note{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.15)} .published-commentary-note strong{color:#fff} .published-commentary-list{margin:14px 0 0;padding-left:18px} .published-commentary-list li{margin-bottom:8px} .published-commentary-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;color:#7dd3fc} @media (max-width:991px){.published-commentary-grid{grid-template-columns:1fr}} .published-writing-home-grid{display:grid;grid-template-columns:1.2fr .88fr;gap:24px;align-items:start} .published-writing-home-card,.published-writing-home-preview{background:linear-gradient(180deg,rgba(6,20,44,.86),rgba(5,16,36,.92));border:1px solid rgba(126,211,255,.18);border-radius:26px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.22)} .published-writing-home-card h3,.published-writing-home-preview h3{margin-top:0} .published-writing-home-image{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(126,211,255,.18);box-shadow:0 14px 38px rgba(0,0,0,.24)} .published-writing-home-image img{display:block;width:100%;height:auto} @media (max-width:991px){.published-writing-home-grid{grid-template-columns:1fr}} .family-week-chooser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.family-week-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(10,20,37,.94));border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:24px;box-shadow:0 18px 36px rgba(0,0,0,.16);height:100%}.family-week-card h3{max-width:none;margin:0 0 10px}.family-week-card p{color:#d0e0f6}.family-week-card .meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9cc8ff;font-weight:700;margin-bottom:8px}@media (max-width:991px){.family-week-chooser-grid{grid-template-columns:1fr}} #child-week-planner-home .family-week-card, #week-planning-chooser .family-week-card { min-height: 100%; } #family-week-carry-set .packet-card { min-height: 100%; } #week-planning-sheet .callout .btn-row { flex-wrap: wrap; } .family-snapshot-strip .page-purpose-card { min-height: 100%; } #child-needs-snapshot .btn-row .btn, #snapshot-carry-set .card-link-list a { margin-bottom: 8px; } .family-pdf-status-strip { background: linear-gradient(180deg, rgba(8,18,36,0.96), rgba(11,26,51,0.94)); } .family-pdf-status-strip .packet-use-card, #family-pdf-lane-map .packet-use-card, #family-pdf-swap-note .authority-card { border: 1px solid rgba(148, 163, 184, 0.24); box-shadow: 0 18px 40px rgba(2, 6, 23, 0.18); } #family-pdf-swap-note .authority-grid { margin-top: 1.25rem; } .family-pdf-quick-note{margin-top:12px;color:#cbd5e1;font-size:.95rem;} .family-mobile-template-strip .packet-use-card, #family-mobile-templates .packet-use-card, #family-mobile-template-lane .packet-use-card{min-height:100%;} .family-tools-hero-note,.family-tools-callout{background:linear-gradient(180deg,rgba(10,25,48,.88),rgba(9,22,41,.94));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.18)} #family-tools-center-link .packet-use-card,#family-tools-center .packet-use-card{height:100%} .page-jump-nav a[href="family-tools.html"], .card-link-list a[href="family-tools.html"], .link-row a[href="family-tools.html"]{font-weight:600} .page-jump-nav a[href="protect-child-relationships.html"], .card-link-list a[href="protect-child-relationships.html"], .link-row a[href="protect-child-relationships.html"]{font-weight:600} .card-link-list a[href="downloads/child-caught-in-the-middle-guide-public.txt"], .card-link-list a[href="downloads/rough-handoff-repair-sheet-public.txt"], .card-link-list a[href="downloads/school-provider-strain-check-public.txt"]{font-weight:600} .relationship-quick-note{font-size:13px;color:#d6e6fb}.packet-use-card .card-link-list a{display:inline-block;margin-right:8px;margin-bottom:6px}.page-jump-nav a[href="#first-48-hours"],.page-jump-nav a[href="#age-band-support"],.sources-nav a[href="#first-48-hours"],.sources-nav a[href="#age-band-support"]{border-color:rgba(86,214,255,.28)} .site-search-launch-strip{ border-top:1px solid rgba(123,211,255,.12); border-bottom:1px solid rgba(123,211,255,.12); background:linear-gradient(180deg, rgba(3,16,38,.94), rgba(2,12,30,.88)); } .site-search-launch-strip .container{ padding-top:12px; padding-bottom:12px; } .site-search-launch-form, .route-finder-launcher, .route-finder-launcher-inline{ border:1px solid rgba(123,211,255,.24); background:rgba(9,22,46,.82); color:#f8fbff; width:100%; border-radius:18px; box-shadow:0 10px 28px rgba(2,10,24,.24); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease; } .site-search-launch-form{ padding:14px 18px; } .site-search-launch-form:hover, .site-search-launch-form:focus-within, .route-finder-launcher:hover, .route-finder-launcher:focus, .route-finder-launcher-inline:hover, .route-finder-launcher-inline:focus{ border-color:rgba(123,211,255,.48); box-shadow:0 14px 34px rgba(2,10,24,.34); background:rgba(10,28,58,.92); transform:translateY(-1px); outline:none; } .site-search-launch-row{ display:flex; align-items:center; gap:10px; margin-top:10px; } .site-search-launch-input{ flex:1 1 auto; min-width:0; height:50px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#f8fbff; padding:0 16px; font-size:16px; line-height:1.2; } .site-search-launch-input::placeholder{color:rgba(223,235,255,.76);} .site-search-launch-input:focus{ outline:none; border-color:rgba(123,211,255,.56); box-shadow:0 0 0 3px rgba(86,214,255,.14); background:rgba(255,255,255,.08); } .site-search-launch-submit, .route-finder-launcher-shortcut{ appearance:none; flex:0 0 auto; font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:800; color:#d8e9ff; padding:0 14px; height:50px; border-radius:14px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); } .site-search-launch-submit:hover, .site-search-launch-submit:focus, .route-finder-launcher-shortcut:hover, .route-finder-launcher-shortcut:focus{ outline:none; border-color:rgba(123,211,255,.48); background:rgba(255,255,255,.11); } .site-search-launch-meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; } .site-search-launch-help{ font-size:13px; color:rgba(232,243,255,.82); } .route-finder-launcher, .route-finder-launcher-inline{ appearance:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 18px; text-align:left; } .route-finder-launcher-kicker{ display:block; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-2); font-weight:800; } .route-finder-launcher-copy{ display:flex; flex-direction:column; gap:4px; min-width:0; } .route-finder-launcher-text{ font-size:16px; line-height:1.3; font-weight:700; color:#f8fbff; } .route-finder-launcher-inline{ margin-top:16px; padding:12px 16px; gap:12px; } .route-finder-launcher-inline span{ display:block; font-size:13px; color:rgba(232,243,255,.82); } .route-finder-launcher-inline strong{ flex:0 0 auto; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-2); } .route-finder-trigger, .route-finder-footer-link{ white-space:nowrap; } @media (max-width: 991px){ .route-finder-launcher-text{font-size:15px;} .route-finder-launcher-shortcut,.site-search-launch-submit{font-size:11px;} .site-search-launch-meta{align-items:flex-start;flex-direction:column;} } @media (max-width: 767px){ .site-search-launch-strip .container{padding-top:10px;padding-bottom:10px;} .site-search-launch-form{padding:12px 14px;border-radius:14px;} .site-search-launch-row{flex-wrap:wrap;} .site-search-launch-input{width:100%;height:46px;font-size:15px;} .site-search-launch-submit,.route-finder-launcher-shortcut{height:44px;border-radius:12px;} .route-finder-launcher-inline{display:none;} } .sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .route-finder-assist{margin-top:18px;} .route-finder-assist[hidden]{display:none !important;} .route-finder-assist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} .route-finder-prompt-card{padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(15,28,52,.84),rgba(8,18,33,.96));box-shadow:0 18px 36px rgba(0,0,0,.16);} .route-finder-prompt-card-wide{grid-column:1/-1;} .route-finder-prompt-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bfe8ff;margin-bottom:8px;} .route-finder-prompt-card h3{margin:0 0 8px;font-size:20px;line-height:1.2;} .route-finder-prompt-card p,.route-finder-empty-mini{margin:0;color:#c8daef;font-size:14px;line-height:1.65;} .route-finder-mini-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} .route-finder-mini-chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.05);color:#e6f1ff;font-size:12px;font-weight:800;letter-spacing:.03em;transition:all .18s ease;} .route-finder-mini-chip:hover,.route-finder-mini-chip:focus{background:rgba(86,214,255,.14);border-color:rgba(86,214,255,.34);color:#fff;} .route-finder-mini-chip.is-recent{background:rgba(47,111,255,.12);border-color:rgba(96,165,250,.28);} .route-finder-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;} .route-finder-recent-card{display:flex;flex-direction:column;gap:8px;min-height:100%;padding:14px 14px 13px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.04);color:#eef5ff;transition:all .18s ease;} .route-finder-recent-card:hover,.route-finder-recent-card:focus{background:rgba(86,214,255,.12);border-color:rgba(86,214,255,.34);color:#fff;} .route-finder-recent-type{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#bfe8ff;} .route-result-card.is-active{border-color:rgba(111,231,255,.44);box-shadow:0 24px 46px rgba(0,0,0,.24),0 0 0 2px rgba(111,231,255,.14);background:linear-gradient(180deg,rgba(20,40,69,.95),rgba(10,22,41,.99));color:#fff;} .route-result-card mark{background:rgba(111,231,255,.16);color:#fff;padding:0 4px;border-radius:6px;} .route-finder-launcher.is-pulse,.route-finder-launcher-inline.is-pulse{animation:routeFinderPulse 1.1s ease;} @keyframes routeFinderPulse{0%{box-shadow:0 0 0 0 rgba(86,214,255,.0);}30%{box-shadow:0 0 0 8px rgba(86,214,255,.16);}100%{box-shadow:0 0 0 0 rgba(86,214,255,.0);}} @media (max-width:991px){.route-finder-assist-grid,.route-finder-recent-grid{grid-template-columns:minmax(0,1fr);} } @media (max-width:767px){.route-finder-assist{margin-top:14px;}.route-finder-prompt-card{padding:16px;border-radius:18px;}.route-finder-prompt-card h3{font-size:18px;}.route-finder-recent-grid{grid-template-columns:minmax(0,1fr);}.route-finder-mini-chip{width:100%;justify-content:flex-start;}.route-finder-mini-chip-row{display:grid;grid-template-columns:minmax(0,1fr);}} .strip-expand-toggle{ display:inline-flex; align-items:center; gap:10px; min-height:38px; padding:8px 14px; border-radius:999px; border:1px dashed rgba(148,163,184,.3); background:rgba(255,255,255,.04); color:#eaf3ff; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; transition:all .18s ease; } .strip-expand-toggle strong{ display:inline-flex; align-items:center; justify-content:center; min-width:24px; min-height:24px; padding:0 6px; border-radius:999px; background:rgba(86,214,255,.16); color:#fff; font-size:11px; font-weight:800; } .strip-expand-toggle:hover, .strip-expand-toggle:focus{ background:rgba(86,214,255,.16); border-color:rgba(86,214,255,.4); color:#fff; outline:none; } .platform-rail-inner.is-compact-collapsed .strip-overflow-link, .site-intent-inner.is-compact-collapsed .strip-overflow-link, .quick-help-links.is-compact-collapsed .strip-overflow-link{ display:none !important; } .platform-rail-inner.is-compact-expanded .strip-overflow-link, .site-intent-inner.is-compact-expanded .strip-overflow-link, .quick-help-links.is-compact-expanded .strip-overflow-link{ display:inline-flex !important; } .platform-rail-inner.is-compact-ready, .site-intent-inner.is-compact-ready, .quick-help-links.is-compact-ready{ align-items:center; } .platform-rail-inner.is-compact-ready::after, .site-intent-inner.is-compact-ready::after, .quick-help-links.is-compact-ready::after{ content:''; flex:999 1 auto; } .site-intent-inner .strip-expand-toggle, .quick-help-links .strip-expand-toggle{ min-height:36px; } .quick-help-links .strip-expand-toggle{ background:rgba(255,255,255,.06); } .site-search-launch-strip{ position:sticky; top:0; z-index:16; backdrop-filter:blur(14px); } .site-search-launch-strip .site-search-launch-form{ box-shadow:0 14px 34px rgba(0,0,0,.12); } @media (max-width: 991px){ .platform-rail-inner.is-compact-collapsed .strip-overflow-link, .site-intent-inner.is-compact-collapsed .strip-overflow-link, .quick-help-links.is-compact-collapsed .strip-overflow-link{ display:inline-flex !important; } .strip-expand-toggle{ display:none !important; } .site-search-launch-strip{ position:relative; top:auto; } } .site-top-search-strip{ position:sticky; top:0; z-index:40; border-top:none; border-bottom:1px solid rgba(123,211,255,.16); background:linear-gradient(180deg, rgba(2,12,30,.98), rgba(4,18,38,.94)); box-shadow:0 10px 28px rgba(0,0,0,.22); } .site-top-search-strip .container{ padding-top:10px; padding-bottom:10px; } .site-top-search-form{ padding:12px 16px; } .site-top-search-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; } .site-search-launch-shortcut-note{ font-size:12px; color:rgba(232,243,255,.78); } .site-search-launch-shortcut-note strong{ color:#ffffff; } .page-shell > .site-search-launch-strip + .safety-ribbon{ margin-top:0; } @media (max-width: 991px){ .site-top-search-strip{ position:relative; top:auto; z-index:25; } } @media (max-width: 767px){ .site-top-search-form{ padding:12px 14px; } .site-top-search-head{ align-items:flex-start; flex-direction:column; } .site-search-launch-shortcut-note{ line-height:1.45; } } .site-top-search-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; } .site-top-search-copy{ display:flex; flex-direction:column; gap:4px; min-width:0; } .site-top-search-title{ font-size:15px; line-height:1.35; font-weight:700; color:#f8fbff; } .site-top-search-strip .route-finder-launcher-kicker{ color:#9fe8ff; } .site-top-search-strip .site-search-launch-input{ background:rgba(255,255,255,.09); border-color:rgba(123,211,255,.26); } .site-top-search-strip .site-search-launch-form{ border-color:rgba(123,211,255,.34); } @media (max-width:767px){ .site-top-search-title{font-size:14px;} } .site-top-search-form{position:relative;} .site-top-search-row{align-items:stretch;} .site-top-search-strip .site-search-launch-input{font-size:17px;min-height:54px;background:rgba(255,255,255,.12);} .site-top-search-strip .site-search-launch-submit{min-width:108px;background:linear-gradient(90deg,var(--accent-2),#58cfff);border-color:transparent;color:#fff;} .site-top-search-strip .site-search-launch-submit:hover,.site-top-search-strip .site-search-launch-submit:focus{background:linear-gradient(90deg,#295ae6,#3dbff7);color:#fff;} .site-top-search-results{margin-top:10px;border:1px solid rgba(123,211,255,.24);border-radius:16px;background:linear-gradient(180deg,rgba(8,20,40,.98),rgba(5,15,31,.98));box-shadow:0 20px 44px rgba(0,0,0,.24);overflow:hidden;} .site-top-search-result{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-top:1px solid rgba(123,211,255,.12);color:#eef6ff;} .site-top-search-result:first-child{border-top:none;} .site-top-search-result:hover,.site-top-search-result:focus{background:rgba(86,214,255,.12);color:#fff;outline:none;} .site-top-search-result-type{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#bfe8ff;} .site-top-search-result strong{font-size:15px;line-height:1.3;color:#fff;} .site-top-search-result span:last-child{font-size:13px;line-height:1.55;color:rgba(232,243,255,.82);} .site-top-search-empty{display:flex;flex-direction:column;gap:6px;padding:14px 16px;font-size:13px;color:rgba(232,243,255,.84);} .site-top-search-empty strong{font-size:14px;color:#fff;} @media (max-width:767px){.site-top-search-strip .site-search-launch-input{min-height:50px;font-size:16px;}.site-top-search-strip .site-search-launch-submit{width:100%;}} .site-top-search-strip{display:block !important;visibility:visible !important;z-index:1200;isolation:isolate;} .site-top-search-form{position:relative;display:block;} .site-top-search-head{align-items:flex-start;} .site-search-launch-shortcut-note{color:rgba(232,243,255,.86);} .site-top-search-results{position:relative;margin-top:8px;} .site-top-search-result.is-active{background:rgba(86,214,255,.18);color:#fff;outline:none;} .site-top-search-result mark{background:rgba(111,231,255,.24);color:#fff;padding:0 .15em;border-radius:.2em;} .route-finder-trigger, .route-finder-footer-link, .route-finder-launcher-inline{display:none !important;} .quick-help-links .strip-expand-toggle, .cluster-quick + .cluster-toggle-row, .cluster-quick .cluster-toggle{display:none !important;} .quick-help-links.cluster-collapsed .cluster-hidden, .quick-help-links.is-compact-collapsed .strip-overflow-link{display:inline-flex !important;} @media (min-width: 992px){ .site-top-search-strip .container{padding-top:12px;padding-bottom:12px;} .site-top-search-form{padding:14px 18px;} } .site-top-search-strip{display:block !important;visibility:visible !important;position:sticky;top:0;z-index:1200;backdrop-filter:blur(14px);} .site-top-search-strip .container{padding-top:10px;padding-bottom:10px;} .site-top-search-strip .site-search-launch-form{padding:16px 18px 14px;border-radius:16px;border:1px solid rgba(123,211,255,.22);background:linear-gradient(180deg,rgba(5,18,36,.97),rgba(7,21,40,.96));box-shadow:0 16px 36px rgba(0,0,0,.18);} .site-top-search-head{margin-bottom:10px;} .site-top-search-copy{display:flex;flex-direction:column;gap:4px;} .site-top-search-title{font-size:15px;font-weight:800;line-height:1.35;color:#f5f9ff;} .site-search-launch-row{display:flex;align-items:stretch;gap:10px;} .site-top-search-strip .site-search-launch-input{min-height:56px;padding:0 18px;font-size:17px;font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(148,163,184,.24);} .site-top-search-strip .site-search-launch-input:focus{background:rgba(255,255,255,.18);border-color:rgba(111,231,255,.44);box-shadow:0 0 0 3px rgba(111,231,255,.12);} .site-top-search-strip .site-search-launch-submit{min-width:112px;font-weight:800;} .site-search-launch-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;} .site-search-launch-help,.site-search-launch-shortcut-note{font-size:12px;line-height:1.5;color:rgba(232,243,255,.86);} .site-top-search-results{position:relative;margin-top:10px;} .platform-rail-inner .strip-pruned-link, .site-intent-inner .strip-pruned-link{display:none !important;} .platform-rail-inner.is-compact-ready::after, .site-intent-inner.is-compact-ready::after{display:none !important;content:none !important;} .platform-rail-inner.is-compact-ready, .site-intent-inner.is-compact-ready{justify-content:flex-start;} .platform-rail-inner .strip-expand-toggle, .site-intent-inner .strip-expand-toggle, .cluster-platform + .cluster-toggle-row, .cluster-intent + .cluster-toggle-row{display:none !important;} @media (max-width:991px){ .site-top-search-strip{position:relative;top:auto;} .platform-rail-inner .strip-pruned-link, .site-intent-inner .strip-pruned-link{display:inline-flex !important;} } @media (max-width:767px){ .site-top-search-strip .site-search-launch-form{padding:14px 14px 12px;} .site-search-launch-row{flex-wrap:wrap;} .site-top-search-strip .site-search-launch-input{width:100%;min-height:52px;font-size:16px;} .site-top-search-strip .site-search-launch-submit{width:100%;} } .header-route-deck{ position:relative; z-index:2; border-bottom:1px solid rgba(148,163,184,.14); background:linear-gradient(180deg,rgba(4,16,32,.94),rgba(6,18,36,.96)); } .header-route-deck-head{ border-top:1px solid rgba(255,255,255,.03); border-bottom:1px solid rgba(148,163,184,.12); background:linear-gradient(180deg,rgba(8,21,40,.72),rgba(7,18,34,.88)); } .header-route-deck-head-inner{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 0; } .header-route-deck-copy{ display:flex; flex-direction:column; gap:3px; min-width:0; } .header-route-deck-kicker{ font-size:11px; line-height:1.2; letter-spacing:.08em; text-transform:uppercase; font-weight:800; color:#9fe8ff; } .header-route-deck-note{ font-size:13px; line-height:1.5; color:rgba(232,243,255,.82); } .header-route-deck-switch{ display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap; } .header-route-deck-tab{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.05); color:#eef5ff; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } .header-route-deck-tab:hover, .header-route-deck-tab:focus{ background:rgba(86,214,255,.12); border-color:rgba(148,223,255,.42); color:#fff; outline:none; } .header-route-deck-tab.is-active{ background:linear-gradient(180deg,rgba(86,214,255,.24),rgba(47,111,255,.22)); border-color:rgba(148,223,255,.48); color:#fff; box-shadow:0 10px 24px rgba(4,16,34,.18); } .header-route-deck .platform-rail, .header-route-deck .site-intent-strip{ background:transparent; border-bottom:none; box-shadow:none; } .header-route-deck .platform-rail{border-top:none;} .header-route-deck .platform-rail-inner, .header-route-deck .site-intent-inner{ padding-top:10px; padding-bottom:12px; } .header-route-panel[hidden]{display:none !important;} @media (max-width:991px){ .header-route-deck-head-inner{ align-items:flex-start; flex-direction:column; } .header-route-deck-switch{ width:100%; } .header-route-deck-tab{ flex:1 1 180px; } } @media (max-width:767px){ .header-route-deck-note{font-size:12px;} .header-route-deck-switch{display:flex;width:100%;} .header-route-deck-tab{flex:1 1 0;min-height:40px;padding:9px 12px;} } @media print{ .header-route-deck{display:none !important;} } .anchor-offset{ display:block; position:relative; top:-96px; visibility:hidden; } .crisis-first-screen{position:relative;background:linear-gradient(180deg,#020817 0%,#061a34 100%);border-bottom:1px solid rgba(125,211,252,.28);padding:22px 0 20px;z-index:5;} .crisis-first-card{background:linear-gradient(180deg,rgba(8,26,52,.96),rgba(3,12,28,.98));border:1px solid rgba(125,211,252,.28);border-radius:24px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.38);} .crisis-first-kicker{display:inline-flex;align-items:center;border:1px solid rgba(125,211,252,.35);border-radius:999px;padding:6px 12px;margin-bottom:12px;color:#b7efff;background:rgba(34,211,238,.12);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;} .crisis-first-card h1{font-size:clamp(30px,7vw,52px);line-height:1.04;margin:0 0 12px;color:#fff;letter-spacing:-.03em;} .crisis-first-lead{font-size:clamp(18px,4.2vw,23px);line-height:1.38;color:#e9f5ff;margin:0 0 16px;max-width:900px;} .crisis-first-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;} .crisis-call{display:flex;flex-direction:column;justify-content:center;min-height:84px;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.78);color:#fff!important;text-align:center;padding:14px 12px;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);} .crisis-call span{font-size:20px;font-weight:900;line-height:1.1;} .crisis-call small{display:block;color:#cbd5e1;font-size:12px;line-height:1.25;margin-top:5px;} .crisis-call.primary{background:linear-gradient(135deg,#2563eb,#22d3ee);border-color:rgba(125,211,252,.55);} .crisis-call.primary small{color:#eefbff;} .crisis-call.danger{background:linear-gradient(135deg,#7f1026,#be123c);border-color:rgba(251,113,133,.56);} .crisis-call:focus-visible{outline:3px solid #fff;outline-offset:3px;} .crisis-first-steps{background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:16px 18px;color:#eaf4ff;} .crisis-first-steps strong{display:block;color:#fff;margin-bottom:8px;font-size:16px;} .crisis-first-steps ul{margin:0;padding-left:20px;} .crisis-first-steps li{color:#dbeafe;margin:0 0 7px;} .crisis-first-next{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;} .crisis-first-next a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(125,211,252,.28);background:rgba(125,211,252,.1);color:#dff8ff;font-weight:800;padding:10px 14px;text-decoration:none!important;} @media (max-width:767px){ .crisis-priority-page .site-top-search-strip, .crisis-priority-page .safety-ribbon, .crisis-priority-page .navbar, .crisis-priority-page .platform-rail, .crisis-priority-page .site-intent-strip, .crisis-priority-page .page-jump-strip, .crisis-priority-page .page-identity-band{display:none!important;} .crisis-priority-page .page-hero{padding:24px 0 22px;} .crisis-priority-page .page-hero .sources-nav, .crisis-priority-page .page-hero .hero-utility-row{display:none!important;} .crisis-priority-page .page-hero h1{font-size:28px;line-height:1.08;} .crisis-priority-page .page-hero p.lead{font-size:17px;} .crisis-first-screen{padding:14px 0 12px;} .crisis-first-card{border-radius:20px;padding:18px 16px;} .crisis-first-actions{grid-template-columns:1fr;gap:10px;margin:14px 0;} .crisis-call{min-height:64px;border-radius:15px;} .crisis-call span{font-size:20px;} .crisis-first-next{display:grid;grid-template-columns:1fr;} .crisis-priority-page.has-mobile-action-dock{padding-bottom:118px;} .mobile-action-dock .mobile-action-link.is-urgent{background:linear-gradient(135deg,#7f1026,#be123c)!important;border-color:rgba(251,113,133,.6)!important;} } @media (min-width:992px){ html{ scroll-padding-bottom:120px; } body.has-page-jump-dock{ padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px)); } body.has-page-jump-dock .page-jump-strip{ position:fixed !important; top:auto !important; right:0; bottom:0; left:0; z-index:1055; padding:9px 0 calc(10px + env(safe-area-inset-bottom, 0px)); border-top:1px solid rgba(111,231,255,.22); border-bottom:0; background:linear-gradient(180deg,rgba(4,16,31,.82),rgba(3,12,24,.97)); box-shadow:0 -18px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter:blur(14px); } body.has-page-jump-dock .page-jump-strip .page-jump-shell{ display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 14px; } body.has-page-jump-dock .page-jump-progress{ grid-column:1 / -1; order:0; height:3px; margin:0; background:rgba(148,163,184,.13); } body.has-page-jump-dock .page-jump-nav{ grid-column:1; display:flex; flex-wrap:nowrap; gap:8px; min-width:0; max-width:100%; overflow-x:auto; overflow-y:hidden; padding:0 4px 2px 0 !important; scrollbar-width:thin; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; } body.has-page-jump-dock .page-jump-nav a{ flex:0 0 auto; min-height:34px; padding:7px 12px; white-space:nowrap; scroll-snap-align:start; } body.has-page-jump-dock .page-jump-status{ grid-column:2; position:static !important; transform:none !important; align-self:center; width:auto; max-width:min(34vw, 460px); min-height:34px; margin:0 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(8,22,39,.88); } body.has-page-jump-dock .back-to-top{ bottom:calc(104px + env(safe-area-inset-bottom, 0px)); } } @media (max-width:991px){ body.has-page-jump-dock{ padding-bottom:0 !important; } body.has-page-jump-dock .page-jump-strip{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; z-index:8; padding:10px 0; box-shadow:none; } body.has-page-jump-dock .page-jump-strip .page-jump-shell{ display:block !important; } body.has-page-jump-dock .page-jump-progress{ height:3px; margin:0 0 10px; } body.has-page-jump-dock .page-jump-nav{ padding-right:0 !important; } body.has-page-jump-dock .page-jump-status{ position:static !important; transform:none !important; max-width:100%; width:max-content; margin-top:8px !important; white-space:normal; } } @media (max-width:479px){ body.has-page-jump-dock .page-jump-status{ display:none !important; } } @media print{ body.has-page-jump-dock{ padding-bottom:0 !important; } body.has-page-jump-dock .page-jump-strip{ position:static !important; } } /* V24: the named accountability record is a first-class route on every phone. */ .navbar .navbar-nav > li.nav-amanda-record > a{position:relative;font-weight:800;} .navbar .navbar-nav > li.nav-amanda-record > a::after{ content:"Record";display:inline-flex;align-items:center;justify-content:center;margin-left:7px;padding:2px 7px; border-radius:999px;border:1px solid rgba(245,158,11,.36);background:rgba(245,158,11,.12);color:#fde68a; font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle; } .js-mobile-accountability-feature{display:none;} @media (max-width:767px){ .js-mobile-hamburger-nav{position:relative;} .js-mobile-accountability-feature{ position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"kicker cta" "title cta";gap:4px 14px;align-items:center;min-height:88px;padding:15px 16px; border-radius:20px;border:1px solid rgba(251,191,36,.46); background:radial-gradient(circle at 12% 10%,rgba(251,191,36,.18),transparent 42%),linear-gradient(135deg,rgba(99,20,38,.96),rgba(43,22,55,.98) 56%,rgba(8,24,48,.98)); color:#fff!important;text-decoration:none!important;box-shadow:0 18px 38px rgba(2,8,23,.3),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden; } .js-mobile-accountability-feature::before{ content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.1) 48%,transparent 68%); transform:translateX(-120%);animation:jt-accountability-shine 6s ease-in-out infinite; } .js-mobile-accountability-feature:focus-visible{outline:3px solid rgba(253,230,138,.92);outline-offset:2px;} .js-mobile-accountability-feature.is-current{ border-color:rgba(134,239,172,.62);background:radial-gradient(circle at 12% 10%,rgba(74,222,128,.18),transparent 42%),linear-gradient(135deg,rgba(20,83,45,.96),rgba(17,48,58,.98) 58%,rgba(8,24,48,.98)); } .js-mobile-accountability-kicker{grid-area:kicker;color:#fde68a;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.1em;text-transform:uppercase;} .js-mobile-accountability-feature.is-current .js-mobile-accountability-kicker{color:#bbf7d0;} .js-mobile-accountability-title{grid-area:title;color:#fff;font-size:15px;line-height:1.28;font-weight:900;} .js-mobile-accountability-cta{grid-area:cta;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 11px;border-radius:13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff;font-size:11px;line-height:1.15;font-weight:900;text-align:center;white-space:nowrap;} .js-mobile-h-group[data-mobile-nav-group="accountability"]{border-color:rgba(251,191,36,.34);background:linear-gradient(180deg,rgba(54,24,48,.96),rgba(15,24,45,.94));} .js-mobile-h-group[data-mobile-nav-group="accountability"] .js-mobile-h-icon{background:linear-gradient(135deg,rgba(251,191,36,.24),rgba(244,63,94,.15));border-color:rgba(251,191,36,.4);} .js-mobile-h-group[data-mobile-nav-group="accountability"] .js-mobile-h-title{color:#fef3c7;} .js-mobile-h-group[data-mobile-nav-group="accountability"] .js-mobile-h-link:first-child{border-color:rgba(251,191,36,.36);background:linear-gradient(90deg,rgba(251,191,36,.16),rgba(244,63,94,.08));color:#fff;font-weight:900;} } @keyframes jt-accountability-shine{0%,64%,100%{transform:translateX(-120%)}78%{transform:translateX(120%)}} @media (prefers-reduced-motion:reduce){.js-mobile-accountability-feature::before{animation:none!important;}} /* ---- css/official-doors-court-forms.css ---- */ .official-source-note{margin-top:18px;padding:14px 16px;border:1px solid rgba(86,214,255,.24);border-radius:14px;background:rgba(86,214,255,.06);color:#d8e6fb;font-size:14px} .official-door-grid,.az-grid,.forms-matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px} .official-door-card,.az-card,.forms-card{background:linear-gradient(180deg,rgba(16,29,54,.78),rgba(13,24,45,.9));border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:22px;box-shadow:0 18px 44px rgba(0,0,0,.2)} .official-door-card h3,.az-card h3,.forms-card h3{font-size:22px;margin:6px 0 10px}.official-door-card p,.az-card p,.forms-card p{margin-bottom:12px}.route-tag{display:inline-block;border:1px solid rgba(86,214,255,.34);border-radius:999px;padding:4px 9px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#99e9ff;background:rgba(86,214,255,.07)} .source-link-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.source-link-list a{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.05);font-size:13px;color:#eaf6ff}.source-link-list a:hover,.source-link-list a:focus{background:rgba(86,214,255,.14);color:#fff} .route-finder-panel{border:1px solid rgba(86,214,255,.26);border-radius:20px;background:linear-gradient(135deg,rgba(6,24,49,.92),rgba(12,39,70,.82));padding:24px;box-shadow:0 20px 54px rgba(0,0,0,.22)} .choice-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.choice-pill{display:inline-block;border:1px solid rgba(86,214,255,.3);border-radius:999px;padding:9px 12px;background:rgba(86,214,255,.08);color:#eaf6ff;font-weight:600}.choice-pill:hover,.choice-pill:focus{background:rgba(86,214,255,.18);color:#fff}.warning-band{border-left:4px solid #ffcf5a;background:rgba(255,207,90,.08);border-radius:14px;padding:16px 18px;margin:18px 0;color:#f7e8bd}.warning-band strong{color:#fff} .matrix-table-wrap{overflow-x:auto;border:1px solid rgba(148,163,184,.18);border-radius:18px;margin-top:22px;background:rgba(255,255,255,.03)}.matrix-table{width:100%;min-width:980px;border-collapse:collapse}.matrix-table th,.matrix-table td{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top;color:#d5e4fb}.matrix-table th{color:#fff;background:rgba(86,214,255,.08);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.matrix-table tr:last-child td{border-bottom:none}.matrix-table a{font-weight:700}.small-caps{letter-spacing:.11em;text-transform:uppercase;font-size:11px;color:#9deaff;font-weight:700}.timeline-check-card .source-link-list{margin-top:10px} @media (max-width:991px){.official-door-grid,.az-grid,.forms-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){.official-door-grid,.az-grid,.forms-matrix-grid{grid-template-columns:1fr}.matrix-table{min-width:760px}} /* ---- css/family-support-routes.css ---- */ .family-route-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px} .family-route-route-card{background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(9,20,39,.92));border:1px solid rgba(86,214,255,.2);border-radius:18px;padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.22);min-height:100%} .family-route-route-card h3{font-size:22px;margin:6px 0 10px;color:#fff}.family-route-route-card p{color:#c8d8ef}.family-route-route-card ul{padding-left:18px;margin:12px 0}.family-route-route-card li{margin-bottom:6px} .family-route-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.family-route-pill{display:inline-flex;align-items:center;border:1px solid rgba(86,214,255,.38);border-radius:999px;padding:8px 12px;background:rgba(86,214,255,.08);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#eaf8ff}.family-route-warning{border:1px solid rgba(255,214,102,.3);background:rgba(255,214,102,.08);border-radius:16px;padding:16px 18px;margin:18px 0;color:#f8e8b6}.family-route-warning strong{color:#fff}.family-route-step-list{counter-reset:step;list-style:none;margin:20px 0 0;padding:0}.family-route-step-list li{position:relative;margin:0 0 14px;padding:16px 16px 16px 56px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(255,255,255,.035)}.family-route-step-list li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:999px;background:rgba(86,214,255,.16);border:1px solid rgba(86,214,255,.42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.family-route-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.family-route-mini{font-size:13px;color:#b7c7e0}.family-route-command-band{border:1px solid rgba(86,214,255,.24);border-radius:22px;background:linear-gradient(135deg,rgba(86,214,255,.09),rgba(47,111,255,.06));padding:22px;margin:22px 0}.family-route-command-band h2{font-size:30px}.family-route-print-card{border:1px dashed rgba(86,214,255,.38);border-radius:16px;padding:16px;background:rgba(2,8,23,.35)} @media (max-width:991px){.family-route-route-grid,.family-route-two-col{grid-template-columns:1fr}.family-route-route-card{padding:18px}} @media print{.family-route-route-card,.family-route-command-band,.family-route-warning{box-shadow:none;background:#fff;color:#111;border-color:#999}.family-route-route-card p,.family-route-route-card li,.family-route-warning,.family-route-mini{color:#111}.family-route-pill{color:#111;border-color:#777;background:#fff}} /* ---- css/school-county-pdf-tools.css ---- */ .resource-band{border:1px solid rgba(86,214,255,.28);background:linear-gradient(135deg,rgba(86,214,255,.10),rgba(47,111,255,.08));border-radius:24px;padding:24px;margin:24px 0;box-shadow:0 22px 60px rgba(2,8,23,.24)} .resource-band h2{margin-top:0}.resource-band p{color:#d7e6ff}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.resource-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(8,19,37,.94));padding:20px;min-height:100%;box-shadow:0 18px 42px rgba(2,8,23,.20)}.resource-card h3{font-size:21px;margin:4px 0 10px;color:#fff}.resource-card p,.resource-card li{color:#c8d8ef}.resource-card ul{margin:12px 0 0;padding-left:18px}.resource-card li{margin-bottom:7px}.resource-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.resource-pill{display:inline-flex;align-items:center;border:1px solid rgba(86,214,255,.40);background:rgba(86,214,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#eaf8ff;text-decoration:none}.resource-pill:hover{background:rgba(86,214,255,.15);color:#fff;text-decoration:none}.resource-step-list{counter-reset:step;list-style:none;margin:20px 0 0;padding:0}.resource-step-list li{position:relative;margin:0 0 14px;padding:16px 16px 16px 58px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(255,255,255,.035)}.resource-step-list li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:999px;background:rgba(86,214,255,.16);border:1px solid rgba(86,214,255,.42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.resource-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;border:1px solid rgba(148,163,184,.20);border-radius:16px;overflow:hidden}.resource-table th,.resource-table td{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top}.resource-table th{background:rgba(86,214,255,.10);color:#fff;text-align:left}.resource-table td{color:#d5e5ff}.resource-table tr:last-child td{border-bottom:0}.resource-warning{border:1px solid rgba(255,214,102,.32);background:rgba(255,214,102,.08);border-radius:16px;padding:16px 18px;color:#f9e8b6;margin:18px 0}.resource-county-list{columns:2;column-gap:24px;margin:12px 0 0;padding-left:18px}.resource-filter-note{font-size:13px;color:#b7c7e0;margin-top:10px}.resource-mini{font-size:13px;color:#b7c7e0}.resource-download-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.resource-download-list a{display:block;border:1px solid rgba(86,214,255,.22);border-radius:12px;padding:10px 12px;background:rgba(86,214,255,.06);color:#eaf8ff;text-decoration:none}.resource-download-list a:hover{background:rgba(86,214,255,.13);color:#fff;text-decoration:none} @media(max-width:991px){.resource-grid,.resource-grid.two,.resource-download-list{grid-template-columns:1fr}.resource-county-list{columns:1}.resource-card{padding:18px}} @media print{.resource-band,.resource-card,.resource-warning{box-shadow:none;background:#fff;color:#111;border-color:#888}.resource-band p,.resource-card p,.resource-card li,.resource-table td,.resource-mini{color:#111}.resource-pill,.resource-download-list a{color:#111;border-color:#777;background:#fff}.resource-table th{color:#111;background:#f2f2f2}} /* ---- css/evidence-dashboard-initiative.css ---- */ .evidence-band{border:1px solid rgba(86,214,255,.30);background:linear-gradient(135deg,rgba(86,214,255,.10),rgba(47,111,255,.08));border-radius:24px;padding:24px;margin:24px 0;box-shadow:0 22px 60px rgba(2,8,23,.24)} .evidence-band h2{margin-top:0}.evidence-band p{color:#d7e6ff}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.evidence-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.evidence-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,rgba(16,29,54,.82),rgba(8,19,37,.94));padding:20px;min-height:100%;box-shadow:0 18px 42px rgba(2,8,23,.20)}.evidence-card h3{font-size:21px;margin:4px 0 10px;color:#fff}.evidence-card p,.evidence-card li{color:#c8d8ef}.evidence-card ul{margin:12px 0 0;padding-left:18px}.evidence-card li{margin-bottom:7px}.evidence-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.evidence-pill{display:inline-flex;align-items:center;border:1px solid rgba(86,214,255,.40);background:rgba(86,214,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#eaf8ff;text-decoration:none}.evidence-pill:hover{background:rgba(86,214,255,.15);color:#fff;text-decoration:none}.evidence-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;border:1px solid rgba(148,163,184,.20);border-radius:16px;overflow:hidden}.evidence-table th,.evidence-table td{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top}.evidence-table th{background:rgba(86,214,255,.10);color:#fff;text-align:left}.evidence-table td{color:#d5e5ff}.evidence-table tr:last-child td{border-bottom:0}.evidence-note{border:1px solid rgba(255,214,102,.32);background:rgba(255,214,102,.08);border-radius:16px;padding:16px 18px;color:#f9e8b6;margin:18px 0}.evidence-meter{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin:12px 0}.evidence-meter span{color:#eaf8ff;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.evidence-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(148,163,184,.20);overflow:hidden}.evidence-fill{height:100%;background:linear-gradient(90deg,rgba(86,214,255,.65),rgba(47,111,255,.92));border-radius:999px}.evidence-timeline{counter-reset:step;list-style:none;margin:20px 0 0;padding:0}.evidence-timeline li{position:relative;margin:0 0 14px;padding:16px 16px 16px 58px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(255,255,255,.035)}.evidence-timeline li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:999px;background:rgba(86,214,255,.16);border:1px solid rgba(86,214,255,.42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.evidence-risk{display:inline-block;border:1px solid rgba(255,214,102,.36);background:rgba(255,214,102,.10);color:#ffe6a6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.evidence-risk.high{border-color:rgba(255,109,109,.50);background:rgba(255,109,109,.11);color:#ffd0d0}.evidence-risk.medium{border-color:rgba(255,214,102,.42);background:rgba(255,214,102,.10);color:#ffe6a6}.evidence-risk.lower{border-color:rgba(86,214,255,.38);background:rgba(86,214,255,.08);color:#dff7ff}.evidence-mini{font-size:13px;color:#b7c7e0}.evidence-source-tag{display:inline-block;margin:3px 5px 3px 0;border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:4px 8px;color:#d9ebff;background:rgba(255,255,255,.045);font-size:12px}.evidence-bridge{border-top:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(4,18,38,.96),rgba(8,33,66,.78));padding:34px 0}.evidence-bridge h2{margin-top:0} @media(max-width:991px){.evidence-grid,.evidence-grid.two,.evidence-grid.four{grid-template-columns:1fr}.evidence-card{padding:18px}.evidence-meter{grid-template-columns:1fr}} @media print{.evidence-band,.evidence-card,.evidence-note,.evidence-timeline li{box-shadow:none;background:#fff;color:#111;border-color:#888}.evidence-band p,.evidence-card p,.evidence-card li,.evidence-table td,.evidence-mini{color:#111}.evidence-pill{color:#111;border-color:#777;background:#fff}.evidence-table th{color:#111;background:#f2f2f2}} /* ---- css/initiative-review-accountability.css ---- */ .initiative-band{border:1px solid rgba(86,214,255,.32);background:linear-gradient(135deg,rgba(86,214,255,.105),rgba(47,111,255,.08));border-radius:24px;padding:24px;margin:24px 0;box-shadow:0 22px 64px rgba(2,8,23,.24)} .initiative-band h2{margin-top:0}.initiative-band p{color:#d7e6ff}.initiative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.initiative-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.initiative-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.initiative-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,rgba(16,29,54,.84),rgba(8,19,37,.95));padding:20px;min-height:100%;box-shadow:0 18px 42px rgba(2,8,23,.20)}.initiative-card h3{font-size:21px;margin:4px 0 10px;color:#fff}.initiative-card p,.initiative-card li{color:#c8d8ef}.initiative-card ul{margin:12px 0 0;padding-left:18px}.initiative-card li{margin-bottom:7px}.initiative-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.initiative-pill{display:inline-flex;align-items:center;border:1px solid rgba(86,214,255,.42);background:rgba(86,214,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#eaf8ff;text-decoration:none}.initiative-pill:hover{background:rgba(86,214,255,.16);color:#fff;text-decoration:none}.initiative-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;border:1px solid rgba(148,163,184,.20);border-radius:16px;overflow:hidden}.initiative-table th,.initiative-table td{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top}.initiative-table th{background:rgba(86,214,255,.10);color:#fff;text-align:left}.initiative-table td{color:#d5e5ff}.initiative-table tr:last-child td{border-bottom:0}.initiative-note{border:1px solid rgba(255,214,102,.34);background:rgba(255,214,102,.08);border-radius:16px;padding:16px 18px;color:#f9e8b6;margin:18px 0}.initiative-danger{border-color:rgba(255,109,109,.45);background:rgba(255,109,109,.08);color:#ffd0d0}.initiative-section-label{display:inline-block;margin:3px 5px 3px 0;border:1px solid rgba(148,163,184,.24);border-radius:999px;padding:4px 8px;color:#d9ebff;background:rgba(255,255,255,.045);font-size:12px;font-weight:700}.initiative-timeline{counter-reset:step;list-style:none;margin:20px 0 0;padding:0}.initiative-timeline li{position:relative;margin:0 0 14px;padding:16px 16px 16px 58px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(255,255,255,.035)}.initiative-timeline li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:999px;background:rgba(86,214,255,.16);border:1px solid rgba(86,214,255,.42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.initiative-status{display:inline-block;border:1px solid rgba(86,214,255,.38);background:rgba(86,214,255,.08);color:#dff7ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.initiative-status.warn{border-color:rgba(255,214,102,.42);background:rgba(255,214,102,.10);color:#ffe6a6}.initiative-status.hot{border-color:rgba(255,109,109,.50);background:rgba(255,109,109,.11);color:#ffd0d0}.initiative-bridge{border-top:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(4,18,38,.96),rgba(8,33,66,.78));padding:34px 0}.initiative-bridge h2{margin-top:0}.initiative-callout-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none}.initiative-callout-list li{border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.04);color:#d5e5ff}.initiative-copybox{background:rgba(255,255,255,.965);color:#0f172a;border-radius:20px;border:1px solid rgba(148,163,184,.35);padding:22px;box-shadow:0 18px 50px rgba(2,8,23,.20)}.initiative-copybox h3,.initiative-copybox h4{color:#0f172a}.initiative-copybox p,.initiative-copybox li{color:#24364f}.initiative-small{font-size:13px;color:#b7c7e0}.initiative-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.initiative-side-by-side .initiative-copybox{min-height:100%} @media(max-width:991px){.initiative-grid,.initiative-grid.two,.initiative-grid.four,.initiative-callout-list,.initiative-side-by-side{grid-template-columns:1fr}.initiative-card{padding:18px}} @media print{.initiative-band,.initiative-card,.initiative-note,.initiative-timeline li{box-shadow:none;background:#fff;color:#111;border-color:#888}.initiative-band p,.initiative-card p,.initiative-card li,.initiative-table td,.initiative-small{color:#111}.initiative-pill{color:#111;border-color:#777;background:#fff}.initiative-table th{color:#111;background:#f2f2f2}.initiative-copybox{box-shadow:none}} .initiative-current-hero .lead strong{color:#ffffff;} .initiative-current-hero .hero-actions-condensed{margin-top:20px;} .initiative-pill, .bill-chip, .evidence-pill-row a{ background:linear-gradient(180deg,#f8fbff,#dbeafe) !important; border:1px solid rgba(147,197,253,.9) !important; color:#06192d !important; text-shadow:none !important; box-shadow:0 10px 24px rgba(2,8,23,.18) !important; letter-spacing:.035em; } .initiative-pill:hover, .initiative-pill:focus, .bill-chip:hover, .bill-chip:focus, .evidence-pill-row a:hover, .evidence-pill-row a:focus{ background:linear-gradient(180deg,#ffffff,#c7f0ff) !important; border-color:rgba(103,232,249,.95) !important; color:#031222 !important; text-decoration:none !important; } .initiative-pill:focus-visible, .bill-chip:focus-visible, .evidence-pill-row a:focus-visible{ outline:3px solid rgba(125,211,252,.6); outline-offset:3px; } .initiative-band .initiative-pill-row{gap:12px;} @media(max-width:767px){ .initiative-current-hero .hero-actions-condensed .btn{width:100%;} .initiative-pill-row{display:grid;grid-template-columns:1fr;} .initiative-pill{justify-content:center;min-height:42px;} } /* ---- css/public-packets-seo-accessibility.css ---- */ .skip-link{position:absolute;left:-999px;top:10px;z-index:9999;background:#ffffff;color:#041226;border:3px solid #56d6ff;border-radius:999px;padding:10px 16px;font-weight:900;box-shadow:0 12px 32px rgba(2,8,23,.35)} .skip-link:focus,.skip-link:focus-visible{left:14px;outline:4px solid rgba(86,214,255,.42);outline-offset:3px;text-decoration:none;color:#041226} .navbar a:focus-visible,.btn:focus-visible,.public-pill:focus-visible,.footer a:focus-visible,a:focus-visible{outline:3px solid rgba(86,214,255,.72);outline-offset:3px;border-radius:8px;text-decoration:none} #main-content:focus{outline:none}.navbar .navbar-nav>li>a,.footer a,.btn,.public-pill{min-height:44px;display:inline-flex;align-items:center}.navbar .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.footer-link-list a{padding:3px 0}.public-band{border:1px solid rgba(86,214,255,.34);background:linear-gradient(135deg,rgba(86,214,255,.11),rgba(47,111,255,.075));border-radius:24px;padding:24px;margin:24px 0;box-shadow:0 22px 64px rgba(2,8,23,.24)}.public-band h2{margin-top:0}.public-band p{color:#d7e6ff}.public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.public-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.public-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.public-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,rgba(16,29,54,.84),rgba(8,19,37,.95));padding:20px;min-height:100%;box-shadow:0 18px 42px rgba(2,8,23,.20)}.public-card h3{font-size:21px;margin:4px 0 10px;color:#fff}.public-card p,.public-card li{color:#c8d8ef}.public-card ul{margin:12px 0 0;padding-left:18px}.public-card li{margin-bottom:7px}.public-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.public-pill{border:1px solid rgba(86,214,255,.42);background:rgba(86,214,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#eaf8ff;text-decoration:none}.public-pill:hover{background:rgba(86,214,255,.16);color:#fff;text-decoration:none}.public-table-wrap{width:100%;overflow-x:auto;margin-top:18px;border-radius:16px}.public-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(148,163,184,.20);border-radius:16px;overflow:hidden}.public-table th,.public-table td{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top}.public-table th{background:rgba(86,214,255,.10);color:#fff;text-align:left}.public-table td{color:#d5e5ff}.public-table tr:last-child td{border-bottom:0}.public-note{border:1px solid rgba(255,214,102,.34);background:rgba(255,214,102,.08);border-radius:16px;padding:16px 18px;color:#f9e8b6;margin:18px 0}.public-danger{border-color:rgba(255,109,109,.45);background:rgba(255,109,109,.08);color:#ffd0d0}.public-status{display:inline-flex;align-items:center;border:1px solid rgba(86,214,255,.38);background:rgba(86,214,255,.08);color:#dff7ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.public-bridge{border-top:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(4,18,38,.96),rgba(8,33,66,.78));padding:34px 0}.public-bridge h2{margin-top:0}.public-quote{font-size:18px;line-height:1.55;color:#eef6ff;border-left:4px solid #56d6ff;padding:10px 0 10px 18px;margin:18px 0}.public-print-box{background:rgba(255,255,255,.965);color:#0f172a;border-radius:20px;border:1px solid rgba(148,163,184,.35);padding:22px;box-shadow:0 18px 50px rgba(2,8,23,.20)}.public-print-box h3,.public-print-box h4{color:#0f172a}.public-print-box p,.public-print-box li{color:#24364f}.public-small{font-size:13px;color:#b7c7e0}.accessibility-check-strip{border:1px solid rgba(148,163,184,.20);border-radius:20px;background:rgba(255,255,255,.045);padding:20px;margin:18px 0}.accessibility-check-strip strong{color:#fff}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.seo-keyword-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.seo-keyword-strip span{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:5px 9px;color:#d9ebff;background:rgba(255,255,255,.045);font-size:12px;font-weight:800}.public-provenance{font-size:12px;color:#b7c7e0;margin-top:12px}.public-provenance a{font-weight:800} @media(max-width:991px){.public-grid,.public-grid.two,.public-grid.four{grid-template-columns:1fr}.public-card{padding:18px}.hero h1,.page-hero h1{font-size:40px}.hero p.lead,.page-hero p.lead{font-size:18px}.navbar .navbar-nav>li>a{display:flex}.public-table{min-width:720px}} @media(max-width:640px){.hero,.page-hero{padding:46px 0 38px}.section{padding:42px 0}.public-band{padding:18px;border-radius:20px}.public-pill{width:100%;justify-content:center}.btn{white-space:normal}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.wow{animation:none!important;visibility:visible!important}} @media print{.skip-link,.navbar,.btn,.public-pill-row,.footer,.footer-safety-note,.footer-boundary-note{display:none!important}body{background:#fff!important;color:#111!important}.section,.section-alt,.public-band,.public-card,.public-note,.public-bridge{box-shadow:none!important;background:#fff!important;color:#111!important;border-color:#888!important}.public-band p,.public-card p,.public-card li,.public-table td,.public-small,p,li{color:#111!important}.public-table th{color:#111!important;background:#f2f2f2!important}a[href]:after{content:" (" attr(href) ")";font-size:90%}.page-hero,.hero{background:#fff!important;color:#111!important}.page-hero h1,.hero h1,h1,h2,h3,h4{color:#111!important}} /* ---- css/privacy-maintenance-deploy.css ---- */ .privacy-no-intake-ribbon{background:linear-gradient(90deg,rgba(2,8,23,.96),rgba(8,47,73,.94));border-top:1px solid rgba(86,214,255,.26);border-bottom:1px solid rgba(86,214,255,.22);color:#eaf6ff;padding:10px 0;font-size:14px}.privacy-no-intake-ribbon strong{color:#fff}.privacy-no-intake-ribbon a{color:#90efff;font-weight:700}.privacy-no-intake-ribbon p{margin:0;color:#eaf6ff}.privacy-no-intake-ribbon .privacy-actions{display:inline-flex;gap:10px;flex-wrap:wrap;margin-left:10px}.privacy-actions a{border:1px solid rgba(144,239,255,.4);border-radius:999px;padding:3px 9px;background:rgba(255,255,255,.05)} .final-readiness-strip{background:linear-gradient(135deg,rgba(4,18,38,.96),rgba(9,35,66,.9));border-top:1px solid rgba(86,214,255,.26);border-bottom:1px solid rgba(86,214,255,.18);padding:46px 0}.final-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.final-readiness-card{background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:22px;box-shadow:0 18px 44px rgba(0,0,0,.2)}.final-readiness-card h3{font-size:22px;margin:0 0 10px}.final-readiness-card p{margin:0 0 14px}.final-readiness-card a{font-weight:700}.status-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(111,231,255,.45);background:rgba(111,231,255,.10);color:#eafaff;padding:5px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:12px}.policy-grid,.maintenance-grid,.deploy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.policy-card,.maintenance-card,.deploy-card{background:linear-gradient(180deg,rgba(16,29,54,.78),rgba(13,24,45,.86));border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.policy-card h3,.maintenance-card h3,.deploy-card h3{font-size:24px;margin:0 0 10px}.policy-card ul,.maintenance-card ul,.deploy-card ul{padding-left:18px}.policy-card li,.maintenance-card li,.deploy-card li{margin-bottom:8px}.footer-privacy-note{margin-top:14px;padding:14px 16px;border:1px solid rgba(111,231,255,.22);border-radius:14px;background:rgba(255,255,255,.035);color:#dbeafe}.footer-privacy-note a{font-weight:700}.deploy-check-list{columns:2;column-gap:30px}.deploy-check-list li{break-inside:avoid;margin-bottom:7px}.source-date-badge{display:inline-flex;border:1px solid rgba(148,163,184,.26);border-radius:999px;padding:4px 9px;color:#dbeafe;background:rgba(255,255,255,.05);font-size:12px;margin:2px 4px 8px 0}.launch-summary{background:rgba(111,231,255,.08);border:1px solid rgba(111,231,255,.28);border-radius:18px;padding:22px;margin-top:22px}.launch-summary strong{color:#fff} @media (max-width:991px){.final-readiness-grid,.policy-grid,.maintenance-grid,.deploy-grid{grid-template-columns:1fr}.deploy-check-list{columns:1}.privacy-no-intake-ribbon .privacy-actions{display:flex;margin-left:0;margin-top:8px}} @media print{.privacy-no-intake-ribbon,.final-readiness-strip{background:#fff!important;color:#000!important;border-color:#ccc!important}.final-readiness-card,.policy-card,.maintenance-card,.deploy-card,.launch-summary{box-shadow:none!important;border-color:#ccc!important;background:#fff!important}.privacy-actions{display:none!important}} /* ---- css/civic-formal.css ---- */ :root { --civic-ivory: #f7f1e7; --civic-paper: #fffdf8; --civic-paper-soft: #fbf6ec; --civic-ink: #171b24; --civic-muted: #4d5968; --civic-navy: #102a43; --civic-blue: #1d3557; --civic-blue-soft: #2f5378; --civic-red: #8d1f2d; --civic-red-soft: #b53a48; --civic-gold: #b8944d; --civic-border: #d8c8aa; --civic-border-soft: rgba(120, 90, 45, 0.22); --civic-shadow: 0 22px 60px rgba(29, 42, 63, 0.14); } html { background: var(--civic-ivory) !important; } body { background: linear-gradient(180deg, var(--civic-ivory), #ffffff 46%, var(--civic-paper-soft)) !important; color: var(--civic-ink) !important; } p, li, dd, td, th { color: var(--civic-muted) !important; } h1, h2, h3, h4, h5, h6 { color: var(--civic-navy) !important; } a { color: var(--civic-blue); } a:hover, a:focus { color: var(--civic-red); } .navbar, .site-header, header.navbar { background: rgba(255, 253, 247, 0.98) !important; border-bottom: 1px solid var(--civic-border-soft) !important; box-shadow: 0 8px 24px rgba(16, 42, 67, 0.08) !important; } .navbar .navbar-brand, .navbar .navbar-nav > li > a { color: var(--civic-navy) !important; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: var(--civic-red) !important; background: transparent !important; } .hero, .page-hero, .civic-hero, .initiative-civic-hero { background: linear-gradient(135deg, rgba(16, 42, 67, 0.97), rgba(29, 53, 87, 0.93)), radial-gradient(circle at 18% 18%, rgba(184, 148, 77, 0.18), transparent 38%), var(--civic-blue) !important; color: #ffffff !important; border-bottom: 5px solid var(--civic-red) !important; } .hero::before, .page-hero::before, .civic-hero::before, .initiative-civic-hero::before { background: linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,0.04) 1px, transparent 1px) !important; background-size: 42px 42px !important; opacity: 0.25 !important; } .hero h1, .page-hero h1, .civic-hero h1, .initiative-civic-hero h1, .hero h2, .page-hero h2, .civic-hero h2, .initiative-civic-hero h2 { color: #ffffff !important; text-shadow: none !important; max-width: 19ch; } .hero p, .page-hero p, .civic-hero p, .initiative-civic-hero p, .hero .lead, .page-hero .lead, .civic-hero .lead, .initiative-civic-hero .lead { color: rgba(255, 255, 255, 0.9) !important; } .section, main, .quick-help-strip, .page-jump-strip { background: var(--civic-ivory) !important; } .section-alt, .home-front-door-strip, .page-identity-band, .lane-companion-strip { background: var(--civic-paper) !important; border-top: 1px solid var(--civic-border-soft) !important; border-bottom: 1px solid var(--civic-border-soft) !important; } .card-lite, .callout, .initiative-band, .initiative-card, .download-card, .resource-card, .faq-card, .link-card, .proof-card, .source-card, .metric-card, .identity-card, .lane-companion-card, .family-week-card, .civic-band, .civic-declaration-card, .record-declaration, .civic-statement-card, .justice-public-card, .civic-metric-card, .fulltext-reader, .fulltext-doc, .fulltext-topbar, .public-packet-card, .footer-nav-card, .quick-help-inner, .civic-clarity-card { background: linear-gradient(180deg, #fffdf8, #fbf5ea) !important; border: 1px solid var(--civic-border-soft) !important; color: var(--civic-ink) !important; box-shadow: var(--civic-shadow) !important; } .card-lite p, .card-lite li, .callout p, .callout li, .initiative-band p, .initiative-card p, .initiative-card li, .download-card p, .resource-card p, .faq-card p, .link-card p, .proof-card p, .source-card p, .metric-card p, .identity-card p, .lane-companion-card p, .family-week-card p, .civic-band p, .civic-declaration-card p, .record-declaration p, .civic-statement-card p, .justice-public-card p, .civic-metric-card p, .fulltext-reader p, .fulltext-doc p, .fulltext-doc li, .public-packet-card p, .quick-help-inner p, .civic-clarity-card p { color: var(--civic-muted) !important; } .card-lite h2, .card-lite h3, .callout h2, .callout h3, .initiative-band h2, .initiative-card h3, .download-card h3, .resource-card h3, .faq-card h3, .link-card h3, .proof-card h3, .source-card h3, .metric-card h3, .identity-card h3, .lane-companion-card h3, .family-week-card h3, .civic-band h2, .civic-declaration-card h2, .record-declaration h2, .civic-statement-card h2, .justice-public-card h2, .civic-metric-card h3, .fulltext-reader h2, .fulltext-reader h3, .fulltext-doc h4, .public-packet-card h3, .quick-help-inner h2, .civic-clarity-card h3 { color: var(--civic-navy) !important; } .wtp-lockup { font-family: Georgia, "Times New Roman", serif; color: var(--civic-gold) !important; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.88rem; font-weight: 800; margin: 0 0 8px; } .preamble-fragment { font-family: Georgia, "Times New Roman", serif; color: #ffffff !important; font-size: clamp(1.45rem, 3vw, 2.35rem); letter-spacing: 0.03em; margin: 0 0 18px; line-height: 1.18; } .civic-declaration-card .preamble-fragment, .record-declaration .preamble-fragment, .civic-band .preamble-fragment, .civic-statement-card .preamble-fragment, .justice-public-card .preamble-fragment, .footer-civic-masthead .preamble-fragment { color: var(--civic-red) !important; } .section-kicker, .kicker, .eyebrow, .meta, .doc-kicker { color: var(--civic-red) !important; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 800; } .btn-primary, a.btn-primary { background: var(--civic-red) !important; border-color: var(--civic-red) !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(143, 31, 45, 0.18) !important; } .btn-primary:hover, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus { background: #741725 !important; border-color: #741725 !important; color: #ffffff !important; } .btn-default, .btn-outline-primary, .initiative-pill, .bill-chip, .evidence-pill-row a, .quick-help-chip, .lane-companion-link, .card-link-list a { background: #fffdf7 !important; border: 1px solid var(--civic-border) !important; color: var(--civic-navy) !important; box-shadow: none !important; } .btn-default:hover, .btn-default:focus, .btn-outline-primary:hover, .btn-outline-primary:focus, .initiative-pill:hover, .initiative-pill:focus, .quick-help-chip:hover, .quick-help-chip:focus, .lane-companion-link:hover, .lane-companion-link:focus, .card-link-list a:hover, .card-link-list a:focus { background: #f5ead8 !important; border-color: var(--civic-red) !important; color: var(--civic-red) !important; } .civic-scope-note, .initiative-note, .record-bottom-line, .footer-boundary-note, .footer-safety-note, .footer-privacy-note { background: #fff8e8 !important; border: 1px solid rgba(184, 148, 77, 0.42) !important; color: #5c4620 !important; border-radius: 18px !important; padding: 18px 20px !important; margin-top: 22px !important; } .civic-scope-note strong, .initiative-note strong, .record-bottom-line strong, .footer-boundary-note strong, .footer-safety-note strong, .footer-privacy-note strong { color: var(--civic-navy) !important; } .hero-record-line, .record-bottom-line { border-left: 4px solid var(--civic-gold) !important; padding-left: 16px !important; margin-top: 20px !important; font-size: 1.08rem !important; } .justice-pullquote { font-family: Georgia, "Times New Roman", serif; border-left: 5px solid var(--civic-red) !important; background: #fff8ed !important; color: var(--civic-navy) !important; padding: 20px 24px !important; margin: 26px 0 0 !important; font-size: clamp(1.25rem, 2.4vw, 1.75rem) !important; line-height: 1.35 !important; } .record-number-grid, .civic-metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 26px 0; } .record-number-grid div, .civic-metric-card { background: #ffffff !important; border: 1px solid var(--civic-border-soft) !important; border-top: 4px solid var(--civic-red) !important; border-radius: 16px !important; padding: 18px !important; } .record-number-grid strong, .civic-metric-card strong { display: block; color: var(--civic-navy) !important; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1; } .record-number-grid span, .civic-metric-card span { display: block; color: var(--civic-muted) !important; margin-top: 8px; font-weight: 700; } .civic-actions, .hero-actions-condensed, .fulltext-toolbar, .initiative-pill-row, .sources-nav { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .hero-actions-condensed .btn, .civic-actions .btn, .initiative-pill-row .initiative-pill { margin-left: 0 !important; margin-top: 0 !important; } .civic-statement-card, .civic-declaration-card, .record-declaration, .justice-public-card { border-top: 6px solid var(--civic-red) !important; border-radius: 24px !important; padding: clamp(26px, 5vw, 46px) !important; } .civic-nonpartisan .civic-statement-card { border-top-color: var(--civic-blue) !important; } .footer { background: var(--civic-navy) !important; border-top: 5px solid var(--civic-red) !important; color: rgba(255,255,255,0.88) !important; } .footer p, .footer li, .footer a, .footer h3, .footer .meta { color: rgba(255,255,255,0.88) !important; } .footer .footer-nav-card { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.13) !important; box-shadow: none !important; } .footer-civic-masthead { background: #fffdf8 !important; color: var(--civic-ink) !important; border: 1px solid rgba(184, 148, 77, 0.45) !important; border-top: 5px solid var(--civic-red) !important; border-radius: 22px !important; padding: 24px 26px !important; margin-bottom: 28px !important; box-shadow: 0 18px 40px rgba(0,0,0,0.18) !important; } .footer-civic-masthead p, .footer-civic-masthead .small-note { color: var(--civic-muted) !important; } .footer-civic-masthead strong { color: var(--civic-navy) !important; } .footer-civic-masthead .wtp-lockup { color: var(--civic-gold) !important; } .footer-civic-masthead .preamble-fragment { margin-bottom: 10px; } .table, .initiative-table, table { background: #fffdf8 !important; color: var(--civic-ink) !important; } .table th, .initiative-table th, table th { background: #f4ead9 !important; color: var(--civic-navy) !important; } .table td, .initiative-table td, table td { border-color: var(--civic-border-soft) !important; } .fulltext-doc, .initiative-copybox, pre.preformatted { background: #fffdf8 !important; color: var(--civic-ink) !important; border-color: var(--civic-border-soft) !important; } pre.preformatted, code { color: var(--civic-navy) !important; } @media (max-width: 767px) { .record-number-grid, .civic-metric-grid { grid-template-columns: 1fr; } .wtp-lockup { letter-spacing: 0.16em; } .civic-actions, .hero-actions-condensed { flex-direction: column; align-items: stretch; } .civic-actions .btn, .hero-actions-condensed .btn { width: 100%; } } :root { --civic-cream: #fbf5e8; --civic-navy-deep: #0f2942; --civic-navy-ink: #0b1f35; --civic-red-deep: #8d1f2d; --civic-red-bright: #a72b38; --civic-gold-soft: #c7a45b; --civic-rule: rgba(141, 31, 45, 0.18); } body, .page-shell, main, .main-content, .content-wrapper, .site-content { background: linear-gradient(180deg, #fffdf8 0%, var(--civic-ivory) 46%, #ffffff 100%) !important; color: var(--civic-ink) !important; } body::selection { background: rgba(141, 31, 45, 0.18); color: var(--civic-navy); } /* Constitution mark beside WE THE PEOPLE */ .wtp-lockup { display: inline-flex !important; align-items: center !important; gap: 12px !important; min-height: 54px; } .wtp-lockup::before { content: ""; display: inline-block; width: 46px; height: 54px; flex: 0 0 46px; background-image: url('../assets/constitution-we-the-people.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; filter: drop-shadow(0 8px 12px rgba(16,42,67,0.18)); } .hero .wtp-lockup::before, .page-hero .wtp-lockup::before, .civic-hero .wtp-lockup::before, .initiative-civic-hero .wtp-lockup::before { filter: drop-shadow(0 10px 16px rgba(0,0,0,0.28)); } /* Top utility/search strip */ .site-top-search-strip, .site-search-launch-strip, .route-finder-launcher, .search-strip, .top-strip { background: linear-gradient(90deg, #fffdf8, #f7efdf) !important; border-bottom: 1px solid var(--civic-border-soft) !important; color: var(--civic-navy) !important; box-shadow: 0 8px 24px rgba(16,42,67,0.06) !important; } .site-top-search-form, .site-search-launch-form, .site-top-search-copy, .site-search-launch-meta, .route-finder-launcher-copy { color: var(--civic-muted) !important; } .site-top-search-title, .route-finder-launcher-title, .site-search-launch-title { color: var(--civic-navy) !important; font-weight: 800 !important; } .route-finder-launcher-kicker, .site-top-search-kicker, .site-search-launch-kicker { color: var(--civic-red) !important; letter-spacing: .14em !important; text-transform: uppercase !important; font-weight: 900 !important; } .site-search-launch-input, .site-top-search-form input, .route-finder-launcher input, input[type="search"], input[type="text"], input[type="email"], textarea, select { background: #ffffff !important; border: 1px solid var(--civic-border) !important; color: var(--civic-ink) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important; } .site-search-launch-input::placeholder, input::placeholder, textarea::placeholder { color: #7b8797 !important; } .site-search-launch-submit, .site-top-search-form button, .route-finder-launcher button, button[type="submit"] { background: var(--civic-red) !important; border-color: var(--civic-red) !important; color: #ffffff !important; } .site-search-launch-submit:hover, .site-search-launch-submit:focus, button[type="submit"]:hover, button[type="submit"]:focus { background: #741725 !important; border-color: #741725 !important; color: #ffffff !important; } /* Navigation included in the formal palette */ .navbar, .navbar-default, .navbar-fixed-top, .site-header, .header, .main-header, .nav-wrap, .navbar-collapse, .navbar-default .navbar-collapse { background: rgba(255, 253, 247, 0.985) !important; color: var(--civic-navy) !important; border-color: var(--civic-border-soft) !important; } .navbar { border-top: 4px solid var(--civic-red) !important; } .navbar .navbar-brand, .navbar-default .navbar-brand, .navbar .navbar-nav > li > a, .navbar-default .navbar-nav > li > a, .navbar a, .navbar-nav a { color: var(--civic-navy) !important; text-shadow: none !important; } .navbar .navbar-brand::before { content: "WE THE PEOPLE"; display: block; font-family: Georgia, "Times New Roman", serif; font-size: 9px; letter-spacing: .18em; color: var(--civic-red); line-height: 1; margin-bottom: 2px; } .navbar .navbar-nav > li > a.nav-current, .navbar .navbar-nav > li > a[aria-current="page"], .navbar .navbar-nav > li.nav-priority > a, .navbar .navbar-nav > li > a.nav-priority-link { color: var(--civic-red) !important; background: rgba(141, 31, 45, 0.08) !important; border-radius: 999px !important; } .navbar-toggle, .navbar-default .navbar-toggle { background: #fff8ea !important; border-color: var(--civic-border) !important; } .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar { background: var(--civic-navy) !important; } .dropdown-menu, .navbar .dropdown-menu { background: #fffdf8 !important; border: 1px solid var(--civic-border-soft) !important; box-shadow: 0 18px 40px rgba(16,42,67,0.14) !important; } .dropdown-menu > li > a { color: var(--civic-navy) !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #f5ead8 !important; color: var(--civic-red) !important; } /* Safety ribbon remains urgent but within the same palette */ .safety-ribbon, .safety-ribbon-universal { background: linear-gradient(90deg, #701724, var(--civic-red), #102a43) !important; border-bottom: 1px solid rgba(255,255,255,0.22) !important; color: #ffffff !important; } .safety-ribbon strong, .safety-ribbon span, .safety-ribbon p, .safety-ribbon a { color: #ffffff !important; } .safety-ribbon-kicker { color: #ffe2a9 !important; } .safety-ribbon .btn, .safety-ribbon .btn-sm { background: #fffdf8 !important; color: var(--civic-red) !important; border-color: rgba(255,255,255,0.72) !important; } .safety-ribbon .btn-danger, .safety-ribbon .btn-primary { background: #ffffff !important; color: var(--civic-red) !important; } /* All major page sections and legacy dark panels */ .section, .section-alt, .page-section, .content-section, .record-bridge, .platform-preview, .proof-section, .home-front-door-strip, .page-identity-band, .quick-help-strip, .continue-strip, .platform-rail, .lane-companion-strip, .family-week-strip, .public-packet-strip, .route-results-section, .dashboard-section { background: var(--civic-ivory) !important; color: var(--civic-ink) !important; } .section-alt, .record-bridge, .home-front-door-strip, .page-identity-band, .lane-companion-strip, .public-packet-strip, .continue-strip { background: var(--civic-paper) !important; } /* Broad component palette sweep */ .authority-card, .link-panel, .chart-card, .pillar-card, .stat-card, .tool-card, .change-card, .materials-card, .reader-card, .reader-top, .reader-body, .meta-card, .notice-strip, .bill-prose, .source-chip, .source-card, .source-panel, .source-box, .proof-card, .platform-card, .route-card, .route-result-card, .family-card, .help-card, .packet-card, .packet-panel, .download-panel, .download-row, .data-card, .dashboard-card, .table-card, .warning-card, .safe-card, .info-card, aside, [class*="-card"], [class*="-panel"] { background: linear-gradient(180deg, #fffdf8, #fbf5ea) !important; border-color: var(--civic-border-soft) !important; color: var(--civic-ink) !important; box-shadow: 0 18px 48px rgba(16,42,67,0.12) !important; } [class*="-card"] h1, [class*="-card"] h2, [class*="-card"] h3, [class*="-card"] h4, [class*="-panel"] h1, [class*="-panel"] h2, [class*="-panel"] h3, [class*="-panel"] h4, .reader-card h1, .reader-card h2, .reader-card h3, .reader-card h4, .bill-prose h1, .bill-prose h2, .bill-prose h3, .bill-prose h4 { color: var(--civic-navy) !important; } [class*="-card"] p, [class*="-card"] li, [class*="-panel"] p, [class*="-panel"] li, .reader-card p, .reader-card li, .bill-prose, .bill-prose p, .bill-prose li, .proof-intro, .section-intro, .read-order-note { color: var(--civic-muted) !important; } /* Chips, pills, source buttons */ .source-chip, .tag, .badge, .pill, .status-pill, .bill-chip, .route-chip, .filter-chip, .nav-chip, .btn-ghost-proof { background: #fffdf8 !important; border: 1px solid var(--civic-border) !important; color: var(--civic-navy) !important; } .source-chip:hover, .source-chip:focus, .btn-ghost-proof:hover, .btn-ghost-proof:focus, .pill:hover, .pill:focus { background: #f5ead8 !important; border-color: var(--civic-red) !important; color: var(--civic-red) !important; } /* Tables and code/readers */ .table-responsive, .table-wrap, table, .table, .fulltext-reader, .fulltext-doc, .fulltext-body, .fulltext-topbar, .initiative-copybox, pre, pre.preformatted, code { background: #fffdf8 !important; color: var(--civic-ink) !important; border-color: var(--civic-border-soft) !important; } hr, .muted-rule, .section-separator .line { border-color: var(--civic-border-soft) !important; background: var(--civic-border-soft) !important; } /* Quote from Justin Tahai: public ownership of justice */ .justice-public-quote { background: linear-gradient(180deg, #fff8e8, #ffffff) !important; border-left: 6px solid var(--civic-red) !important; border-top: 1px solid var(--civic-border-soft) !important; border-right: 1px solid var(--civic-border-soft) !important; border-bottom: 1px solid var(--civic-border-soft) !important; color: var(--civic-navy) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(1.2rem, 2.4vw, 1.7rem) !important; line-height: 1.42 !important; margin: 28px 0 !important; padding: 22px 26px !important; border-radius: 0 18px 18px 0 !important; box-shadow: 0 16px 42px rgba(16,42,67,0.11) !important; } .justice-public-quote cite { display: block; margin-top: 12px; font-family: Arial, Helvetica, sans-serif; font-size: .9rem; font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: var(--civic-red) !important; font-weight: 800; } /* Hero layout can now show the Constitution mark without crowding text */ .civic-hero .container, .initiative-civic-hero .container, .hero .container, .page-hero .container { max-width: 1180px; } @media (max-width: 991px) { .navbar .navbar-brand::before { font-size: 8px; } .navbar .navbar-nav > li > a { border-radius: 0 !important; } } @media (max-width: 767px) { .wtp-lockup::before { width: 38px; height: 46px; flex-basis: 38px; } .wtp-lockup { gap: 9px !important; min-height: 46px; } .navbar { border-top-width: 3px !important; } } /* ---- css/readability-next.css ---- */ /* NEXT readability hardening: final contrast and minimum readable type sizes. */ :root{--readable-body:1rem;--readable-small:.875rem;--readable-label:.8125rem} html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{font-size:16px} /* Formal evidence bridge: force readable contrast over dark backgrounds. */ .accountability-page .evidence-route-bridge, .accountability-page .evidence-route-bridge .container, .accountability-page .evidence-route-bridge .evidence-route-inner{color:#eef6ff} .accountability-page .evidence-route-bridge h2{ color:#ffffff!important; text-shadow:0 1px 1px rgba(0,0,0,.32); font-size:clamp(1.85rem,3vw,2.6rem)!important; line-height:1.12!important; margin:0 0 .8rem!important } .accountability-page .evidence-route-bridge p{ color:#dbeafe!important; font-size:clamp(1rem,1.3vw,1.08rem)!important; line-height:1.72!important; max-width:68ch } .accountability-page .evidence-route-bridge .proof-route-kicker{ color:#ffe28a!important; font-size:.84rem!important; line-height:1.35!important; letter-spacing:.14em } .accountability-page .evidence-route-bridge .evidence-route-mini span{ color:#f4f8ff!important; background:rgba(255,255,255,.075)!important; border-color:rgba(191,219,254,.28)!important; font-size:1rem!important; line-height:1.48!important; padding:14px 16px!important } .accountability-page .evidence-route-bridge .proof-route-actions a{ font-size:.9rem!important; line-height:1.25!important; min-height:46px } /* Sitewide small-text floor for recurring UI labels and metadata. */ .record-hero-badge,.keyword-row span,.record-pdf-card .meta,.conduct-anchor-card .anchor-date, .matrix-kicker,.proof-route-kicker,.lane-tags span,.evidence-cell h4, .source-quality span,.matrix-subnav a,.matrix-print-note, .publication-meta,.eyebrow,.kicker,.section-kicker,.card-kicker,.meta,.tag,.badge, button,.btn,[class*="button"],nav a,.footer a{ font-size:max(var(--readable-label),1em) } /* Body copy in dense accountability, evidence, packet, timeline, and resource cards. */ .accountability-page p,.accountability-page li, .evidence-row-summary,.evidence-cell p,.evidence-cell li, .citation-spine-card p,.formal-page-card p,.proof-route-card p, .timeline-card p,.timeline-card li,.standard-card p, .packet-card p,.packet-card li,.resource-card p,.resource-card li{ font-size:var(--readable-body); line-height:1.65 } /* Preserve hierarchy while preventing microcopy from dropping below 14px. */ small,.small,[class*="caption"],[class*="micro"],[class*="fine-print"],[class*="helper-text"]{ font-size:var(--readable-small)!important; line-height:1.5 } @media (max-width:720px){ body{font-size:16px} .accountability-page .evidence-route-bridge h2{font-size:clamp(1.7rem,8vw,2.2rem)!important} .accountability-page .evidence-route-bridge p, .accountability-page .evidence-route-bridge .evidence-route-mini span{font-size:1rem!important} .accountability-page .evidence-route-bridge .proof-route-actions a{width:100%;font-size:.95rem!important} } /* ---- css/readability-final-public.css ---- */ /* JTforME public readability hardening — final release Purpose: prevent low-contrast text, too-small labels, and dark-on-dark hero copy across live public pages. */ :root { --jt-readable-ink: #102033; --jt-readable-muted: #38506a; --jt-readable-dark: #f8fbff; --jt-readable-dark-muted: #e4eefc; --jt-readable-link: #0b5cad; --jt-dark-surface: #10243a; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { color: var(--jt-readable-ink); font-size: clamp(16px, 0.96rem + 0.16vw, 18px); line-height: 1.65; } p, li, dd, dt, blockquote, td, th { font-size: clamp(1rem, 0.98rem + 0.12vw, 1.125rem); line-height: 1.68; } h1, h2, h3 { line-height: 1.12; } h4, h5, h6 { line-height: 1.22; } a { text-underline-offset: 0.18em; text-decoration-thickness: max(1px, 0.08em); } small, .small, .meta, .kicker, .eyebrow, .tag, .badge, .chip, .pill, .label, .caption, figcaption, .update-note, .source-note, .read-order-note, .accountability-brief-updated, .proof-route-kicker, .formal-kicker, .research-lane-kicker, .lane-tags, .source-type, .card-meta, .timeline-meta { font-size: clamp(0.875rem, 0.84rem + 0.14vw, 0.98rem) !important; line-height: 1.45 !important; letter-spacing: 0.045em; } button, .btn, input, select, textarea { font-size: max(1rem, 16px); } /* Dark hero / proof-route safety net. These sections were the source of dark-on-dark text on live pages. */ .page-hero, header.jumbotron, .jumbotron, .evidence-route-bridge, .matrix-hero, .library-hero, .accountability-timeline-hero, .timeline-hero, .dark-hero, .section-dark, .proof-hero { background-color: var(--jt-dark-surface); color: var(--jt-readable-dark) !important; } .page-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em), .jumbotron :is(h1,h2,h3,h4,p,li,span,div,strong,em), .evidence-route-bridge :is(h1,h2,h3,h4,p,li,span,div,strong,em), .matrix-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em), .library-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em), .accountability-timeline-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em), .timeline-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em), .dark-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em), .section-dark :is(h1,h2,h3,h4,p,li,span,div,strong,em), .proof-hero :is(h1,h2,h3,h4,p,li,span,div,strong,em) { color: var(--jt-readable-dark) !important; } .page-hero :is(p,li,.meta,.kicker,.read-order-note), .jumbotron :is(p,li,.meta,.kicker,.read-order-note), .evidence-route-bridge :is(p,li,.meta,.kicker,.read-order-note), .matrix-hero :is(p,li,.meta,.kicker,.read-order-note), .library-hero :is(p,li,.meta,.kicker,.read-order-note) { color: var(--jt-readable-dark-muted) !important; } .page-hero a:not(.btn), .jumbotron a:not(.btn), .evidence-route-bridge a:not(.btn), .matrix-hero a:not(.btn), .library-hero a:not(.btn) { color: #d9f0ff !important; } .evidence-route-bridge .proof-route-actions a, .page-hero .hero-actions-condensed a, .jumbotron .hero-actions-condensed a { min-height: 44px; padding: 0.78rem 1rem; font-size: clamp(0.95rem, 0.9rem + 0.14vw, 1.04rem) !important; line-height: 1.25 !important; } .evidence-route-bridge .proof-route-actions a:first-child, .page-hero .btn-primary, .jumbotron .btn-primary { color: #071526 !important; } .evidence-route-mini > *, .evidence-route-mini li, .evidence-route-mini div { color: #f8fbff !important; background: rgba(255,255,255,0.085) !important; border-color: rgba(216,235,255,0.32) !important; } /* Card and light-section contrast. */ .card, .panel, article, .identity-card, .evidence-card, .lane-companion-card, .route-sequence-card, .accountability-brief-grid > *, .accountability-proof-grid > *, .research-proof-grid > *, .timeline-card, .public-packet-card, .resource-card, .source-card { color: var(--jt-readable-ink); } .card p, .panel p, article p, .identity-card p, .evidence-card p, .lane-companion-card p, .route-sequence-card p, .source-card p, .resource-card p { color: var(--jt-readable-muted); } .card a, article a, .source-card a, .resource-card a { font-weight: 700; } /* Avoid tiny crowded nav/link groups on mobile and desktop. */ .sources-nav a, .page-jump-nav a, .card-link-list a, .lane-companion-link, .accountability-verification-actions a, .formal-citation-ribbon a, .public-record-links a { font-size: clamp(0.94rem, 0.9rem + 0.14vw, 1.04rem) !important; line-height: 1.35 !important; min-height: 42px; display: inline-flex; align-items: center; } @media (max-width: 720px) { body { font-size: 17px; } h1 { font-size: clamp(2rem, 1.45rem + 5vw, 3.1rem) !important; } h2 { font-size: clamp(1.55rem, 1.2rem + 3vw, 2.2rem) !important; } p, li, dd, dt { font-size: 1rem; } .container { max-width: 100%; } .page-hero, .jumbotron, .evidence-route-bridge, .matrix-hero, .library-hero { padding-top: 2.75rem; padding-bottom: 2.75rem; } } /* ---- css/contrast-safety-final.css ---- */ /* JTforME final public contrast and type-safety layer. Loaded last on every page. Keep dark surfaces light, paper surfaces dark, and never let a parent section force the wrong color into nested cards. */ :root{ --jt-ink:#102a43; --jt-copy:#334155; --jt-muted:#465a70; --jt-link:#075b9a; --jt-paper:#fffdf8; --jt-paper-soft:#fbf5ea; --jt-dark:#07192d; --jt-dark-2:#102a43; --jt-on-dark:#ffffff; --jt-on-dark-copy:#e5eef9; --jt-cyan:#bcecff; --jt-gold:#ffda66; --jt-red:#8d1f2d; } html{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;} body{font-size:clamp(16px,.96rem + .12vw,18px);line-height:1.66;color:var(--jt-ink);} p,li,dd,dt,td,th,summary{font-size:clamp(1rem,.97rem + .1vw,1.1rem);line-height:1.66;} small,.small,.meta,.kicker,.eyebrow,.tag,.badge,.chip,.pill,.label,.caption,figcaption, .accountability-brief-updated,.proof-route-kicker,.formal-kicker,.research-lane-kicker, .lane-tags span,.source-type,.card-meta,.timeline-meta,.source-label,.matrix-kicker, .hero-side-card .meta,.hero-kpi-card .meta,.hero-kpi-card .detail{ font-size:clamp(.875rem,.84rem + .1vw,.98rem)!important; line-height:1.45!important; } button,.btn,input,select,textarea{font-size:max(1rem,16px)!important;} a{text-underline-offset:.18em;text-decoration-thickness:max(1px,.08em);} /* General paper/card surfaces. */ html body :is([class*="-card"],[class*="-panel"],.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card,aside){ color:var(--jt-ink)!important; } html body :is([class*="-card"],[class*="-panel"],.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card,aside) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label){ color:var(--jt-ink)!important; text-shadow:none!important; } html body :is([class*="-card"],[class*="-panel"],.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card,aside) :is(p,li,dd,dt,span,small,.meta,.detail,.caption,figcaption){ color:var(--jt-copy)!important; text-shadow:none!important; } html body :is([class*="-card"],[class*="-panel"],.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card,aside) a:not(.btn){color:var(--jt-link)!important;} /* Dark public surfaces. Do not include light visitor briefs or paper cards here. */ :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero, .evidence-route-bridge,.matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero, .home-accountability-funnel,.accountability-reader-map-section,.accountability-hero,.record-hero, .privacy-no-intake-ribbon,.site-boundary-ribbon,.site-intent-strip,.footer,.evidence-bridge,.initiative-bridge){ color:var(--jt-on-dark)!important; } :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero, .evidence-route-bridge,.matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero, .home-accountability-funnel,.accountability-reader-map-section,.accountability-hero,.record-hero, .privacy-no-intake-ribbon,.site-boundary-ribbon,.site-intent-strip,.footer,.evidence-bridge,.initiative-bridge) :is(h1,h2,h3,h4,h5,h6,strong,em){ color:var(--jt-on-dark)!important; text-shadow:none!important; } :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero, .evidence-route-bridge,.matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero, .home-accountability-funnel,.accountability-reader-map-section,.accountability-hero,.record-hero, .privacy-no-intake-ribbon,.site-boundary-ribbon,.site-intent-strip,.footer,.evidence-bridge,.initiative-bridge) :is(p,li,dd,dt,small,.meta,.kicker,.eyebrow,.caption,figcaption){ color:var(--jt-on-dark-copy)!important; text-shadow:none!important; } :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero, .evidence-route-bridge,.matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero, .home-accountability-funnel,.accountability-reader-map-section,.accountability-hero,.record-hero, .privacy-no-intake-ribbon,.site-boundary-ribbon,.site-intent-strip,.footer,.evidence-bridge,.initiative-bridge) a:not(.btn){color:var(--jt-cyan)!important;} /* Light surfaces nested inside dark sections must stay dark-on-light. */ html body :is(.hero,.page-hero,.jumbotron,.dark-hero,.section-dark,.proof-hero,.evidence-route-bridge, .matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero,.home-accountability-funnel, .accountability-reader-map-section,.accountability-hero,.record-hero) :is([class*="-card"],[class*="-panel"],aside,.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card){ color:var(--jt-ink)!important; } html body :is(.hero,.page-hero,.jumbotron,.dark-hero,.section-dark,.proof-hero,.evidence-route-bridge, .matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero,.home-accountability-funnel, .accountability-reader-map-section,.accountability-hero,.record-hero) :is([class*="-card"],[class*="-panel"],aside,.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label){color:var(--jt-ink)!important;} html body :is(.hero,.page-hero,.jumbotron,.dark-hero,.section-dark,.proof-hero,.evidence-route-bridge, .matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero,.home-accountability-funnel, .accountability-reader-map-section,.accountability-hero,.record-hero) :is([class*="-card"],[class*="-panel"],aside,.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card) :is(p,li,dd,dt,span,small,.meta,.detail,.caption,figcaption){color:var(--jt-copy)!important;} html body :is(.hero,.page-hero,.jumbotron,.dark-hero,.section-dark,.proof-hero,.evidence-route-bridge, .matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero,.home-accountability-funnel, .accountability-reader-map-section,.accountability-hero,.record-hero) :is([class*="-card"],[class*="-panel"],aside,.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card) a:not(.btn){color:var(--jt-link)!important;} /* Visitor briefs are paper sections, not dark heroes. */ html body .accountability-visitor-brief{ color:var(--jt-ink)!important; background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%)!important; } html body .accountability-visitor-brief :is(h1,h2,h3,h4,h5,h6,strong,em){color:var(--jt-ink)!important;} html body .accountability-visitor-brief :is(p,li,span,small,.meta,.kicker){color:var(--jt-copy)!important;} html body .accountability-visitor-brief a:not(.btn){color:var(--jt-link)!important;} /* Dark translucent cards that intentionally remain on dark backgrounds. */ html body :is(.accountability-reader-map-section,.home-accountability-funnel,.evidence-route-bridge) :is(.accountability-proof-step,.reader-map-card,.home-accountability-standard,.home-accountability-card,.home-proof-card,.evidence-route-mini > *){ background-color:rgba(255,255,255,.075)!important; background-image:none!important; border-color:rgba(216,235,255,.28)!important; color:var(--jt-on-dark)!important; } html body :is(.accountability-reader-map-section,.home-accountability-funnel,.evidence-route-bridge) :is(.accountability-proof-step,.reader-map-card,.home-accountability-standard,.home-accountability-card,.home-proof-card,.evidence-route-mini > *) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label){color:var(--jt-on-dark)!important;} html body :is(.accountability-reader-map-section,.home-accountability-funnel,.evidence-route-bridge) :is(.accountability-proof-step,.reader-map-card,.home-accountability-standard,.home-accountability-card,.home-proof-card,.evidence-route-mini > *) :is(p,li,span,small,.meta,.detail){color:var(--jt-on-dark-copy)!important;} html body :is(.accountability-reader-map-section,.home-accountability-funnel,.evidence-route-bridge) :is(.accountability-proof-step,.reader-map-card,.home-accountability-standard,.home-accountability-card,.home-proof-card,.evidence-route-mini > *) a:not(.btn){color:var(--jt-cyan)!important;} /* Footer cards are dark translucent, despite the global civic paper-card rule. */ html body .footer .footer-nav-card{ background:rgba(255,255,255,.055)!important; border-color:rgba(255,255,255,.14)!important; color:var(--jt-on-dark)!important; box-shadow:none!important; } html body .footer .footer-nav-card :is(h1,h2,h3,h4,strong,em){color:var(--jt-on-dark)!important;} html body .footer .footer-nav-card :is(p,li,span,small,.meta){color:var(--jt-on-dark-copy)!important;} html body .footer .footer-nav-card a{color:var(--jt-cyan)!important;} html body .footer :is(p,li,span,small,.meta,strong,h2,h3,h4){color:var(--jt-on-dark-copy)!important;} html body .footer :is(h2,h3,h4,strong){color:var(--jt-on-dark)!important;} html body .footer a{color:var(--jt-cyan)!important;} /* Safety and boundary ribbons. */ html body .privacy-no-intake-ribbon :is(p,li,span,strong), html body .site-boundary-ribbon :is(p,li,span,strong){color:var(--jt-on-dark-copy)!important;} html body .privacy-no-intake-ribbon strong, html body .site-boundary-ribbon strong{color:var(--jt-on-dark)!important;} html body .privacy-no-intake-ribbon a, html body .site-boundary-ribbon a{color:var(--jt-cyan)!important;} /* Navigation and horizontal route strips. */ html body .navbar .navbar-brand, html body .navbar .navbar-nav>li>a{color:var(--jt-ink)!important;background:transparent!important;} html body .navbar .navbar-nav>li>a:hover, html body .navbar .navbar-nav>li>a:focus{color:var(--jt-red)!important;background:#fff8f0!important;} html body .navbar .navbar-nav>li>a.nav-current, html body .navbar .navbar-nav>li>a.nav-highlight, html body .navbar .navbar-nav>li>a.nav-priority-link{ color:#741c29!important; background:#fff4ef!important; border-color:rgba(141,31,45,.28)!important; } html body .platform-rail{background:#f7f1e7!important;color:var(--jt-ink)!important;} html body .platform-rail .rail-label{color:#36506a!important;} html body .platform-rail a, html body .page-jump-nav a, html body .hero .sources-nav a, html body .page-hero .sources-nav a, html body .hero-utility-row a, html body .site-intent-strip.site-intent-strip a{ color:var(--jt-ink)!important; background:#fffdf8!important; border:1px solid rgba(16,42,67,.22)!important; text-shadow:none!important; font-weight:800!important; min-height:42px; } html body .platform-rail a:hover, html body .platform-rail a:focus, html body .page-jump-nav a:hover, html body .page-jump-nav a:focus, html body .hero .sources-nav a:hover, html body .page-hero .sources-nav a:hover, html body .hero-utility-row a:hover, html body .site-intent-strip.site-intent-strip a:hover{ color:#071526!important;background:#dff5ff!important;border-color:#0b6b9c!important; } html body .platform-rail a.rail-priority, html body .site-intent-strip.site-intent-strip a.intent-urgent{ color:#741c29!important;background:#fff1ee!important;border-color:rgba(141,31,45,.34)!important; } html body .platform-rail a.rail-current, html body .page-jump-nav a[aria-current="location"]{ color:#071526!important;background:#cdefff!important;border-color:#0b6b9c!important; } html body .site-intent-strip :is(.intent-label,span){color:var(--jt-on-dark-copy)!important;} /* Buttons: use only combinations with strong contrast. */ html body .btn-primary, html body .hero-actions-condensed .btn-primary, html body .proof-route-actions a.primary, html body .matrix-actions a.primary{ color:#071526!important;background:#ffda66!important;border-color:#d29f12!important; } html body .btn-accent{color:#071526!important;background:#75dcf3!important;border-color:#2394ae!important;} html body .btn-default, html body .btn-outline-primary{ color:var(--jt-ink)!important;background:#fffdf8!important;border-color:rgba(16,42,67,.28)!important; } html body .btn-primary:hover,html body .btn-primary:focus{color:#071526!important;background:#ffe58f!important;} html body .btn-default:hover,html body .btn-default:focus{color:#071526!important;background:#e8f6ff!important;} /* Pills/tags on paper surfaces. */ html body :is(.lane-tags span,.tag,.badge,.chip,.pill,.source-label,.source-type, .formal-citation-ribbon a,.formal-citation-ribbon span,.accountability-status-strip span, .matrix-actions a,.evidence-row-actions a,.source-quality,.timeline-tag, .accountability-verification-actions a,.public-record-links a,.floating-actions a){ color:var(--jt-ink)!important; background:#fffdf8!important; border-color:rgba(16,42,67,.24)!important; text-shadow:none!important; font-weight:800!important; } /* Numeric callouts and KPI labels on paper cards. */ html body :is([class*="-card"],[class*="-panel"],.proof-card,.metric-card) :is(.big,.score-number,.stat-number,.pillar-number,.child-standard-number,.step-number,.record-anchor-stat){ color:var(--jt-ink)!important;text-shadow:none!important; } html body .hero-kpi-card .big{ color:var(--jt-ink)!important;font-size:clamp(2rem,3vw,2.75rem)!important;line-height:1!important; } html body .hero-kpi-card .label{ color:var(--jt-ink)!important;background:transparent!important;border:0!important;padding:0!important; font-size:1rem!important;line-height:1.35!important;display:block!important; } html body .hero-kpi-card .detail{ color:var(--jt-copy)!important;font-size:.95rem!important;line-height:1.5!important; } html body .hero-side-card .meta{font-size:.9rem!important;color:#36506a!important;} html body .hero-side-card h3{font-size:clamp(1.35rem,1.8vw,1.75rem)!important;} html body .hero-route-list strong{font-size:1rem!important;} html body .hero-route-list span{font-size:.95rem!important;} html body .site-intent-strip .intent-label{font-size:.875rem!important;} /* Minimum readable size for recurring dense UI. */ html body :is(.sources-nav a,.page-jump-nav a,.platform-rail a,.site-intent-strip a,.hero-utility-row a, .card-link-list a,.lane-companion-link,.accountability-verification-actions a,.formal-citation-ribbon a, .public-record-links a,.floating-actions a,.proof-route-actions a){ font-size:clamp(.9rem,.86rem + .1vw,1rem)!important; line-height:1.35!important; } html body .accountability-page :is(p,li,.evidence-row-summary,.evidence-cell p,.evidence-cell li, .citation-spine-card p,.formal-page-card p,.proof-route-card p,.timeline-card p,.timeline-card li, .standard-card p,.packet-card p,.packet-card li,.resource-card p,.resource-card li){ font-size:max(1rem,16px)!important;line-height:1.65!important; } html body .accountability-page :is(.evidence-cell h4,.record-hero-badge,.conduct-anchor-card .anchor-date, .matrix-kicker,.proof-route-kicker,.lane-tags span,.source-quality span,.matrix-subnav a,.matrix-print-note){ font-size:max(.875rem,14px)!important;line-height:1.45!important; } /* Specificity corrections found in rendered full-site review. */ html body .page-hero .hero-utility-row.hero-utility-row a, html body .hero .hero-utility-row.hero-utility-row a, html body .accountability-hero .hero-utility-row.hero-utility-row a{ color:var(--jt-ink)!important; background:var(--jt-paper)!important; border-color:rgba(16,42,67,.24)!important; text-shadow:none!important; } html body .page-hero .hero-utility-row.hero-utility-row a:hover, html body .page-hero .hero-utility-row.hero-utility-row a:focus, html body .hero .hero-utility-row.hero-utility-row a:hover, html body .hero .hero-utility-row.hero-utility-row a:focus{ color:#071526!important; background:#dff5ff!important; border-color:#0b6b9c!important; } /* Light-section eyebrow/kicker text must be dark enough on cream and white. */ html body :is(.section,.section-alt,.accountability-visitor-brief,.accountability-verification-standard, .accountability-evidence-section,.accountability-source-section,.accountability-record-section, .page-identity-band,.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card, [class*="-card"],[class*="-panel"]) :is(.kicker,.eyebrow,.formal-kicker,.proof-route-kicker,.research-lane-kicker,.matrix-kicker,.source-label,.source-type){ color:#714400!important; text-shadow:none!important; } /* Restore gold orientation labels on actual dark sections. */ html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero, .evidence-route-bridge,.matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero, .home-accountability-funnel,.accountability-reader-map-section,.accountability-hero,.record-hero, .footer,.evidence-bridge,.initiative-bridge) :is(.kicker,.eyebrow,.formal-kicker,.proof-route-kicker,.research-lane-kicker,.matrix-kicker,.source-label,.source-type){ color:var(--jt-gold)!important; text-shadow:none!important; } /* A light paper card inside a dark section still needs dark orientation labels. */ html body :is(.hero,.page-hero,.jumbotron,.dark-hero,.section-dark,.proof-hero,.evidence-route-bridge, .matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero,.home-accountability-funnel, .accountability-reader-map-section,.accountability-hero,.record-hero) :is([class*="-card"],[class*="-panel"],aside,.reader-card,.reader-top,.reader-body,.bill-prose,.notice-strip,.meta-card) :is(.kicker,.eyebrow,.formal-kicker,.proof-route-kicker,.research-lane-kicker,.matrix-kicker,.source-label,.source-type){ color:#714400!important; } html body .footer a:not(.btn){color:#d9f4ff!important;text-decoration-color:rgba(217,244,255,.7)!important;} @media(max-width:720px){ body{font-size:17px;} p,li,dd,dt,td,th,summary{font-size:1rem;} h1{font-size:clamp(2rem,1.35rem + 6vw,3.1rem)!important;} h2{font-size:clamp(1.55rem,1.15rem + 4vw,2.35rem)!important;} .page-hero,.jumbotron,.dark-hero,.section-dark,.proof-hero,.evidence-route-bridge, .matrix-hero,.library-hero,.accountability-timeline-hero,.timeline-hero{padding-top:2.5rem!important;padding-bottom:2.5rem!important;} } /* ---- css/public-readability-release-20260711-final.css ---- */ /* JTforME public readability release — 2026-07-11 FINAL Loaded last under a new filename to bypass stale browser/CDN CSS. Purpose: readable public text and controls across dark, paper, card, pill, metric, and footer surfaces. */ :root{ --jt-r-ink:#0b2239; --jt-r-copy:#243e57; --jt-r-muted:#38516a; --jt-r-link:#005a91; --jt-r-paper:#fffdf8; --jt-r-paper-soft:#f7f1e7; --jt-r-dark:#0a2038; --jt-r-dark-copy:#e8f1fb; --jt-r-dark-link:#bfeeff; --jt-r-gold:#ffda66; --jt-r-red:#7f1d2d; } html{font-size:17px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;} html body{color:var(--jt-r-ink)!important;font-size:1rem!important;line-height:1.66!important;} html body :is(p,li,dd,dt,td,th,summary,blockquote){font-size:max(1rem,16px)!important;line-height:1.66!important;} html body :is(small,.small,.meta,.kicker,.eyebrow,.tag,.badge,.chip,.pill,.label,.caption,figcaption, .read-order-note,.small-note,.record-meta,.record-quality,.anchor-date,.timeline-meta,.source-label,.source-type, .quick-help-kicker,.route-finder-launcher-kicker,.safety-ribbon-kicker,.intent-label,.rail-label){ font-size:max(.9rem,15px)!important;line-height:1.48!important;opacity:1!important; } html body :is(a,button,.btn,input,select,textarea){font-size:max(.95rem,16px)!important;} html body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,span,strong,em,a,small,label,summary,blockquote,figcaption){ text-shadow:none!important;opacity:1!important;mix-blend-mode:normal!important; } /* Core dark public surfaces. */ html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero, .evidence-route-bridge,.home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip, .privacy-no-intake-ribbon,.site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge){ color:#fff!important; } html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero, .evidence-route-bridge,.home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip, .privacy-no-intake-ribbon,.site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label,.stat-number,.stat-label){color:#fff!important;} html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero, .evidence-route-bridge,.home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip, .privacy-no-intake-ribbon,.site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge) :is(p,li,dd,dt,span,small,.meta,.kicker,.eyebrow,.caption,figcaption,.detail,.read-order-note){color:var(--jt-r-dark-copy)!important;} html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero, .evidence-route-bridge,.home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip, .privacy-no-intake-ribbon,.site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge) a:not(.btn){color:var(--jt-r-dark-link)!important;} /* Opaque paper surfaces: always use dark copy. */ html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.accountability-visitor-brief, .notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout,.page-purpose-card, .identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card,.route-sequence-card, .packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card,.directory-card, .citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card,.timeline-check-card, .proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card,.accountability-quality-card, .conduct-anchor-card,.timeline-card,.hero-side,.hero-kpi-grid){color:var(--jt-r-ink)!important;} html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.accountability-visitor-brief, .notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout,.page-purpose-card, .identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card,.route-sequence-card, .packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card,.directory-card, .citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card,.timeline-check-card, .proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card,.accountability-quality-card, .conduct-anchor-card,.timeline-card,.hero-side,.hero-kpi-grid) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label,.stat-number,.stat-label,.record-anchor-stat){color:var(--jt-r-ink)!important;} html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.accountability-visitor-brief, .notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout,.page-purpose-card, .identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card,.route-sequence-card, .packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card,.directory-card, .citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card,.timeline-check-card, .proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card,.accountability-quality-card, .conduct-anchor-card,.timeline-card,.hero-side,.hero-kpi-grid) :is(p,li,dd,dt,span,small,.meta,.kicker,.eyebrow,.caption,figcaption,.detail,.read-order-note){color:var(--jt-r-copy)!important;} html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.accountability-visitor-brief, .notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout,.page-purpose-card, .identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card,.route-sequence-card, .packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card,.directory-card, .citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card,.timeline-check-card, .proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card,.accountability-quality-card, .conduct-anchor-card,.timeline-card,.hero-side,.hero-kpi-grid) a:not(.btn){color:var(--jt-r-link)!important;} /* Exact defects seen on the live home page and flagship dashboard. */ html body .hero .civic-scope-note{background:#fff8e8!important;color:var(--jt-r-ink)!important;} html body .hero .civic-scope-note :is(strong,p,span,small,em){color:var(--jt-r-ink)!important;} html body .hero .justice-public-quote{color:var(--jt-r-ink)!important;} html body .hero .justice-public-quote :is(strong,p,span,small,em){color:var(--jt-r-ink)!important;} html body .hero .justice-public-quote cite{color:var(--jt-r-red)!important;} html body :is(.hero,.page-hero) :is(.hero-side-card,.hero-kpi-card){ background:var(--jt-r-paper)!important;border-color:rgba(11,34,57,.22)!important;color:var(--jt-r-ink)!important; } html body :is(.hero-side-card,.hero-kpi-card) :is(h1,h2,h3,h4,strong,.big,.label){color:var(--jt-r-ink)!important;} html body :is(.hero-side-card,.hero-kpi-card) :is(p,li,span,small,.meta,.detail){color:var(--jt-r-copy)!important;} html body .hero-route-list a{color:var(--jt-r-link)!important;} /* Deliberately dark translucent cards. */ html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card){ background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important; } html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label){color:#fff!important;} html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card) :is(p,li,span,small,.meta,.detail,.kicker){color:var(--jt-r-dark-copy)!important;} html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card) a:not(.btn){color:var(--jt-r-dark-link)!important;} /* Every pill or shortcut placed on a light opaque background gets dark text. Duplicate classes beat old dark-hero rules. */ html body .sources-nav.sources-nav a:not(.btn), html body .platform-rail.platform-rail a:not(.btn), html body .page-jump-nav.page-jump-nav a:not(.btn), html body .hero-utility-row.hero-utility-row a:not(.btn), html body a.evidence-pill.evidence-pill:not(.btn), html body a.initiative-pill.initiative-pill:not(.btn), html body a.public-pill.public-pill:not(.btn), html body a.record-pill.record-pill:not(.btn), html body a.resource-pill.resource-pill:not(.btn), html body a.accountability-copy-link.accountability-copy-link:not(.btn), html body a.section-anchor-button.section-anchor-button:not(.btn), html body .matrix-actions.matrix-actions a:not(.btn), html body .proof-route-actions.proof-route-actions a:not(.btn), html body .evidence-row-actions.evidence-row-actions a:not(.btn), html body .citation-bank-actions.citation-bank-actions a:not(.btn), html body .accountability-verification-actions.accountability-verification-actions a:not(.btn), html body :is(.formal-citation-ribbon,.lane-tags,.source-quality,.accountability-status-strip) > span{ color:var(--jt-r-ink)!important;background:var(--jt-r-paper)!important; border-color:rgba(11,34,57,.38)!important;font-weight:800!important;opacity:1!important; } html body :is(.sources-nav,.platform-rail,.page-jump-nav,.hero-utility-row,.matrix-actions,.proof-route-actions, .evidence-row-actions,.citation-bank-actions,.accountability-verification-actions) a{ min-height:40px; } html body :is(.matrix-actions.matrix-actions,.proof-route-actions.proof-route-actions) a.primary:not(.btn), html body .btn-primary{ color:#071526!important;background:var(--jt-r-gold)!important;border-color:#b98500!important; } html body .btn-accent{color:#071526!important;background:#69d7ee!important;border-color:#1687a0!important;} html body :is(.btn-default,.btn-outline-primary){color:var(--jt-r-ink)!important;background:var(--jt-r-paper)!important;border-color:rgba(11,34,57,.35)!important;} html body .btn-danger{color:#fff!important;background:#8c1f2f!important;border-color:#651522!important;} html body :is(.btn-primary,.btn-accent,.btn-default,.btn-outline-primary,.btn-danger){font-weight:800!important;opacity:1!important;} /* Header/deck controls. */ html body :is(.mode-btn.mode-btn,.cluster-toggle.cluster-toggle,.header-route-deck-tab.header-route-deck-tab){ color:#0b2239!important;background:#fffdf8!important;border-color:rgba(11,34,57,.38)!important; font-size:max(.92rem,15px)!important;font-weight:850!important;min-height:40px!important;opacity:1!important; } html body :is(.mode-btn.active,.header-route-deck-tab.is-active,.header-route-deck-tab[aria-selected="true"], .matrix-filter-bar button[aria-pressed="true"]){color:#071526!important;background:#ffda66!important;border-color:#b98500!important;} html body :is(.breadcrumb-trail .crumb-current,.identity-meta-pill strong){color:#0b2239!important;} html body .breadcrumb-trail .crumb-sep{color:#4b6380!important;opacity:1!important;} /* Footer is dark, but its paper notices remain paper with dark copy. */ html body .footer{background-color:var(--jt-r-dark)!important;color:#fff!important;} html body .footer :is(h1,h2,h3,h4,h5,h6,strong,em){color:#fff!important;} html body .footer :is(p,li,span,small,.meta,.kicker){color:var(--jt-r-dark-copy)!important;} html body .footer a{color:var(--jt-r-dark-link)!important;} html body .footer .footer-civic-masthead{ background:#102b48!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important;border-top-color:#ffda66!important; } html body .footer .footer-civic-masthead :is(h1,h2,h3,h4,h5,h6,strong,.wtp-lockup){color:#fff!important;} html body .footer .footer-civic-masthead :is(p,li,span,small,.small-note,.preamble-fragment){color:#e8f1fb!important;} html body .footer :is(.footer-boundary-note,.footer-safety-note,.footer-privacy-note){ background:#fff8e8!important;color:#0b2239!important;border-color:rgba(11,34,57,.25)!important; } html body .footer :is(.footer-boundary-note,.footer-safety-note,.footer-privacy-note) :is(strong,p,span,small){color:#0b2239!important;} html body .footer :is(.footer-boundary-note,.footer-safety-note,.footer-privacy-note) a{color:#005a91!important;} /* Evidence matrix is intentionally dark; restore dark cards after legacy global card rules. */ html body.evidence-matrix-page, html body.evidence-matrix-page main{background:#07111f!important;color:#e8f1ff!important;} html body.evidence-matrix-page :is(.matrix-section,.matrix-section.alt,.proof-route-panel){color:#e8f1ff!important;} html body.evidence-matrix-page .section-head h2{color:#fff!important;} html body.evidence-matrix-page .section-head p{color:#dbeafe!important;} html body.evidence-matrix-page :is(.standard-card,.citation-spine-card,.formal-page-card,.proof-route-card, .evidence-row,.evidence-cell){ background:linear-gradient(180deg,#10233d,#091426)!important;color:#fff!important;border-color:rgba(191,219,254,.25)!important; } html body.evidence-matrix-page :is(.standard-card,.citation-spine-card,.formal-page-card,.proof-route-card, .evidence-row,.evidence-cell) :is(h1,h2,h3,h4,h5,h6,strong,.step){color:#fff!important;} html body.evidence-matrix-page :is(.standard-card,.citation-spine-card,.formal-page-card,.proof-route-card, .evidence-row,.evidence-cell) :is(p,li,span,small,.meta){color:#dbeafe!important;} html body.evidence-matrix-page :is(.standard-card,.citation-spine-card,.formal-page-card,.proof-route-card, .evidence-row,.evidence-cell) a{color:#bfeeff!important;} html body.evidence-matrix-page .matrix-actions.matrix-actions a:not(.btn), html body.evidence-matrix-page .proof-route-actions.proof-route-actions a:not(.btn), html body.evidence-matrix-page .evidence-row-actions.evidence-row-actions a:not(.btn){ color:#0b2239!important;background:#fffdf8!important;border-color:rgba(11,34,57,.38)!important; } html body.evidence-matrix-page :is(.matrix-actions.matrix-actions,.proof-route-actions.proof-route-actions) a.primary:not(.btn){ color:#071526!important;background:#ffda66!important;border-color:#b98500!important; } html body.evidence-matrix-page .matrix-filter-bar button{ color:#f3f8ff!important;background:#10263f!important;border-color:rgba(191,219,254,.42)!important; } html body.evidence-matrix-page .matrix-filter-bar button[aria-pressed="true"]{ color:#071526!important;background:#ffda66!important;border-color:#b98500!important; } html body.evidence-matrix-page :is(.lane-tags span,.source-quality){ color:#f3f8ff!important;background:#17314f!important;border-color:rgba(191,219,254,.35)!important; } html body.evidence-matrix-page .source-quality :is(strong,span){color:#f3f8ff!important;} /* The homepage proof-route block on the matrix page is a light library section. */ html body.evidence-matrix-page #homepage-proof-route :is(.library-standard,h2,p){color:#0b2239!important;} html body.evidence-matrix-page #homepage-proof-route a{color:#005a91!important;} html body.evidence-matrix-page .matrix-print-note{color:#dbeafe!important;} /* Named accountability pages: paper status strips and proof ladders use dark copy. */ html body.accountability-page :is(.section-alt,.accountability-visitor-brief) .accountability-proof-step, html body.accountability-page section#record-quality .accountability-proof-step{ background:#fffdf8!important;color:#0b2239!important;border-color:rgba(11,34,57,.28)!important; } html body.accountability-page :is(.section-alt,.accountability-visitor-brief) .accountability-proof-step :is(strong,p,span,small), html body.accountability-page section#record-quality .accountability-proof-step :is(strong,p,span,small){color:#243e57!important;} html body.accountability-page :is(.section-alt,.accountability-visitor-brief) .accountability-proof-step > span, html body.accountability-page section#record-quality .accountability-proof-step > span{ color:#fff!important;background:#0b2239!important; } html body.accountability-page .accountability-section-status{ background:#fffdf8!important;color:#0b2239!important;border-color:rgba(11,34,57,.28)!important; } html body.accountability-page .accountability-section-status strong{background:#0b2239!important;color:#fff!important;} html body.accountability-page .accountability-section-status span{color:#243e57!important;} /* Dark evidence bridges keep light copy; their action controls stay opaque paper. */ html body .evidence-route-bridge :is(h1,h2,h3,h4,strong){color:#fff!important;} html body .evidence-route-bridge :is(p,li,span,small){color:#e8f1fb!important;} html body .evidence-route-bridge :is(.matrix-actions.matrix-actions,.proof-route-actions.proof-route-actions, .evidence-row-actions.evidence-row-actions) a:not(.btn){ color:#0b2239!important;background:#fffdf8!important;border-color:rgba(255,255,255,.45)!important; } /* Prevent “disabled” opacity on public text. */ html body :is(.hero-side-card,.hero-kpi-card,.civic-scope-note,.accountability-visitor-brief,.page-jump-nav, .hero-utility-row,.lane-tags,.source-quality,.formal-citation-ribbon,.platform-rail,.site-intent-strip,.footer) :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,a){opacity:1!important;} @media (max-width:767px){ html{font-size:17px!important;} html body :is(p,li,dd,dt,td,th){font-size:1rem!important;} html body :is(.platform-rail a,.page-jump-nav a,.hero-utility-row a,.sources-nav a,.site-intent-strip a){ min-height:44px!important;padding:.7rem .9rem!important; } } /* ---- css/public-contrast-release-20260711-v2.css ---- */ /* JTforME public contrast release v2 — loaded last, cache-busted. Corrects light-on-light and dark-on-dark text across public pages. */ :root{ --jt-v2-ink:#0a2239; --jt-v2-copy:#243e57; --jt-v2-link:#005684; --jt-v2-paper:#fffdf8; --jt-v2-dark:#0b223b; --jt-v2-dark-copy:#edf5ff; --jt-v2-dark-link:#bfeeff; --jt-v2-gold:#ffdc6a; } html{font-size:17px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%} html body{font-size:17px!important;line-height:1.65!important} html body :is(p,li,dd,dt,td,th,blockquote,summary){font-size:max(1rem,16px)!important;line-height:1.65!important} html body :is(small,.small,.meta,.kicker,.eyebrow,.tag,.badge,.chip,.pill,.label,.caption,figcaption, .header-route-deck-kicker,.header-route-deck-note,.safe-device-inline,.safety-ribbon-kicker,.intent-label, .quick-help-kicker,.published-commentary-kicker,.packet-purpose-pill,.identity-meta-pill,.route-stage-num, .factor-badge,.factor-kicker,.lane-source-tag,.source-date-badge,.packet-label,.status-pill,.public-small){ font-size:max(.9rem,15px)!important;line-height:1.48!important;opacity:1!important } html body :is(a,button,.btn,input,select,textarea){font-size:max(.94rem,15px)!important;opacity:1!important} html body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,span,strong,em,a,button,small,label,summary,blockquote,figcaption){ text-shadow:none!important;mix-blend-mode:normal!important } /* Dark public surfaces. */ html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero,.evidence-route-bridge, .home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip,.privacy-no-intake-ribbon, .site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge,.record-hero-panel,.hero-copy, .accountability-route-panel,.dark-panel,.navy-panel){color:#fff!important} html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero,.evidence-route-bridge, .home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip,.privacy-no-intake-ribbon, .site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge,.record-hero-panel,.hero-copy, .accountability-route-panel,.dark-panel,.navy-panel) :is(h1,h2,h3,h4,h5,h6,strong,em,.big,.label,.stat-number,.stat-label){color:#fff!important} html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero,.evidence-route-bridge, .home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip,.privacy-no-intake-ribbon, .site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge,.record-hero-panel,.hero-copy, .accountability-route-panel,.dark-panel,.navy-panel) :is(p,li,dd,dt,span,small,.meta,.kicker,.eyebrow,.caption,figcaption,.detail,.read-order-note){color:var(--jt-v2-dark-copy)!important} html body :is(.hero,.page-hero,.jumbotron,header.jumbotron,.dark-hero,.section-dark,.proof-hero,.record-hero, .accountability-hero,.matrix-hero,.library-hero,.timeline-hero,.accountability-timeline-hero,.evidence-route-bridge, .home-accountability-funnel,.accountability-reader-map-section,.site-intent-strip,.privacy-no-intake-ribbon, .site-boundary-ribbon,.safety-ribbon,.footer,.public-bridge,.initiative-bridge,.record-hero-panel,.hero-copy, .accountability-route-panel,.dark-panel,.navy-panel) a:not(.btn){color:var(--jt-v2-dark-link)!important} /* Light opaque surfaces. This block intentionally comes after dark surfaces so nested paper cards win. */ html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.hero-side,.hero-kpi-grid, .accountability-visitor-brief,.notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout, .page-purpose-card,.identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card, .route-sequence-card,.packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card, .directory-card,.citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card, .timeline-check-card,.proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card, .accountability-quality-card,.conduct-anchor-card,.timeline-card,.standard-card,.citation-spine-card, .formal-page-card,.proof-route-card,.packet-step,.final-readiness-card,.scoreboard-stat,.micro-callout, .official-source-note,.family-route-warning,.resource-warning,.packet-alert,.public-note,.public-quote, .launch-summary,.civic-card,.paper-card,.cream-card,.light-card,.panel-light,.card){ color:var(--jt-v2-ink)!important } html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.hero-side,.hero-kpi-grid, .accountability-visitor-brief,.notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout, .page-purpose-card,.identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card, .route-sequence-card,.packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card, .directory-card,.citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card, .timeline-check-card,.proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card, .accountability-quality-card,.conduct-anchor-card,.timeline-card,.standard-card,.citation-spine-card, .formal-page-card,.proof-route-card,.packet-step,.final-readiness-card,.scoreboard-stat,.micro-callout, .official-source-note,.family-route-warning,.resource-warning,.packet-alert,.public-note,.public-quote, .launch-summary,.civic-card,.paper-card,.cream-card,.light-card,.panel-light,.card) :is(h1,h2,h3,h4,h5,h6,strong,em,b,.big,.label,.stat-number,.stat-label,.record-anchor-stat){color:var(--jt-v2-ink)!important} html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.hero-side,.hero-kpi-grid, .accountability-visitor-brief,.notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout, .page-purpose-card,.identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card, .route-sequence-card,.packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card, .directory-card,.citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card, .timeline-check-card,.proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card, .accountability-quality-card,.conduct-anchor-card,.timeline-card,.standard-card,.citation-spine-card, .formal-page-card,.proof-route-card,.packet-step,.final-readiness-card,.scoreboard-stat,.micro-callout, .official-source-note,.family-route-warning,.resource-warning,.packet-alert,.public-note,.public-quote, .launch-summary,.civic-card,.paper-card,.cream-card,.light-card,.panel-light,.card) :is(p,li,dd,dt,span,small,.meta,.kicker,.eyebrow,.caption,figcaption,.detail,.read-order-note){color:var(--jt-v2-copy)!important} html body :is(.civic-scope-note,.initiative-note,.record-bottom-line,.footer-boundary-note,.footer-safety-note, .footer-privacy-note,.justice-public-quote,.hero-side-card,.hero-kpi-card,.hero-side,.hero-kpi-grid, .accountability-visitor-brief,.notice-strip,.reader-card,.reader-top,.reader-body,.bill-prose,.meta-card,.callout, .page-purpose-card,.identity-card,.priority-card,.authority-card,.evidence-card,.lane-companion-card, .route-sequence-card,.packet-use-card,.pack-card,.resource-card,.source-card,.family-week-card,.situation-card, .directory-card,.citation-stack-card,.factor-card,.download-card,.record-card,.chart-card,.dashboard-scan-card, .timeline-check-card,.proof-card,.official-door-card,.route-note-card,.paper-sort-card,.public-packet-card, .accountability-quality-card,.conduct-anchor-card,.timeline-card,.standard-card,.citation-spine-card, .formal-page-card,.proof-route-card,.packet-step,.final-readiness-card,.scoreboard-stat,.micro-callout, .official-source-note,.family-route-warning,.resource-warning,.packet-alert,.public-note,.public-quote, .launch-summary,.civic-card,.paper-card,.cream-card,.light-card,.panel-light,.card) a:not(.btn){color:var(--jt-v2-link)!important} /* Exact live defects: home scope note, dashboard side cards, named-accountability evidence cards. */ html body .hero.hero .civic-scope-note.civic-scope-note{background:#fff8e8!important;color:var(--jt-v2-ink)!important} html body .hero.hero .civic-scope-note.civic-scope-note *{color:var(--jt-v2-copy)!important} html body .hero.hero .civic-scope-note.civic-scope-note strong{color:var(--jt-v2-ink)!important} html body .hero.hero .justice-public-quote.justice-public-quote *{color:var(--jt-v2-ink)!important} html body .hero.hero .justice-public-quote.justice-public-quote cite{color:#7f1d2d!important} html body :is(.hero-side-card.hero-side-card,.hero-kpi-card.hero-kpi-card,.dashboard-scan-card.dashboard-scan-card){ background:#fffdf8!important;color:var(--jt-v2-ink)!important;border-color:rgba(10,34,57,.25)!important } html body :is(.hero-side-card.hero-side-card,.hero-kpi-card.hero-kpi-card,.dashboard-scan-card.dashboard-scan-card) *{color:var(--jt-v2-copy)!important} html body :is(.hero-side-card.hero-side-card,.hero-kpi-card.hero-kpi-card,.dashboard-scan-card.dashboard-scan-card) :is(h1,h2,h3,h4,strong,b,.big,.label){color:var(--jt-v2-ink)!important} html body :is(.hero-side-card.hero-side-card,.hero-kpi-card.hero-kpi-card,.dashboard-scan-card.dashboard-scan-card) a{color:var(--jt-v2-link)!important} /* Controls and pills on pale surfaces must never inherit pale hero colors. */ html body :is(.page-jump-nav,.hero-utility-row,.platform-rail,.sources-nav,.lane-tags,.source-quality, .formal-citation-ribbon,.matrix-actions,.proof-route-actions,.evidence-row-actions,.record-cta-row, .keyword-row,.public-pill-row,.card-link-list,.inline-cta-row) :is(a,button):not(.btn-primary){ color:var(--jt-v2-ink)!important;background:#fffdf8!important;border-color:rgba(10,34,57,.32)!important } html body :is(.page-jump-nav,.hero-utility-row,.platform-rail,.sources-nav,.lane-tags,.source-quality, .formal-citation-ribbon,.matrix-actions,.proof-route-actions,.evidence-row-actions,.record-cta-row, .keyword-row,.public-pill-row,.card-link-list,.inline-cta-row) :is(a,button):hover{ color:#06182b!important;background:#f2f7fb!important } html body :is(.identity-meta-pill,.packet-purpose-pill,.route-stage-num,.factor-badge,.factor-kicker, .lane-source-tag,.source-date-badge,.packet-label,.status-pill,.evidence-risk,.initiative-status){ color:var(--jt-v2-ink)!important;background:#edf5fb!important;border-color:rgba(10,34,57,.24)!important } html body .section-anchor-button.section-anchor-button{ color:var(--jt-v2-ink)!important;background:#fffdf8!important;border-color:rgba(10,34,57,.32)!important } html body .section-anchor-button.section-anchor-button::before{color:var(--jt-v2-link)!important} /* Header route deck, safety strips and boundary strips are pale in this build. */ html body :is(.header-route-deck,.safety-ribbon,.privacy-no-intake-ribbon,.site-boundary-ribbon,.site-intent-strip) :is(h1,h2,h3,h4,p,li,span,strong,small,.header-route-deck-kicker,.header-route-deck-note,.safe-device-inline, .safety-ribbon-kicker,.intent-label){color:var(--jt-v2-ink)!important} html body :is(.header-route-deck,.safety-ribbon,.privacy-no-intake-ribbon,.site-boundary-ribbon,.site-intent-strip) a{color:var(--jt-v2-link)!important} /* Preserve truly dark translucent cards after broad light-card rules. */ html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card){ background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important } html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card) :is(h1,h2,h3,h4,h5,h6,strong,b,em){color:#fff!important} html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card) :is(p,li,span,small,.meta,.detail,.kicker){color:var(--jt-v2-dark-copy)!important} html body :is(.reader-map-card,.home-accountability-card,.home-proof-card,.home-accountability-standard, .evidence-route-mini>*,.footer-nav-card,.proof-protocol-card) a{color:var(--jt-v2-dark-link)!important} /* Focus visibility. */ html body :is(a,button,input,select,textarea):focus-visible{outline:3px solid #ffbf1f!important;outline-offset:3px!important} @media(max-width:767px){ html{font-size:17px!important} html body :is(a,button,.btn){min-height:44px} } /* Final targeted fixes from full browser contrast crawl. */ html body.citation-bank-page .citation-bank-hero{ background:radial-gradient(circle at top left,rgba(126,230,255,.16),transparent 34%),linear-gradient(180deg,#081529,#0a1730)!important; color:#fff!important; } html body.citation-bank-page .citation-bank-hero :is(h1,h2,h3,h4,strong,b,.kicker){color:#fff!important} html body.citation-bank-page .citation-bank-hero :is(p,span,small,.breadcrumbs){color:#edf5ff!important} html body.citation-bank-page .citation-bank-hero a:not(.citation-bank-actions a){color:#bfeeff!important} html body .matrix-section.alt{ background:#0b1d32!important;color:#fff!important; } html body .matrix-section.alt :is(h1,h2,h3,h4,strong,b,.matrix-kicker){color:#fff!important} html body .matrix-section.alt :is(p,li,span,small){color:#edf5ff!important} html body .matrix-section.alt a:not(.btn){color:#bfeeff!important} html body .matrix-section.alt .standard-card{ background:#10263f!important;color:#fff!important;border-color:rgba(191,219,254,.28)!important; } html body .matrix-section.alt .standard-card :is(strong,h1,h2,h3,h4){color:#fff!important} html body .matrix-section.alt .standard-card :is(p,span,small){color:#edf5ff!important} html body :is(.home-accountability-card,.home-proof-card,.home-accountability-standard){ background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.22))!important; } html body :is(.home-accountability-card,.home-proof-card,.home-accountability-standard) :is(.meta,span,p,li,a){ color:#fff!important; } html body :is(.home-accountability-card,.home-proof-card,.home-accountability-standard) a{ text-decoration:underline;text-underline-offset:3px; } /* ---- css/civic-motion-system.css ---- */ /* JTforME cinematic civic motion system - progressive enhancement */ :root{--civic-progress:0%;--civic-pointer-x:50%;--civic-pointer-y:50%;--civic-cyan:#56d6ff;--civic-blue:#2f6fff} html{scroll-behavior:smooth}body.civic-motion-ready:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.44;background:radial-gradient(circle at var(--civic-pointer-x) var(--civic-pointer-y),rgba(86,214,255,.11),transparent 24rem),linear-gradient(120deg,rgba(47,111,255,.035),transparent 45%)} #civic-scroll-progress{position:fixed;left:0;top:0;height:3px;width:var(--civic-progress);z-index:999999;background:linear-gradient(90deg,#2f6fff,#56d6ff,#9f7cff);box-shadow:0 0 18px rgba(86,214,255,.7);pointer-events:none} #civic-back-to-top{position:fixed;right:22px;bottom:22px;z-index:9999;width:44px;height:44px;border-radius:50%;border:1px solid rgba(86,214,255,.35);background:rgba(3,14,31,.88);color:#fff;opacity:0;transform:translateY(14px) scale(.92);pointer-events:none;transition:.25s;backdrop-filter:blur(12px)}#civic-back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto} .civic-reveal{opacity:0;transform:translate3d(0,26px,0);filter:blur(2px);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;transition-delay:var(--civic-delay,0ms)}.civic-reveal.civic-in-view{opacity:1;transform:none;filter:none} .civic-card-lift{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.civic-card-lift:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(0,0,0,.26)!important;border-color:rgba(86,214,255,.34)!important} .civic-motion-ready .hero,.civic-motion-ready .page-hero{isolation:isolate}.civic-motion-ready .hero:after,.civic-motion-ready .page-hero:after{content:"";position:absolute;inset:-18%;z-index:0;pointer-events:none;opacity:.34;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(86,214,255,.11),transparent 34%,rgba(159,124,255,.08),transparent 70%);animation:civic-orbit 18s linear infinite}.civic-motion-ready .hero>.container,.civic-motion-ready .page-hero>.container{position:relative;z-index:1}@keyframes civic-orbit{to{transform:rotate(360deg)}} .civic-motion-ready .btn,.civic-motion-ready .quick-help-chip{position:relative;overflow:hidden}.civic-motion-ready .btn:after,.civic-motion-ready .quick-help-chip:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38) 48%,transparent 62%);transform:translateX(-130%);transition:transform .65s ease}.civic-motion-ready .btn:hover:after,.civic-motion-ready .quick-help-chip:hover:after{transform:translateX(130%)} body.is-scrolled .navbar{box-shadow:0 10px 34px rgba(2,8,23,.18);backdrop-filter:blur(16px)} .accountability-launch-v22{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(86,214,255,.15),transparent 28rem),linear-gradient(135deg,#020817,#071b37);border-top:1px solid rgba(86,214,255,.2);border-bottom:1px solid rgba(86,214,255,.16)}.accountability-launch-v22:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(86,214,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(86,214,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent)}.accountability-launch-v22 .container{position:relative;padding-top:64px;padding-bottom:64px}.accountability-launch-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.accountability-launch-v22 h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;line-height:1.02}.accountability-launch-v22 .launch-kicker{color:#56d6ff;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}.accountability-launch-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accountability-launch-stat{padding:22px;border:1px solid rgba(148,193,255,.18);border-radius:18px;background:rgba(9,26,52,.72)}.accountability-launch-stat strong{display:block;font-size:34px;color:#fff}.accountability-launch-stat span{display:block;color:#bcd0ed;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.accountability-route-bridge{padding:42px 0;background:linear-gradient(135deg,#07172f,#0a2445);border-top:1px solid rgba(86,214,255,.2)}.accountability-route-bridge-inner{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.accountability-route-bridge h2{margin:0 0 8px}.accountability-route-bridge p{margin:0} @media(max-width:900px){.accountability-launch-grid,.accountability-route-bridge-inner{grid-template-columns:1fr}.accountability-launch-stats{grid-template-columns:1fr 1fr}} @media(max-width:600px){.accountability-launch-stats{grid-template-columns:1fr}.accountability-launch-v22 .container{padding-top:48px;padding-bottom:48px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.civic-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.civic-motion-ready .hero:after,.civic-motion-ready .page-hero:after{animation:none}.civic-card-lift:hover{transform:none}} @media print{#civic-scroll-progress,#civic-back-to-top{display:none!important}.civic-reveal{opacity:1!important;transform:none!important;filter:none!important}} /* ---- css/public-accountability-command-center-v38.css ---- */ :root{--pac-red:#991b1e;--pac-dark:#111;--pac-ink:#181818;--pac-muted:#5d5d5d;--pac-line:#d8d8d8;--pac-paper:#fff;--pac-wash:#f6f4f1;--pac-soft:#fdf7f7} html{scroll-behavior:smooth}.pac-page{background:#fff!important;color:var(--pac-ink)!important;font-family:Arial,Helvetica,sans-serif}.pac-page *{box-sizing:border-box}.pac-skip{position:absolute;left:-9999px}.pac-skip:focus{left:16px;top:16px;z-index:9999;background:#fff;color:#111;padding:12px;border:3px solid var(--pac-red)} .pac-public-bar{background:#111;color:#fff;text-align:center;padding:8px 14px;font:800 11px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.pac-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.pac-hero{background:#fff;border-top:12px solid var(--pac-red);border-bottom:4px double #111;padding:44px 0 36px}.pac-kicker{color:var(--pac-red);font:800 12px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.pac-hero h1,.pac-section h2,.pac-page h2{font-family:Georgia,'Times New Roman',serif;color:#111!important;line-height:1.04;margin:0}.pac-hero h1{font-size:clamp(42px,7vw,78px);max-width:1000px}.pac-deck{max-width:940px;font-size:20px;line-height:1.55;margin:20px 0;color:#2a2a2a}.pac-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}.pac-actions a,.pac-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border:2px solid #111;background:#fff;color:#111!important;text-decoration:none!important;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.pac-actions a.primary,.pac-btn.primary{background:var(--pac-red);border-color:var(--pac-red);color:#fff!important}.pac-actions a:hover,.pac-btn:hover{background:#111;border-color:#111;color:#fff!important}.pac-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.pac-stat{border:2px solid #111;padding:18px;background:#fff}.pac-stat strong{display:block;color:var(--pac-red);font:800 clamp(32px,4vw,52px)/1 Arial,sans-serif}.pac-stat span{display:block;margin-top:8px;color:#333;font:700 12px/1.35 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em} .pac-toc{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid #111;box-shadow:0 4px 12px rgba(0,0,0,.08)}.pac-toc .pac-shell{display:flex;gap:6px;overflow:auto;padding:10px 0}.pac-toc a{white-space:nowrap;color:#111!important;text-decoration:none!important;border:1px solid #aaa;padding:8px 10px;font:800 11px/1.2 Arial,sans-serif;text-transform:uppercase}.pac-toc a:hover{border-color:var(--pac-red);color:var(--pac-red)!important}.pac-section{padding:54px 0;border-bottom:1px solid var(--pac-line)}.pac-section.alt{background:var(--pac-wash)}.pac-section-head{max-width:930px;margin-bottom:24px}.pac-section h2{font-size:clamp(32px,5vw,54px)}.pac-section-head p{font-size:18px;line-height:1.6;color:#333}.pac-note{border-left:8px solid var(--pac-red);background:#fff;padding:18px 20px;margin:20px 0;color:#222;box-shadow:0 1px 0 rgba(0,0,0,.08)} .pac-filterbar{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;background:#111;padding:14px;margin:20px 0}.pac-filterbar input,.pac-filterbar select{width:100%;min-height:44px;background:#fff;color:#111;border:2px solid #fff;padding:9px 10px;font-size:15px}.pac-filterbar button{min-height:44px;background:var(--pac-red);color:#fff;border:2px solid var(--pac-red);font-weight:800;text-transform:uppercase}.pac-filter-count{font-weight:800;margin:12px 0;color:#333}.pac-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pac-issue{background:#fff;border:2px solid #111;border-top:10px solid var(--pac-red);padding:20px;scroll-margin-top:110px}.pac-issue[hidden]{display:none!important}.pac-issue-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pac-id{font:900 12px/1.2 Arial,sans-serif;letter-spacing:.08em;color:var(--pac-red);text-transform:uppercase}.pac-status{display:inline-flex;padding:6px 8px;border:1px solid #111;background:#fff;color:#111;font:800 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pac-status.open,.pac-status.pending,.pac-status.escalated{background:#fff0f0;border-color:var(--pac-red);color:var(--pac-red)}.pac-status.completed,.pac-status.live,.pac-status.action{background:#f1f1f1}.pac-issue h3{font-family:Georgia,'Times New Roman',serif;color:#111;font-size:27px;line-height:1.12;margin:14px 0}.pac-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.pac-meta{border-top:1px solid #aaa;padding-top:8px}.pac-meta span{display:block;color:#666;font:800 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.pac-meta strong{display:block;color:#111;margin-top:5px;font-size:14px;line-height:1.35}.pac-issue p{font-size:15px;line-height:1.55}.pac-remedy{background:var(--pac-soft);border-left:5px solid var(--pac-red);padding:12px 14px}.pac-limit{font-size:13px!important;color:#555!important;border-top:1px dotted #999;padding-top:10px}.pac-source-link{font-weight:800;color:var(--pac-red)!important} .pac-table-wrap{overflow:auto;border:2px solid #111;background:#fff}.pac-table{width:100%;border-collapse:collapse;min-width:900px}.pac-table th{background:#111;color:#fff;text-align:left;padding:11px;font:800 11px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.pac-table td{vertical-align:top;padding:12px;border-top:1px solid #ccc;font-size:14px;line-height:1.45}.pac-table tr:nth-child(even){background:#fafafa}.pac-table a{font-weight:800;color:var(--pac-red)!important}.pac-table code{white-space:nowrap;color:#111;background:#eee}.pac-row[hidden]{display:none}.pac-pill{display:inline-flex;padding:5px 7px;border:1px solid #111;background:#fff;font:800 10px/1.2 Arial,sans-serif;text-transform:uppercase}.pac-pill.red{border-color:var(--pac-red);color:var(--pac-red);background:#fff2f2} .pac-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pac-card{background:#fff;border:2px solid #111;padding:20px}.pac-card.red{border-top:9px solid var(--pac-red)}.pac-card h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.15;margin:10px 0;color:#111}.pac-card p,.pac-card li{font-size:15px;line-height:1.55}.pac-number{font:900 44px/1 Arial,sans-serif;color:var(--pac-red)}.pac-demand{display:grid;grid-template-columns:64px 1fr;gap:16px;border-bottom:1px solid #bbb;padding:20px 0}.pac-demand-num{width:58px;height:58px;border:3px solid var(--pac-red);display:flex;align-items:center;justify-content:center;font:900 28px/1 Arial;color:var(--pac-red)}.pac-demand h3{margin:0 0 8px;font-family:Georgia,serif;font-size:28px;color:#111}.pac-demand p{margin:0;font-size:16px;line-height:1.6} .pac-clock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pac-clock{border:2px solid #111;border-top:9px solid var(--pac-red);padding:18px;background:#fff}.pac-clock strong{display:block;font:900 46px/1 Arial;color:var(--pac-red)}.pac-clock h3{font-family:Georgia,serif;font-size:22px;line-height:1.15;margin:10px 0}.pac-clock p{font-size:14px;line-height:1.5}.pac-clock small{display:block;color:#666;border-top:1px dotted #aaa;padding-top:9px} .pac-inline-status{background:#fff;border-top:5px solid var(--pac-red);border-bottom:2px solid #111;color:#111}.pac-inline-status-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:13px 0}.pac-inline-id{background:var(--pac-red);color:#fff;padding:8px 10px;font:900 11px/1 Arial;text-transform:uppercase;letter-spacing:.06em}.pac-inline-status strong{display:block;font-size:15px}.pac-inline-status span{font-size:12px;color:#555}.pac-inline-status a{font:900 11px/1.2 Arial;color:var(--pac-red)!important;text-transform:uppercase;text-decoration:none!important}.nav-command-center>a{font-weight:900!important;color:var(--pac-red)!important;border-bottom:3px solid var(--pac-red)} .pac-footer{background:#111;color:#fff;padding:34px 0}.pac-footer p{color:#e8e8e8;line-height:1.55}.pac-footer a{color:#fff!important;text-decoration:underline}.pac-boundary{background:#fff;border:2px solid #111;border-left:10px solid var(--pac-red);padding:20px}.pac-boundary h3{font-family:Georgia,serif;color:#111;font-size:26px;margin-top:0}.pac-empty{padding:22px;text-align:center;border:2px dashed #999;background:#fff}.pac-feed-list{list-style:none;padding:0;margin:0}.pac-feed-list li{border-bottom:1px solid #bbb;padding:16px 0}.pac-feed-list time{color:var(--pac-red);font-weight:800}.pac-catalog-hash{font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.pac-print-only{display:none} @media(max-width:900px){.pac-stats,.pac-clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pac-issue-grid,.pac-card-grid{grid-template-columns:1fr}.pac-filterbar{grid-template-columns:1fr}.pac-meta-grid{grid-template-columns:1fr}.pac-inline-status-inner{grid-template-columns:auto 1fr}.pac-inline-status a{grid-column:1/-1}.pac-hero{padding-top:32px}.pac-deck{font-size:18px}} @media(max-width:520px){.pac-shell{width:min(100% - 20px,1180px)}.pac-stats,.pac-clock-grid{grid-template-columns:1fr}.pac-hero h1{font-size:42px}.pac-section{padding:38px 0}.pac-section h2{font-size:34px}.pac-actions a{width:100%}.pac-demand{grid-template-columns:48px 1fr}.pac-demand-num{width:44px;height:44px;font-size:22px}} @media print{.navbar,.pac-toc,.pac-actions,.pac-filterbar,.pac-footer,.pac-inline-status{display:none!important}.pac-page{font-size:11pt}.pac-section{page-break-inside:avoid}.pac-print-only{display:block}.pac-issue-grid,.pac-card-grid,.pac-clock-grid{display:block}.pac-issue,.pac-card,.pac-clock{margin-bottom:12px;page-break-inside:avoid}} /* V38 control visibility override: the legacy campaign theme intentionally hides generic form controls. */ .pac-filterbar input,.pac-filterbar select,.pac-filterbar button{display:block!important;visibility:visible!important;opacity:1!important} /* V38 formal court-record palette override: white paper, black ink, red accountability. */ .pac-page .navbar.navbar-default{background:#fff!important;background-image:none!important;border:0!important;border-bottom:2px solid #111!important;box-shadow:none!important} .pac-page .navbar .container,.pac-page .navbar-collapse,.pac-page .navbar-header,.pac-page .navbar-nav{background:#fff!important;background-image:none!important} .pac-page .navbar-brand{background:#fff!important;background-image:none!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;text-shadow:none!important} .pac-page .navbar-nav>li>a{background:#fff!important;background-image:none!important;color:#111!important;border:1px solid transparent!important;box-shadow:none!important;text-shadow:none!important} .pac-page .navbar-nav>li>a:hover,.pac-page .navbar-nav>li>a:focus,.pac-page .navbar-nav>li.active>a,.pac-page .navbar-nav>li.nav-command-center>a{background:#fff!important;color:var(--pac-red)!important;border-color:#111!important;border-bottom:4px solid var(--pac-red)!important} .pac-page .navbar-toggle{background:#fff!important;border:2px solid #111!important}.pac-page .navbar-toggle .icon-bar{background:#111!important} .pac-page .pac-card,.pac-page .pac-issue,.pac-page .pac-clock,.pac-page .pac-boundary,.pac-page .pac-table,.pac-page .pac-table td,.pac-page .pac-demand,.pac-page .pac-feed-list{color:var(--pac-ink)!important} .pac-page .pac-card p,.pac-page .pac-card li,.pac-page .pac-issue p,.pac-page .pac-clock p,.pac-page .pac-boundary p,.pac-page .pac-table td,.pac-page .pac-demand p,.pac-page .pac-feed-list p{color:#2b2b2b!important} .pac-page .pac-card h3,.pac-page .pac-issue h3,.pac-page .pac-clock h3,.pac-page .pac-boundary h3,.pac-page .pac-demand h3,.pac-page .pac-feed-list h3{color:#111!important} .pac-page .section-anchor-button{background:#fff!important;background-image:none!important;color:var(--pac-red)!important;border:1px solid var(--pac-red)!important;box-shadow:none!important;text-shadow:none!important} .pac-page .section-anchor-button:hover,.pac-page .section-anchor-button:focus{background:var(--pac-red)!important;color:#fff!important} .pac-page .nav-current,.pac-page .nav-current::before,.pac-page .nav-current::after{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#111!important;border-color:#111!important;box-shadow:none!important;filter:none!important;text-shadow:none!important} .pac-page .navbar-brand.nav-current{color:#111!important} @media(max-width:767px){ .pac-page .mobile-action-dock{background:#fff!important;background-image:none!important;border:2px solid #111!important;border-radius:0!important;box-shadow:none!important;gap:6px!important;padding:6px!important;backdrop-filter:none!important} .pac-page .mobile-action-link,.pac-page .mobile-action-button{background:#fff!important;background-image:none!important;border:1px solid #111!important;border-radius:0!important;box-shadow:none!important;color:#111!important} .pac-page .mobile-action-link.is-urgent{background:var(--pac-red)!important;border-color:var(--pac-red)!important;color:#fff!important} .pac-page .mobile-action-kicker,.pac-page .mobile-action-label{color:#111!important} .pac-page .mobile-action-link.is-urgent .mobile-action-kicker,.pac-page .mobile-action-link.is-urgent .mobile-action-label{color:#fff!important} .pac-page .mobile-action-link:hover,.pac-page .mobile-action-link:focus,.pac-page .mobile-action-button:hover,.pac-page .mobile-action-button:focus{background:#111!important;color:#fff!important;border-color:#111!important;transform:none!important} .pac-page .mobile-action-link:hover .mobile-action-kicker,.pac-page .mobile-action-link:hover .mobile-action-label,.pac-page .mobile-action-button:hover .mobile-action-kicker,.pac-page .mobile-action-button:hover .mobile-action-label{color:#fff!important} } /* Outrank legacy !important navigation-current and highlight rules. */ body.pac-page .navbar.navbar-default{background:#fff!important;background-image:none!important} body.pac-page .navbar .navbar-brand.nav-current,body.pac-page .navbar .navbar-brand{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;text-shadow:none!important} body.pac-page .navbar .navbar-nav>li>a.nav-current,body.pac-page .navbar .navbar-nav>li>a.nav-highlight,body.pac-page .navbar .navbar-nav>li>a{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#111!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none!important} body.pac-page .navbar .navbar-nav>li.nav-command-center>a,body.pac-page .navbar .navbar-nav>li.active>a{background:#fff!important;color:var(--pac-red)!important;border:1px solid #111!important;border-bottom:4px solid var(--pac-red)!important} body.pac-page .site-search-launch-strip,body.pac-page #site-search-launch,body.pac-page .site-top-search-shell{display:none!important}