/* Learning and patch notes: source-led indexes within the editorial system. */
body[data-visual-system].learning-page .project-group-heading p{font:12px/1.7 var(--ug-sans);margin-top:12px}
body[data-visual-system].learning-page .project-index.learning-projects article>p:first-of-type{font:16px/1.8 var(--ug-sans);color:var(--body);margin-bottom:20px}
body[data-visual-system].learning-page .project-index.learning-projects .project-skills li{font:11px/1.6 var(--ug-mono)}
.learning-page .project-intro{max-width:62ch}
.learning-page .project-paths{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 42px}
.learning-page .project-paths a{display:flex;align-items:center;gap:32px;justify-content:space-between;padding:14px 18px;border:1px solid #67443b;min-height:48px;text-decoration:none;font:12px/1.6 var(--ug-mono,monospace)}
.learning-page .project-paths a:hover{background:#251713;border-color:#d47766}
.learning-page .project-paths span{color:#d47766}
.learning-page .project-group{scroll-margin-top:32px}
.learning-page .project-group+.project-group{margin-top:48px}
.learning-page .project-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
body.learning-page .project-group-heading h3{font:400 32px/1.2 var(--ug-serif,Georgia,serif);margin:0}
body.learning-page .project-group-heading p{color:#b6a79a;font:12px/1.7 var(--ug-mono,monospace);margin:0}
body.learning-page .project-index.learning-projects{margin-top:24px;gap:0 48px}
body.learning-page .learning-projects article{display:flex;flex-direction:column;padding:28px 0 34px;min-width:0}
.learning-page .project-caption{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;font:10px/1.8 var(--ug-mono,monospace);color:#d39382;letter-spacing:.02em;margin-bottom:20px}
.learning-page .project-caption span:last-child{color:#b0a297}
body.learning-page .learning-projects h3{font:400 34px/1.2 var(--ug-serif,Georgia,serif);margin:0 0 17px}
.learning-page .learning-projects h3 a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;text-decoration:none}
.learning-page .learning-projects h3 a span{font:22px var(--ug-sans,Arial,sans-serif);color:#d47766}
body.learning-page .learning-projects article>p:first-of-type{color:#c8bdb3;font:16px/1.8 var(--ug-sans,Arial,sans-serif);margin:0 0 20px;max-width:52ch}
.learning-page .project-skills{display:flex;flex-wrap:wrap;gap:7px 10px;list-style:none;margin:0 0 23px;padding:0}
body.learning-page .learning-projects .project-skills li{font:10px/1.6 var(--ug-mono,monospace);color:#ceb3a4;border:1px solid #49352f;padding:5px 9px;margin:0}
.learning-page .project-open{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:16px;min-height:44px;font:12px/1.7 var(--ug-mono,monospace);text-decoration:none;border-bottom:1px solid #735145}
.learning-page .learning-workflow{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid #49352f}
body.learning-page .learning-workflow li{display:grid;grid-template-columns:32px 1fr;gap:1px 14px;padding:17px 0;border-bottom:1px solid #49352f;font:14px/1.7 var(--ug-sans,Arial,sans-serif)}
.learning-page .learning-workflow li>span{grid-row:span 2;font:11px/1.8 var(--ug-mono,monospace);color:#d47766}
.learning-page .learning-workflow strong{display:block;font-weight:500;color:#eee7da}
.engineering-page .patch-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #49352f}
.engineering-page .patch-index a{display:flex;flex-direction:column;gap:14px;padding:28px 28px 28px 0;text-decoration:none;min-width:0}
.engineering-page .patch-index a+a{border-left:1px solid #49352f;padding-left:28px}
.engineering-page .patch-index a:hover{background:#16100e}
.engineering-page .patch-number{font:10px/1.8 var(--ug-mono,monospace);color:#d47766;letter-spacing:.04em}
.engineering-page .patch-index strong{font:400 29px/1.2 var(--ug-serif,Georgia,serif)}
.engineering-page .patch-index a>span:not(.patch-number){font:14px/1.7 var(--ug-sans,Arial,sans-serif);color:#c8bdb3}
.engineering-page .patch-index small{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;font:10px/1.7 var(--ug-mono,monospace);color:#baa99b}
.engineering-page .patch-index b{color:#d47766;font-size:17px;font-weight:400}
.engineering-page .patch-contract{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 38px;border:1px solid #51372e;background:#15100e}
.engineering-page .patch-contract>div{padding:22px 24px;min-width:0}
.engineering-page .patch-contract>div+div{border-left:1px solid #51372e}
.engineering-page .patch-contract dt{font:10px/1.7 var(--ug-mono,monospace);color:#bda697;margin:0 0 12px}
.engineering-page .patch-contract dd{font:400 22px/1.4 var(--ug-serif,Georgia,serif);color:#eee7da;margin:0;overflow-wrap:anywhere}
.engineering-page .patch-contract code{font-size:15px}
.engineering-page .patch-contract>div:last-child{border-top:2px solid #b66956;background:#20130f}
body.engineering-page .patch-detail{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
body.engineering-page .patch-detail>div>h3:first-child{margin-top:0}
.engineering-page .patch-context{padding-right:26px;border-right:1px solid #49352f}
.engineering-page .patch-context>a{display:inline-flex;align-items:center;min-height:44px}
.engineering-page .patch-context .study-button{width:100%;white-space:normal}
@media(max-width:800px){
  .learning-page .project-group-heading{display:block}
  body.learning-page .project-group-heading p{margin-top:12px}
  body.learning-page .project-index.learning-projects{gap:0 28px}
  .engineering-page .patch-index{grid-template-columns:1fr}
  .engineering-page .patch-index a{padding:24px 0;gap:8px}
  .engineering-page .patch-index a+a{border-left:0;border-top:1px solid #49352f;padding-left:0}
  .engineering-page .patch-index small{max-width:330px}
  .engineering-page .patch-contract{grid-template-columns:1fr}
  .engineering-page .patch-contract>div+div{border-left:0;border-top:1px solid #51372e}
  .engineering-page .patch-contract>div:last-child{border-top:2px solid #b66956}
  body.engineering-page .patch-detail{grid-template-columns:1fr;gap:30px}
  .engineering-page .patch-context{padding-right:0;border:0}
  .engineering-page .patch-context .study-button{width:auto}
}
@media(max-width:600px){
  body.learning-page .project-index.learning-projects{grid-template-columns:1fr}
  .learning-page .project-paths{flex-direction:column}
  .learning-page .project-caption{font-size:9px}
  body.learning-page .learning-projects h3{font-size:30px}
  .engineering-page .patch-contract>div{padding:19px 21px}
}