.techniques-guide-design .page-hero.law-hero{display:grid;min-height:0;isolation:isolate}
.techniques-guide-design .hero-photograph{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;object-fit:contain}
.techniques-guide-design .hero-copy{grid-area:1/1;align-self:center;justify-self:start;width:60%;max-width:60%;margin:0;z-index:2}
.techniques-guide-design .hero-copy h1{font-size:46px;line-height:1.1;max-width:580px}
.techniques-guide-design .law-hero:after{z-index:1;background:linear-gradient(90deg,#10382ee8,#10382e88 46%,transparent 73%)}
.techniques-guide-design .aside-inner>.chapter-nav .chapter-link{padding-top:7px;padding-bottom:7px}
.techniques-guide-design .aside-inner{max-height:calc(100svh - 130px);overflow-y:auto;scrollbar-width:thin}
.techniques-guide-design .technique-selector .learning-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8e4de;border-radius:8px;overflow:hidden;gap:0}
.techniques-guide-design .technique-selector .learning-card{display:block;position:relative;padding:28px!important;background:#f6faf8;border:0;border-bottom:1px solid #d8e4de;min-width:0}
.techniques-guide-design .technique-selector .learning-card:nth-child(2n){background:#fcf7f9;border-left:1px solid #e5dade}
.techniques-guide-design .technique-selector .learning-card:nth-last-child(-n+2){border-bottom:0}
.techniques-guide-design .technique-selector .principle-symbol{display:grid;place-items:center;width:42px;height:42px;background:#e6f0eb;color:#196251;border-radius:50%;margin:0 0 18px}
.techniques-guide-design .technique-selector .learning-card:nth-child(2n) .principle-symbol{background:#f1e5eb;color:#863d60}
.techniques-guide-design .technique-selector .principle-symbol svg{width:22px;height:22px}
.techniques-guide-design .technique-selector .learning-card h3{margin:0 0 12px!important;font:400 25px/1.2 Georgia,serif}
.techniques-guide-design .technique-selector .learning-card p{font:15px/1.8 Arial,sans-serif!important;margin:0}
.techniques-guide-design .support-band{background:#fff!important;background-image:none!important;border-block:1px solid #dce5df;color:#273c34;isolation:isolate}
.techniques-guide-design .support-band:before,.techniques-guide-design .support-band:after{display:none}
.techniques-guide-design .support-inner{max-width:1160px;margin:auto;padding:52px 32px;display:grid;grid-template-columns:1fr 1fr;gap:20px 50px}
.techniques-guide-design .support-inner .chapter-heading{grid-column:1/-1;margin-bottom:0}
.techniques-guide-design .law-guidance .chapter-heading .section-kicker{color:#8b6337!important}
.techniques-guide-design .support-inner h2{font:400 36px/1.15 Georgia,serif;color:#155b4f;max-width:none}
.techniques-guide-design .support-inner>.reading-paragraph{font:16px/1.85 Arial,sans-serif;color:#52645b;margin:0;max-width:none}
.techniques-guide-design .support-inner>p:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;margin:0;padding:25px 30px;border-left:1px solid #dce5df;background:#f8faf9}
.techniques-guide-design .support-band .button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:10px 13px 10px 23px;border:1px solid #b9ccc1;border-radius:999px;box-shadow:none;font:600 13px/1.4 Arial,sans-serif;color:#155b4f;background:white;text-decoration:none;white-space:normal}
.techniques-guide-design .support-band .button.primary{color:white;background:#155b4f;border-color:#155b4f}
.techniques-guide-design .support-band .button.secondary{color:#783452;border-color:#dbc4cf;background:#faf4f7}
.techniques-guide-design .support-band .cta-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff19;color:inherit}
.techniques-guide-design .support-band .button.secondary .cta-arrow{background:#7834520a}
.techniques-guide-design .support-band .button:hover{box-shadow:0 5px 15px #173d2912;transform:translateY(-1px)}
@media(min-width:901px){
 .techniques-guide-design .page-hero.law-hero{height:clamp(460px,calc(100svh - 230px),560px);background:#123e34}
 .techniques-guide-design .hero-photograph{height:100%;min-height:0;max-width:1450px;justify-self:end;object-fit:cover;object-position:right top}
}
@media(max-width:900px){
 .techniques-guide-design .hero-copy{grid-area:2/1;max-width:none;width:100%;background:#123e34;padding:26px 22px}
 .techniques-guide-design .hero-copy h1{font-size:32px}
 .techniques-guide-design .law-hero:after{display:none}
 .techniques-guide-design .support-inner{grid-template-columns:1fr;padding:38px 24px;gap:22px}
 .techniques-guide-design .support-inner>p:last-child{border-left:0;border-top:1px solid #dce5df;padding:24px 0 0;background:white}
 .techniques-guide-design .support-inner h2{font-size:30px}
}
@media(max-width:560px){
 .techniques-guide-design .technique-selector .learning-grid{grid-template-columns:1fr}
 .techniques-guide-design .technique-selector .learning-card{border:0!important;border-bottom:1px solid #d8e4de!important;padding:25px!important}
 .techniques-guide-design .technique-selector .learning-card:last-child{border-bottom:0!important}
}
@media(max-width:360px){
 .techniques-guide-design .hero-copy{padding:18px 22px}
 .techniques-guide-design .hero-copy h1{font-size:29px}
 .techniques-guide-design .law-hero .eyebrow{margin-bottom:12px}
 .techniques-guide-design .support-inner{padding:32px 22px}
}