/* Focused integration lessons. Native disclosure keeps the exercises usable without JavaScript. */
.integration-intro .text-link{display:inline-block;margin-top:24px}
.integration-reference-nav{display:flex;flex-wrap:wrap;gap:10px 14px;padding-bottom:28px}
.integration-reference-nav a{display:inline-flex;padding:12px 18px;border:1px solid #aabfc6;color:var(--navy,#071c2c);font-size:.85rem;font-weight:700;text-decoration:none}
.integration-reference-nav a[aria-current="page"]{background:var(--navy,#071c2c);color:#fff;border-color:var(--navy,#071c2c);box-shadow:inset 0 -3px var(--orange,#f78a21)}
.integration-reference-nav a:hover{border-color:var(--teal,#13838e)}
.integration-reference-body .specialty-explainer>p{max-width:860px;color:var(--muted,#51636d);line-height:1.8}
.integration-artwork{max-width:1000px;margin:42px auto 0;padding:20px;background:#fff;border:1px solid #d7dfdf}
.integration-artwork button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.integration-artwork img{display:block;width:100%;height:auto;max-height:920px;object-fit:contain}
.integration-artwork figcaption{max-width:850px;margin:18px 0 0;color:var(--muted,#51636d);font-size:.84rem;line-height:1.65}
.integration-artwork figcaption span{display:block;margin-top:6px;font-weight:700;color:var(--teal,#13838e)}
.integration-practice{padding-top:54px;padding-bottom:54px;background:#edf3ef;border-top:3px solid var(--green,#8dbb4d)}
.integration-practice h2{max-width:950px;margin-bottom:24px}
.integration-lead{max-width:900px;color:var(--muted,#51636d);font-size:1.03rem;line-height:1.8}
.integration-instruction{max-width:900px;margin:18px 0 28px;color:var(--navy,#071c2c);font-size:.87rem;font-weight:700;line-height:1.6}
.integration-choices{display:grid;gap:12px}
.integration-choice,.integration-checkpoints>details{border:1px solid #bbcbce;background:#fff}
.integration-choice summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;cursor:pointer;list-style:none;font-size:1rem;font-weight:700;line-height:1.5}
.integration-choice summary::-webkit-details-marker,.integration-checkpoints summary::-webkit-details-marker{display:none}
.integration-choice summary::marker,.integration-checkpoints summary::marker{content:""}
.integration-choice-cue{flex-shrink:0;color:var(--teal,#13838e);font-size:.75rem;letter-spacing:.03em}
.integration-choice-cue:after{content:'Explore +'}
.integration-choice[open] .integration-choice-cue:after{content:'Close −'}
.integration-choice[open]{border-color:var(--teal,#13838e);box-shadow:inset 4px 0 var(--teal,#13838e)}
.integration-choice[open] summary{padding-bottom:14px}
.integration-answer{padding:0 26px 24px}
.integration-answer p{max-width:920px;margin:0;color:var(--muted,#51636d);font-size:.95rem;line-height:1.8}
.integration-answer strong{color:var(--navy,#071c2c)}
.integration-output{padding:28px 0 30px;border-top:3px solid var(--teal,#13838e)}
.integration-output h2{margin-bottom:20px}
.integration-output>p:last-child{max-width:900px;margin-bottom:0;color:var(--muted,#51636d);font-size:1rem;line-height:1.8}
.integration-post{margin-top:36px;padding:32px 36px;background:var(--navy,#071c2c);color:#fff;border-left:4px solid var(--orange,#f78a21)}
.integration-post .eyebrow{color:var(--orange,#f78a21)}
.integration-post h3{max-width:850px;margin:12px 0 17px;color:#fff;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.16}
.integration-post>p:not(.eyebrow){max-width:880px;color:#dce7eb;line-height:1.75}
.integration-post .text-link{display:inline-block;margin-top:12px;color:#fff;border-color:#9cafb9}
.integration-deeper{margin-top:26px;border-top:1px solid #b8c9cc;border-bottom:1px solid #b8c9cc}
.integration-deeper summary{padding:21px 6px;cursor:pointer;font-weight:700;font-size:.94rem;line-height:1.6}
.integration-deeper>div{padding:0 6px 22px;color:var(--muted,#51636d);font-size:.95rem;line-height:1.8}
.integration-deeper p{max-width:900px;margin:0 0 12px}
.integration-deeper a{color:var(--teal,#13838e);font-weight:700;text-underline-offset:4px}
.integration-checkpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.integration-checkpoints summary{display:flex;align-items:center;gap:18px;padding:24px;cursor:pointer;list-style:none;font-weight:700;line-height:1.5}
.integration-checkpoints summary:after{content:"+";margin-left:auto;font-size:1.5rem;color:var(--teal,#13838e)}
.integration-checkpoints details[open] summary:after{content:"−"}
.integration-checkpoints summary small{display:block;margin-top:5px;font-weight:400;color:var(--muted,#51636d);font-size:.8rem}
.integration-step{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;background:var(--navy,#071c2c);color:#fff;font-size:.9rem}
.integration-checkpoints details[open]{border-color:var(--teal,#13838e)}
.integration-checkpoints details[open] .integration-step{background:var(--teal,#13838e)}
.integration-checkpoints details>div{padding:0 24px 24px;color:var(--muted,#51636d);font-size:.94rem;line-height:1.8}
.integration-checkpoints details>div p{margin:0}
.integration-checkpoints strong{color:var(--navy,#071c2c)}
.integration-reference-nav a:focus-visible,.integration-artwork button:focus-visible,.integration-choice summary:focus-visible,.integration-checkpoints summary:focus-visible,.integration-deeper summary:focus-visible{outline:3px solid var(--orange,#f78a21);outline-offset:4px}
@media(max-width:700px){.integration-checkpoints{grid-template-columns:1fr}.integration-reference-nav{gap:8px}.integration-reference-nav a{padding:10px 13px;font-size:.78rem}.integration-artwork{padding:12px;margin-top:28px}.integration-practice{padding-top:36px;padding-bottom:36px}.integration-choice summary{padding:20px;align-items:flex-start}.integration-answer{padding:0 20px 22px}.integration-choice-cue{font-size:.68rem}.integration-post{padding:26px 24px}.integration-checkpoints summary{padding:22px 20px}.integration-checkpoints details>div{padding:0 20px 22px}}
@media(max-width:380px){.integration-choice summary{display:block}.integration-choice-cue{display:block;margin-top:8px}.integration-reference-nav a{padding:10px}.integration-checkpoints summary{gap:12px}}