/* Detailed technical drawings and contextual links; native HTML remains usable without JS. */
.drawing-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:30px;background:#eef3e9;border-radius:12px;margin-bottom:34px}.drawing-intro p{max-width:700px;margin:0}.drawing-intro .btn{flex-shrink:0}
.drawing-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 44px}.drawing-jumps a{padding:12px 17px;background:#f0f3ed;border:1px solid #d4ded0;border-radius:8px;text-decoration:none;color:#154837;line-height:1.5}.drawing-jumps a:hover{background:#dfeadb}
.drawing-category{padding:34px 0 48px;border-bottom:1px solid #d4ddd3;scroll-margin-top:110px}.drawing-category .section-head p{max-width:810px}.drawing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.drawing-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d8e0d5;border-radius:12px;overflow:hidden;color:#173f33;text-decoration:none;transition:box-shadow .15s,border-color .15s}.drawing-card:hover{border-color:#007250;box-shadow:0 7px 24px #183a3310}.drawing-card:focus-visible{outline:3px solid #bb8a38;outline-offset:4px}.drawing-card img{width:100%;height:auto;aspect-ratio:1400/990;object-fit:contain;border-bottom:1px solid #e1e6db;background:#fafbf8}.drawing-card>div{padding:22px;display:flex;flex-direction:column;flex:1}.drawing-card small{color:#607166;font-size:.77rem;text-transform:uppercase;letter-spacing:.09em}.drawing-card h3{font-size:1.28rem;line-height:1.35;margin:12px 0 24px}.drawing-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;background:#007250;color:#fff;border-radius:7px;padding:13px 14px;min-height:50px;font-weight:700;font-size:.9rem}
.drawing-sheet{padding:36px 0 55px;margin-top:35px;border-bottom:1px solid #d8e0d5;scroll-margin-top:110px}.drawing-sheet h2{max-width:970px}.drawing-caption{max-width:880px;font-size:1.12rem;line-height:1.75}.drawing-sheet figure{margin:28px 0;border:1px solid #d8e0d5;border-radius:10px;overflow:hidden}.drawing-sheet figure img{display:block;width:100%;height:auto;aspect-ratio:1400/990}.drawing-sheet figcaption{padding:14px 20px;font-size:.92rem;background:#f3f5ef;color:#53675a}.drawing-explanation{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:34px}.drawing-explanation h3{font-size:1.3rem}.drawing-explanation ol{padding-left:26px;display:grid;gap:8px}.drawing-explanation li::marker{color:#007250;font-weight:700}.drawing-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:25px}.drawing-actions a{max-width:100%}
.drawing-note{padding:23px 26px;border-left:4px solid #bb8a38;background:#f6f2e7;max-width:980px}.drawing-next{padding:36px;background:#edf3e8;margin:45px 0;border-radius:12px}.drawing-next p{max-width:820px}
.drawing-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prose .drawing-card h3{font-size:1.13rem;margin-top:10px}.prose .drawing-card p{font-size:1rem}.related-drawings{margin:44px 0}.answer-summary{padding:22px 26px;margin:0 0 34px;border-radius:12px;background:#edf3e8;border-left:4px solid #007250}.prose .answer-summary h2{margin:0 0 10px;font-size:1.25rem}.answer-summary p:last-child{margin-bottom:0}
.knowledge-drawings{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:27px;background:#edf3e8;border-radius:12px;margin-bottom:32px}.knowledge-drawings p{margin:0;max-width:740px}.knowledge-drawings .btn{flex-shrink:0}.drawing-home .drawing-card{box-shadow:none}
.home-about-link{padding-top:22px;padding-bottom:26px}
@media(max-width:1000px){.drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-intro,.knowledge-drawings{align-items:flex-start;flex-direction:column}.drawing-explanation{gap:28px}}
@media(max-width:650px){.drawing-grid,.drawing-related-grid,.drawing-explanation{grid-template-columns:minmax(0,1fr)}.drawing-card>div{padding:20px}.drawing-card h3{font-size:1.22rem}.drawing-jumps{gap:8px;margin-bottom:24px}.drawing-jumps a{font-size:.9rem;padding:10px 13px}.drawing-sheet{margin-top:12px;padding:28px 0}.drawing-intro,.drawing-note,.drawing-next,.knowledge-drawings{padding:22px}.drawing-caption{font-size:1.05rem}.drawing-sheet figcaption{font-size:.86rem;padding:12px 15px}.drawing-home .section-head{display:block}.drawing-intro .btn,.knowledge-drawings .btn{white-space:normal}.answer-summary{padding:19px}.drawing-sheet h2{overflow-wrap:break-word}.drawing-actions .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){.drawing-card{transition:none}}
.guide-start{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;margin-bottom:40px}.guide-start h2{font-size:clamp(2rem,3.7vw,3.2rem);max-width:420px}.guide-start-links{display:grid;gap:12px}.guide-start-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:1rem}.guide-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:42px}.guide-topics a{display:block;background:#f5f6ef;border:1px solid #d8e1d7;padding:22px 18px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .15s}.guide-topics a:hover{background:#e5eee3}.guide-topics span{display:block;font-weight:750;line-height:1.3;font-size:1rem}.guide-topics small{display:block;color:#326452;margin:9px 0;font-size:.75rem}.guide-topics p{font-size:.8rem;line-height:1.55;margin:0;color:#536259}.knowledge-drawings h2{font-size:clamp(1.6rem,2.5vw,2.2rem);margin:0 0 15px}.knowledge-drawings .eyebrow{margin:0 0 12px}.knowledge-drawings p{max-width:720px}.all-guides{scroll-margin-top:24px}.all-guides>.filterbar{align-items:end}.filterbar label{display:grid;gap:8px;min-width:0;font-size:.85rem;font-weight:650;flex:1}.filterbar label:last-child{flex:0 1 350px}.filterbar input,.filterbar select{width:100%}.guide-category{padding:25px 0 32px;scroll-margin-top:26px}.guide-category-head{display:flex;gap:20px;align-items:baseline;justify-content:space-between;margin-bottom:24px}.guide-category-head h3{font-size:1.8rem;margin:0}.guide-category-head>a{font-size:.8rem;color:#326452;white-space:nowrap}.article-card-action{display:block;margin-top:20px;color:#007250;font-size:.85rem;font-weight:700}.guide-glossary{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#edf2e8;padding:35px;border-radius:18px;margin-top:30px}.guide-glossary h2{font-size:1.9rem}.guide-glossary p{max-width:650px;margin-bottom:0}.guide-glossary .btn{flex-shrink:0}
.guide-table-wrap{margin:25px 0 35px;max-width:100%}.guide-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.86rem;border:1px solid #cbd8cf;border-radius:12px;overflow:hidden;line-height:1.6}.guide-table caption{text-align:left;font-weight:700;color:var(--ink);padding:0 0 12px}.guide-table thead th{background:#173f32;color:#fff;font-weight:650}.guide-table th,.guide-table td{vertical-align:top;text-align:left;padding:16px 15px;border-bottom:1px solid #dce3dd;overflow-wrap:break-word;hyphens:none}.guide-table tbody th{font-weight:650;width:25%;color:#1c4937}.guide-table tbody tr:nth-child(even){background:#f3f6ee}.guide-table tbody tr:last-child>*{border-bottom:0}.table-cell-label{display:none}.guide-checklist{list-style:none;padding:0;margin:24px 0;background:#eff4eb;border:1px solid #dbe5d5;border-radius:14px;overflow:hidden}.guide-checklist li{position:relative;padding:16px 20px 16px 48px;border-bottom:1px solid #dae4d3;line-height:1.6}.guide-checklist li:last-child{border-bottom:0}.guide-checklist li:before{content:'✓';position:absolute;left:20px;color:#007250;font-weight:750}.guide-category[hidden]{display:none}
@media(max-width:1100px){.guide-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.guide-start{grid-template-columns:1fr;gap:15px}.guide-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-glossary{align-items:flex-start;flex-direction:column}.knowledge-drawings{align-items:flex-start}.guide-category-head{align-items:flex-start}.guide-category-head h3{font-size:1.55rem}}
@media(max-width:600px){.guide-start{margin-bottom:25px}.guide-topics{gap:10px}.guide-topics a{padding:17px 14px}.guide-topics p{display:none}.guide-topics span{font-size:.93rem}.guide-topics small{margin-bottom:0}.filterbar label,.filterbar label:last-child{flex:1 1 100%}.guide-category-head{display:block}.guide-category-head>a{display:inline-block;margin-top:12px}.guide-glossary{padding:25px 22px}.guide-glossary .btn{width:100%}.guide-table,.guide-table tbody,.guide-table tr,.guide-table th,.guide-table td{display:block;width:100%}.guide-table caption{display:block;padding:16px;background:#f3f6ee}.guide-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-table tbody th{width:100%;background:#e7eee2;font-size:1rem;padding-bottom:12px}.guide-table tbody td{padding-top:12px;padding-bottom:12px;border-bottom:0}.guide-table tbody tr{border-bottom:1px solid #cbd8cf;padding-bottom:8px}.guide-table tbody tr:last-child{border:0}.table-cell-label{display:block;font-size:.7rem;font-weight:700;color:#395746;margin-bottom:4px}.guide-table-wrap{margin:25px 0}.guide-checklist li{padding-right:15px}}
@media(prefers-reduced-motion:reduce){.guide-topics a{transition:none}}

.article-card h4{font-size:1.3rem;line-height:1.35;letter-spacing:-.02em;margin:14px 0 16px;font-weight:700}.drawing-reading{margin:35px 0}.drawing-reading ul{display:grid;gap:12px;padding-left:22px}.drawing-reading a{color:#007250}
.glossary dd>p{margin:0 0 13px}.glossary-links{display:grid;gap:8px;margin-bottom:12px}.glossary-links a{font-size:.84rem;line-height:1.55}.glossary dt{scroll-margin-top:28px}