:root{--ink:#142d49;--muted:#52677f;--paper:#fbfdff;--white:#fff;--line:#d4e5f4;--orange:#0864c8;--pale:#fff0af;--dark:#073b77;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--orange)}button,input,select,textarea{font:inherit}button,a,input,summary,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.14;letter-spacing:-.035em;margin:0 0 .65em}h1{font-size:clamp(2.6rem,5.2vw,5rem);font-weight:780}h2{font-size:clamp(1.9rem,3vw,2.75rem)}h3{font-size:1.3rem}h4,h5,h6{font-size:1.12rem}p{margin:0 0 1.25em}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #da7644;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.utility{background:var(--dark);color:#eff7ff;font-size:12px;letter-spacing:.025em}.utility .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:9px}.utility a{color:#fff;text-decoration:none}.utility span:first-child:before{content:'●';font-size:9px;color:#ffd63e;margin-right:9px}.header{background:rgba(245,244,238,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block;font-size:19px;font-weight:850;line-height:1.05;letter-spacing:-.045em}.brand small{display:block;font-size:10px;letter-spacing:.18em;line-height:2;color:var(--muted)}.nav{display:flex;gap:22px;align-items:center}.nav>a,.nav summary{font-size:13px;font-weight:650;text-decoration:none;list-style:none;cursor:pointer}.nav [aria-current=page]{color:var(--orange)}.nav details{position:relative}.nav details>div{position:absolute;right:-40px;top:35px;background:#fff;border:1px solid var(--line);padding:12px;min-width:220px;box-shadow:0 12px 35px #073b7720;border-radius:8px}.nav details>div a{display:block;padding:8px 12px;text-decoration:none;font-size:14px}.nav .nav-store{border:1px solid var(--ink);padding:9px 15px;border-radius:5px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 14px;border-radius:5px}.eyebrow{font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:64px 60px}.hero h1{font-size:clamp(2.9rem,5.5vw,5rem);max-width:660px}.hero h1 em{color:var(--orange);font-style:normal}.hero p{max-width:500px;color:var(--muted);font-size:18px}.hero-art{position:relative;background:#e7f4ff;border-radius:12px;overflow:hidden;min-height:465px}.hero-art img{width:100%;height:465px;object-fit:cover}.art-tag{position:absolute;bottom:18px;left:18px;right:18px;background:#ffffffef;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-radius:5px;font:12px/1.5 ui-monospace,monospace}.art-tag b{display:block;font-size:13px}.art-tag span{color:var(--muted)}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-block:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:5px;padding:13px 21px;text-decoration:none;font-weight:650;font-size:14px;line-height:1.5}.btn:hover{background:#034eaa;color:#fff}.btn.secondary{color:var(--ink);border-color:#a8c8e5;background:transparent}.btn.secondary:hover{background:#eaf4ff}.hero-note{font:11px/1.5 ui-monospace,monospace;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;max-width:490px}.quicklinks{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:64px}.quicklinks a{text-decoration:none;padding:23px 22px;border-right:1px solid var(--line);font-size:14px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:16px}.quicklinks a:first-child{padding-left:0}.quicklinks a:last-child{border:0}.quicklinks span{color:var(--orange);font:11px ui-monospace,monospace}.section{padding-block:12px 72px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:10px}.section-head>a{font-size:14px;font-weight:650;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0657a51a}.card-media{display:block;background:#eaf4ff;aspect-ratio:1.55;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card.product .card-media{background:white;aspect-ratio:1.7;padding:24px}.card.product img{object-fit:contain}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card .eyebrow{font-size:10px;margin-bottom:12px}.card h3 a{text-decoration:none}.card p{font-size:14px;color:var(--muted);margin-bottom:20px}.card .card-link{margin-top:auto;font-size:13px;font-weight:750;color:var(--orange);text-decoration:none;padding-top:10px}.card .card-link:after{content:' ↗';float:right}.resource-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;background:var(--dark);color:#ffffff;border-radius:12px;padding:45px;margin-bottom:72px}.resource-panel p{color:#d7ebff;max-width:340px}.resource-panel .eyebrow{color:#ffe15e}.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.resource-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #5680b0;font-size:14px;text-decoration:none}.resource-list a:hover{color:#ffe15e}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split img{border-radius:10px;width:100%;max-height:420px;object-fit:cover}.split p{color:var(--muted)}.banner{background:var(--pale);border:1px solid #f1d76c;border-radius:10px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:65px}.banner h2{font-size:1.7rem}.banner p{font-size:14px;margin:0;color:#61531c}.banner .btn{flex-shrink:0}.page-head{padding-block:42px 34px;border-bottom:1px solid var(--line);margin-bottom:35px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.breadcrumb a{text-decoration:none}.page-head h1{font-size:clamp(2.5rem,5vw,4rem);max-width:950px}.page-head p{max-width:760px;color:var(--muted);font-size:17px}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:30px;padding:20px;background:#eaf4ff;border-radius:8px}.searchbox{display:flex;align-items:center;gap:12px;flex:1;min-width:230px;background:white;border:1px solid #a8c8e5;border-radius:5px;padding:0 14px}.searchbox input{border:0;background:transparent;outline:none;padding:12px 0;width:100%;color:var(--ink);min-width:0}.toolbar select{padding:12px;background:white;border:1px solid #a8c8e5;border-radius:5px;max-width:100%}.result-count{font:12px ui-monospace,monospace;color:var(--muted);white-space:nowrap}.no-results{display:none;padding:35px;text-align:center;border:1px solid var(--line);border-radius:8px}.no-results.visible{display:block}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:60px}.index-group{padding:27px;background:white;border:1px solid var(--line);border-radius:8px}.index-group h2{font-size:1.4rem;padding-bottom:16px;border-bottom:1px solid var(--line)}.index-group a{display:block;text-decoration:none;font-size:14px;padding:10px 0;border-bottom:1px solid #e8f1f9}.index-group a:after{content:'→';float:right;color:var(--orange)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;align-items:start;padding-bottom:65px}.article{min-width:0}.article .content{font-size:16px}.content h1{font-size:2.1rem}.content h2{font-size:1.8rem;margin-top:32px}.content h3{font-size:1.45rem;margin-top:26px}.content h4,.content h5,.content h6{font-size:1.2rem;margin-top:22px}.content img{max-height:850px;object-fit:contain;margin:20px auto;border-radius:6px}.content iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:8px;margin:20px 0}.content a{color:var(--orange)}.content .layout-row{display:flex;gap:28px;align-items:flex-start;margin:20px 0}.content .layout-col{flex:1;min-width:0}.content .layout-row .layout-row{display:block}.content figure{margin:0}.content .module{margin-bottom:22px}.content ul,.content ol{padding-left:24px}.content table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}.table-scroll{overflow:auto}.content td,.content th{border:1px solid var(--line);padding:13px;min-width:100px}.content th{background:#e7f2ff}.content blockquote{border-left:4px solid var(--orange);padding:16px 24px;margin:24px 0;background:#eef7ff}.content .download-link{display:inline-flex;padding:12px 18px;background:var(--dark);color:#fff;border-radius:5px;margin:8px 8px 8px 0;text-decoration:none;font-size:14px}.sidebar{position:sticky;top:125px;background:#e7f3ff;border:1px solid var(--line);border-radius:8px;padding:22px;font-size:13px}.sidebar strong{display:block;margin-bottom:14px}.sidebar a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid #c4dcf0}.sidebar p{color:var(--muted);font-size:12px;margin-top:20px}.faq-list{max-width:950px;margin:0 auto 65px}.faq-item{border:1px solid var(--line);border-radius:8px;background:white;margin:14px 0;scroll-margin-top:120px}.faq-item summary{cursor:pointer;padding:22px 26px;font-weight:700;font-size:17px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-item summary:after{content:'+';font-size:25px;color:var(--orange);font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-body{padding:0 26px 18px}.faq-body img{max-width:300px;max-height:220px;object-fit:contain;margin:12px 0}.faq-body .anchor-link{font-size:12px;color:var(--muted)}.video-thumb{position:relative}.video-thumb:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--orange);color:white;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;padding-left:4px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding-bottom:65px}.contact-box{padding:32px;background:#fff;border:1px solid var(--line);border-radius:10px}.field{display:block;margin-bottom:18px;font-size:13px;font-weight:650}.field input,.field textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #b1cbe5;border-radius:5px;background:#fbfdff;color:var(--ink)}.field textarea{min-height:170px;resize:vertical}.fine{font-size:12px;color:var(--muted)}.contact-aside{background:var(--pale);padding:24px;border-radius:8px;margin-top:30px}.footer{border-top:1px solid var(--line);background:#e7f3ff;padding-block:45px 24px;margin-top:20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:35px}.footer p{font-size:13px;color:var(--muted);max-width:340px;margin-top:18px}.footer h3{font:700 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.footer a{display:block;font-size:13px;text-decoration:none;padding:4px 0}.footer .brand{display:flex}.footer-bottom{border-top:1px solid #b9d3ec;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.footer-bottom a{display:inline;font-size:11px}.test-label{font:10px ui-monospace,monospace;letter-spacing:.07em;color:var(--muted)}[hidden]{display:none!important}.reading-tools{display:flex;gap:15px;margin-top:18px}.reading-tools button{border:1px solid var(--line);background:white;padding:8px 13px;border-radius:5px;font-size:12px}.contact-status{margin-top:16px;color:var(--orange)}.prose-intro{max-width:780px;margin-bottom:30px;color:var(--muted)}@media(min-width:1100px){.hero{min-height:610px}}@media(max-width:1100px){.nav{gap:14px}.nav>a,.nav summary{font-size:12px}.hero{gap:35px}.hero-art,.hero-art img{min-height:400px;height:400px}.article-layout{gap:35px}.wrap{width:calc(100% - 40px)}}@media(max-width:900px){.menu-toggle{display:block}.head-inner{min-height:78px}.nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--paper);padding:20px 30px;border-bottom:1px solid var(--line);max-height:80vh;overflow:auto}.nav.open{display:flex}.nav>a,.nav summary{font-size:15px;padding:8px}.nav details>div{position:static;box-shadow:none;margin-top:8px}.hero{gap:30px}.hero h1{font-size:3rem}.hero-art,.hero-art img{min-height:365px;height:365px}.grid,.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-panel{gap:35px;padding:32px;grid-template-columns:1fr 1.4fr}.resource-list{grid-template-columns:1fr}.quicklinks a{font-size:12px;padding:18px 12px}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.sidebar strong,.sidebar p{grid-column:1/-1}.contact-grid{gap:30px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.content .layout-row{flex-wrap:wrap}.content .layout-col{flex-basis:40%}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.utility .wrap{font-size:10px}.utility .wrap span{max-width:65%}.brand img{width:50px;height:50px}.brand strong{font-size:16px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;padding-block:35px;gap:28px}.hero h1{font-size:3.2rem}.hero p{font-size:16px}.hero-art,.hero-art img{height:370px;min-height:0}.quicklinks{grid-template-columns:1fr 1fr;margin-bottom:45px}.quicklinks a,.quicklinks a:first-child{padding:18px 12px}.quicklinks a:nth-child(2){border-right:0}.quicklinks a:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid,.grid.two,.index-grid{grid-template-columns:1fr}.section{padding-bottom:45px}.section-head{align-items:flex-start}.section-head>a{font-size:12px}.section-head h2{font-size:1.9rem}.resource-panel{grid-template-columns:1fr;gap:10px;padding:28px;margin-bottom:45px}.resource-panel p{max-width:none}.resource-list{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:25px}.banner{padding:25px;display:block;margin-bottom:45px}.banner .btn{margin-top:20px}.page-head{padding-top:28px}.page-head h1{font-size:2.5rem}.page-head p{font-size:16px}.toolbar{padding:14px;gap:10px}.toolbar select{width:100%}.toolbar .result-count{width:100%}.content .layout-row{display:block}.content h1{font-size:1.9rem}.content h2{font-size:1.6rem}.content img{max-height:600px}.contact-grid{grid-template-columns:1fr}.contact-box{padding:22px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-bottom:10px}.faq-item summary{font-size:15px;padding:19px}.faq-body{padding:0 19px 19px}}@media print{.header,.utility,.footer,.sidebar,.reading-tools,.toolbar,.skip{display:none!important}body{background:white;color:black}.wrap{width:100%}.article-layout{display:block}.page-head h1{font-size:30pt}.content iframe{display:none}.content img{max-height:500px}a{color:black}.faq-item{break-inside:avoid}.faq-item:not([open]) .faq-body{display:block}.card{break-inside:avoid;box-shadow:none}} /* Concept 02 — brighter colors inspired by the channel intro. */ .header{background:rgba(255,255,255,.98);border-bottom:3px solid #ffd43b} .brand img{border-radius:10px;object-fit:cover;object-position:50% 43%;border:1px solid #92bce6;background:#073b77} .brand strong{color:#073b77}.brand small{color:#4073a5} .hero{gap:44px}.hero h1 em{color:#0667cf;text-decoration:underline;text-decoration-color:#ffd43b;text-decoration-thickness:8px;text-underline-offset:9px} .hero-art{height:auto;min-height:0;background:#073b77;overflow:visible;border:1px solid #72afea;box-shadow:10px 10px 0 #dcefff} .hero-art img{width:100%;height:auto;min-height:0;object-fit:contain;border-radius:11px 11px 0 0} .art-tag{position:static;background:#fff1b7;left:auto;right:auto;bottom:auto;border-radius:0 0 11px 11px;color:#183c63;border-top:3px solid #ffd43b;padding:16px 19px} .art-tag span{color:#526680} .btn{box-shadow:0 3px 0 #003e85}.btn.secondary{box-shadow:none;background:#fff;color:#0759b0;border-color:#98bfe7} .btn.secondary:hover{background:#e8f3ff}.nav .nav-store{background:#ffda3e;border-color:#e6b90b;color:#173252} .quicklinks{background:#edf7ff;border:1px solid #c8e2fa;border-radius:8px;overflow:hidden}.quicklinks a:first-child{padding-left:22px} .quicklinks a:hover{background:#dfefff}.quicklinks b{color:#0864c8} .resource-panel{background-color:#074784;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:28px 28px;border-top:5px solid #ffd43b} .resource-panel .btn{background:#ffda3e;border-color:#ffda3e;color:#15385e;box-shadow:0 3px 0 #c7a21f} .resource-panel .btn:hover{background:#ffe46a}.resource-panel h2{color:#fff} .card{border-color:#c9def1}.card:hover{border-color:#75b4ee}.card .eyebrow{color:#075ab5}.banner{background:#fff1b7;border-left:6px solid #ffce1f} .faq-item[open]{border-color:#79b8ed}.faq-item[open] summary{background:#eaf5ff;border-radius:8px}.sidebar{border-top:4px solid #ffd43b} .footer{background:#eaf5ff;border-top:4px solid #ffd43b}.split img{border:1px solid #9ec6ed;box-shadow:8px 8px 0 #e0efff} @media(max-width:900px){.hero{gap:28px}.hero-art,.hero-art img{height:auto;min-height:0}} @media(max-width:600px){.hero-art{margin-right:8px}.hero-art,.hero-art img{height:auto;min-height:0}.hero h1 em{text-decoration-thickness:5px}.quicklinks a:first-child{padding-left:12px}.art-tag{font-size:10px;padding:13px}.art-tag b{font-size:11px}.brand img{width:54px;height:54px}} /* Raccoon Engineering technical articles: compact, numbered figures. Future articles inherit this by using
Figure 1
inside an .content element. The JS enhances only figures with numbered figcaptions; ordinary images, illustrations and 1,000-hour walkthrough video icons remain unchanged. */ .content figure.re-technical-figure { display: block; box-sizing: border-box; width: 200px; max-width: 100%; margin: 8px 0 22px; padding: 0; text-align: left; break-inside: avoid; } .content figure.re-technical-figure > a { display: block; width: 100%; max-width: 100%; line-height: 0; border: 0; border-radius: 6px; overflow: hidden; cursor: zoom-in; } .content figure.re-technical-figure > a br { display: none; } .content figure.re-technical-figure > a img, .content figure.re-technical-figure > img { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: auto; max-height: none; margin: 0; border-radius: 6px; object-fit: contain; } .content figure.re-technical-figure > a:focus-visible { outline: 3px solid #147fc8; outline-offset: 3px; } .content figure.re-technical-figure > figcaption { display: block; width: 100%; margin-top: 8px; line-height: 1.35; font-size: 13px; font-weight: 600; color: #34495d; text-align: left; } .re-image-lightbox { box-sizing: border-box; width: min(96vw, 1250px); max-width: 96vw; max-height: 96vh; padding: 48px 18px 18px; border: 1px solid #d8e2ec; border-radius: 12px; background: #fff; color: #153047; box-shadow: 0 20px 80px rgba(0, 0, 0, .28); overflow: auto; } .re-image-lightbox::backdrop { background: rgba(5, 19, 35, .84); } .re-image-lightbox .re-lightbox-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; position: relative; } .re-image-lightbox .re-lightbox-image { display: block; width: auto; height: auto; max-width: 100%; max-height: 78vh; object-fit: contain; border-radius: 4px; } .re-image-lightbox .re-lightbox-caption { margin: 0; font-size: 14px; line-height: 1.4; font-weight: 600; text-align: center; } .re-image-lightbox .re-lightbox-close { position: absolute; top: -38px; right: -6px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: none; border-radius: 50%; color: #123e62; background: #eaf2f8; font: 26px/1 Arial, sans-serif; cursor: pointer; } .re-image-lightbox .re-lightbox-close:hover { background: #d6e7f4; } .re-image-lightbox .re-lightbox-close:focus-visible { outline: 3px solid #147fc8; outline-offset: 2px; } @media (max-width: 600px) { .content figure.re-technical-figure { width: min(200px, 72vw); } .re-image-lightbox { padding: 46px 10px 12px; } .re-image-lightbox .re-lightbox-image { max-height: 74vh; } } @media print { .re-image-lightbox { display: none !important; } .content figure.re-technical-figure { width: 200px; max-width: 100%; break-inside: avoid; } } /* TECHNICAL ARTICLE FIGURES — FLOAT WITH THEIR REFERENCE TEXT Keep numbered captions directly below 200px thumbnails and let the surrounding explanation flow alongside. Other photos and walkthrough icons are unaffected. */ .content figure.re-technical-figure { float: left; clear: left; width: 200px; max-width: 100%; margin: 4px 22px 14px 0; } /* Contain the last floating figure inside its article. */ .content::after { content: ""; display: block; clear: both; } @media (max-width: 640px) { .content figure.re-technical-figure { float: none; clear: none; width: min(200px, 80vw); margin: 8px 0 16px; } } @media print { .content figure.re-technical-figure { float: left; clear: left; margin: 4px 18px 12px 0; } } /* TECH ARTICLE BORDER AND LIST IMPROVEMENTS — CONCEPT SITE Crisp but understated border around numbered, click-to-enlarge technical thumbnails. Other page images and 96px walkthrough icons are untouched. */ .content figure.re-technical-figure > a { box-sizing: border-box; border: 1px solid #9cb9d3; padding: 5px; background: #fff; border-radius: 7px; box-shadow: 0 2px 5px rgba(20, 45, 73, .10); } .content figure.re-technical-figure > a:hover { border-color: #3d82bf; box-shadow: 0 3px 9px rgba(20, 45, 73, .17); } .content figure.re-technical-figure > a img { border-radius: 3px; } /* Clear, consistent article lists (not site navigation or sidebar links). */ .article .content ul, .article .content ol { list-style-position: outside; margin: .45rem 0 1.25rem; padding-left: 1.65rem; } .article .content ul { list-style-type: disc; } .article .content ol { list-style-type: decimal; } .article .content li { padding-left: .12rem; margin: .25rem 0; line-height: 1.6; } .article .content p + ul, .article .content p + ol { margin-top: -.55rem; } .article .content li > ul, .article .content li > ol { margin-top: .35rem; margin-bottom: .65rem; } @media print { .content figure.re-technical-figure > a { border: 1px solid #a2aeb9; box-shadow: none; } } /* RELATED TOPICS — accessible, responsive navigation for maintenance/diagram articles. Existing imported three-column topic menus are normalized by site.js. Future pages can use