*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#23352c;background:#f4f6f2;font:16px/1.55 system-ui,-apple-system,sans-serif}a{color:#006144;text-underline-offset:3px}a:hover{color:#105456}header{background:#123c2a;color:white;padding:30px max(24px,calc((100vw - 1280px)/2))}header a{color:#d8ef99}header .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#cffc00}h1{font-size:clamp(30px,5vw,52px);line-height:1.12;margin:12px 0 18px;max-width:980px;font-weight:650}header p{max-width:880px;color:#e0e7df}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}main{max-width:1280px;margin:auto;padding:28px 24px 80px}h2{font-size:26px;line-height:1.25}h3{font-size:19px;line-height:1.3;margin:0 0 12px}.intro,.panel{padding:24px;background:white;border:1px solid #d6dfd3;border-radius:12px;margin:0 0 24px}.intro p:first-child{margin-top:0}.muted{font-size:14px;color:#5d6a60}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stat{background:#e8efdf;border-radius:8px;padding:16px}.stat strong{display:block;font-size:28px}.stat span{font-size:13px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;padding:20px;background:#e6eddf;border-radius:12px;margin:24px 0}label{font-size:13px;font-weight:650;display:block}input,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #93a38b;border-radius:6px;background:white;color:#23352c;font:inherit;font-size:14px}.card{background:white;border:1px solid #d6dfd3;border-radius:12px;margin:18px 0;scroll-margin-top:20px;overflow:hidden}.cardhead{padding:22px 24px}.cardhead .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.badge{display:inline-block;background:#e7edde;border:1px solid #b4c1a6;border-radius:30px;padding:3px 10px;font-size:12px;font-weight:700}.badge.Build,.badge.Integrate{background:#fff0d9;border-color:#e9bd7c}.badge.Reuse{background:#dbf0df;border-color:#98c8a3}.tag{font-size:12px;color:#67705f}.arrow{font-size:14px;margin:10px 0}.target{font-weight:650}.scores{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.scores span{font-size:12px;border:1px solid #d5ddd0;padding:5px 9px;border-radius:5px}.scores b{margin-right:4px}details{border-top:1px solid #e2e7de}summary{cursor:pointer;padding:14px 24px;color:#006144;font-weight:650;font-size:14px;background:#f8faf5}details[open] summary{border-bottom:1px solid #e2e7de}.detailbody{padding:22px 24px}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:0 0 22px}.preview{background:#f6f7f3;border:1px solid #d9dfd4;min-width:0}.preview .caption{font-size:12px;padding:10px 12px;border-bottom:1px solid #d9dfd4;font-weight:700}.viewport{height:200px;position:relative;overflow:hidden;background:white;transition:height .15s}.viewport iframe{position:absolute;top:0;left:0;border:0;width:1200px;height:800px;transform-origin:0 0;display:block}.preview-status{font-size:13px;padding:12px;color:#64725f}.preview-status.ready{display:none}.preview .links{font-size:12px;padding:8px 12px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:22px}.notes h4{font-size:14px;margin:0 0 8px}.notes p{margin:0;font-size:14px}.gap{background:#fff4e4;padding:16px;border-radius:8px}.alternatives{margin-top:16px;font-size:14px}.empty{border:1px dashed #b7c2af;padding:24px;height:150px;font-size:14px;background:#f4f6ef}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;background:white}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid #d9e0d4}th{background:#e4eddb}td:first-child{font-weight:650;min-width:190px}td{min-width:230px}.actionlist li{margin-bottom:15px}.recipe{background:#eaf0e4;border-left:5px solid #83a965;padding:18px;margin:18px 0}.recipe p{margin:8px 0}.flow{display:flex;gap:8px;flex-wrap:wrap}.flow span{padding:9px 12px;background:white;border:1px solid #c2cfb4;border-radius:5px;font-size:13px}footer{font-size:12px;color:#66715f;margin-top:36px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #008fb3;outline-offset:3px}@media(max-width:850px){.filters{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.pair,.notes{grid-template-columns:1fr}.viewport{min-height:100px}main{padding:20px 16px}.cardhead,.detailbody{padding:20px}header{padding:26px 20px}nav{gap:12px}}@media print{header{color:black;background:white}.filters,nav{display:none}details>summary{display:none}details{display:block}.viewport{height:220px}.card{break-inside:avoid}.detailbody{display:block!important}a{color:black}.stats{display:none}}