/* Dark editorial article layout; all rules are scoped to the new Guides section. */
#shark-guides.gr-visual-edition{--gr-blue:#4da9f3;--gr-ink:#f0f5fa;--gr-muted:#adbbca;--gr-border:#2c3c4a;background:#0b1118;color:#ecf2f8;line-height:1.8}
#shark-guides.gr-visual-edition .gr-wrap{max-width:1220px}
#shark-guides.gr-visual-edition .gr-reviewbar{background:#162b3b;border-color:#29465d;color:#c7e7ff}
#shark-guides.gr-visual-edition .gr-hero{border-bottom:1px solid #243847}
#shark-guides.gr-visual-edition .gr-hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.1}
#shark-guides.gr-visual-edition .gr-hero-side{display:none!important}
#shark-guides.gr-visual-edition .gr-hero-grid{grid-template-columns:minmax(0,760px);justify-content:start}
#shark-guides.gr-visual-edition .gr-card{background:#111c26;border-color:#293b4b}
#shark-guides.gr-visual-edition .gr-card p{color:#b5c2cf}
#shark-guides.gr-visual-edition .gr-card strong{color:#91caff;border-color:#304150}
#shark-guides.gr-visual-edition .gr-card-meta,#shark-guides.gr-visual-edition .gr-eyebrow{color:#85bffa}
#shark-guides.gr-visual-edition .gr-card-picture{background:#0c141c}
#shark-guides.gr-visual-edition .gr-filters button{color:#c8d4df;background:#15212d;border-color:#33485a}
#shark-guides.gr-visual-edition .gr-filters button[aria-pressed=true]{background:#2d73af;border-color:#70bcfa;color:#fff}
#shark-guides.gr-visual-edition .gr-search-label{color:#a9b9c9}
#shark-guides.gr-visual-edition #gr-search{background:#111d28;color:#e9f4ff;border-color:#3a4f61}
#shark-guides.gr-visual-edition #gr-search::placeholder{color:#acbdce;opacity:1}
#shark-guides.gr-visual-edition .gr-reading{grid-template-columns:minmax(0,1fr) 285px;gap:32px}
#shark-guides.gr-visual-edition .gr-breadcrumb{color:#a1b5c7}
#shark-guides.gr-visual-edition .gr-breadcrumb a{color:#8cc6fa}
#shark-guides.gr-visual-edition .gr-article>h1,#shark-guides.gr-visual-edition .gr-article>h2{font-size:clamp(30px,3.1vw,44px);color:#f6f9fc;line-height:1.16;letter-spacing:-.035em}
#shark-guides.gr-visual-edition .gr-meta{color:#82c5fb;margin-bottom:16px}
#shark-guides.gr-visual-edition .gr-meta span{background:#263322;color:#dceac4}
#shark-guides.gr-visual-edition .gr-lede{color:#bac8d4;line-height:1.8}
#shark-guides .gr-byline{display:flex;gap:9px 20px;flex-wrap:wrap;color:#a2b9cd;font-size:11px;margin:0 0 24px}
#shark-guides .gr-byline span{color:#91a5b8}
#shark-guides.gr-visual-edition .gr-project{background:#0d1720;border-color:#314552;border-radius:9px}
#shark-guides.gr-visual-edition .gr-project img{height:auto;max-height:390px;width:100%;object-fit:contain}
#shark-guides.gr-visual-edition .gr-project figcaption{color:#b0c1d0;font-size:11px;background:#111e2a}
#shark-guides .gr-quick{border:1px solid #31506a;background:#101f2d;padding:21px 25px;margin:28px 0;border-radius:8px}
#shark-guides .gr-quick h2{font-size:23px;margin:0 0 17px;color:#f3f8fc}
#shark-guides .gr-quick ul{padding:0;margin:0;list-style:none}
#shark-guides .gr-quick li{position:relative;padding-left:27px;margin:8px 0;font-size:14px;color:#c7d5e0}
#shark-guides .gr-quick li:before{content:'✓';position:absolute;left:0;top:1px;color:#7dc7ff;font-weight:700}
#shark-guides.gr-visual-edition .gr-readbody{font-size:15px;color:#c1cfdb;line-height:1.9}
#shark-guides.gr-visual-edition .gr-readbody h2{color:#f2f7fc;font-size:25px;border-top:1px solid #253544;padding-top:25px;margin-top:38px}
#shark-guides.gr-visual-edition .gr-readbody h3,#shark-guides.gr-visual-edition .gr-readbody strong{color:#f0f6fb}
#shark-guides.gr-visual-edition .gr-readbody a{color:#93ccff}
#shark-guides.gr-visual-edition .gr-readbody .gr-tip{background:#112538;border:1px solid #3c8bbf;border-left:4px solid #57b3f2;color:#c8dcec}
#shark-guides.gr-visual-edition .gr-readbody .gr-tip strong{color:#8ed4ff}
#shark-guides.gr-visual-edition .gr-readbody .gr-warning{background:#282117;border-left-color:#dcad6d;color:#eed7b8}
#shark-guides.gr-visual-edition .gr-readbody .gr-warning strong{color:#ffd69c}
#shark-guides.gr-visual-edition .gr-table{border-color:#334b60}
#shark-guides.gr-visual-edition th{background:#172c3d;color:#d9edff}
#shark-guides.gr-visual-edition td{color:#beccd9}
#shark-guides.gr-visual-edition th,#shark-guides.gr-visual-edition td{border-color:#314657}
#shark-guides.gr-visual-edition .gr-diagram{background:#101e2a;border-color:#324b60}
#shark-guides.gr-visual-edition .gr-diagram .gr-example,#shark-guides.gr-visual-edition .gr-layer{background:#142433;border-color:#36516a}
#shark-guides.gr-visual-edition .gr-diagram b,#shark-guides.gr-visual-edition .gr-layer strong{color:#8cccff}
#shark-guides.gr-visual-edition .gr-diagram small{color:#bacddd}
#shark-guides.gr-visual-edition .gr-sidebar{position:sticky;top:95px;max-height:calc(100vh - 120px);padding:19px;background:#0e1922;border-color:#2b4051;grid-column:2;overflow:auto}
#shark-guides.gr-visual-edition .gr-side-title{font-size:14px;color:#e4f2ff;letter-spacing:.06em}
#shark-guides.gr-visual-edition .gr-sidebar .gr-related{display:flex;align-items:center;gap:12px;padding:15px 0;border-color:#2b3d4b;color:#cfdee9}
#shark-guides .gr-related img{width:62px;height:62px;object-fit:contain;flex:0 0 62px;border-radius:4px;background:#152434}
#shark-guides .gr-related strong{font-size:11px;line-height:1.65;font-weight:500}
#shark-guides.gr-visual-edition .gr-sidebar nav a .gr-related-badge{flex:0 0 62px;display:grid;place-items:center;min-height:62px;padding:6px;background:#18364c;color:#99d3ff;font-size:9px;line-height:1.3;text-align:center;border-radius:4px;overflow-wrap:anywhere}
#shark-guides .gr-help{margin:20px -5px 18px;padding:19px;background:#182b3b;border:1px solid #3d576b;border-radius:8px}
#shark-guides .gr-help h2{font-size:22px;color:#e9f5fd;margin:0 0 10px}
#shark-guides .gr-help p{font-size:12px;color:#bbcfdf}
#shark-guides .gr-help .gr-button{width:100%;margin:0 0 17px}
#shark-guides .gr-full-index{font-size:12px;color:#b8d4e9;padding-top:12px;border-top:1px solid #354b5c}
#shark-guides .gr-full-index summary{cursor:pointer;padding:9px 0}
#shark-guides.gr-visual-edition .gr-full-index nav a{color:#b9ccda;border-color:#2a3e4e}
#shark-guides.gr-visual-edition .gr-all-link{color:#8cc7f7}
#shark-guides.gr-visual-edition .gr-sources{color:#b7cbdc;border-color:#344858}
#shark-guides.gr-visual-edition .gr-sources summary,#shark-guides.gr-visual-edition .gr-sources a{color:#91c8f7}
#shark-guides .gr-seo-review{background:#131f2b;border:1px solid #3d5166;border-radius:7px;margin:24px 0;padding:18px;font-size:12px;color:#bfcedc}
#shark-guides .gr-seo-review summary{cursor:pointer;color:#a6d5ff;font-weight:600}
#shark-guides .gr-seo-review dt{color:#92b3cf;margin-top:12px;font-size:10px;text-transform:uppercase}
#shark-guides .gr-seo-review dd{margin:4px 0 13px;overflow-wrap:anywhere;color:#e0ebf4}
#shark-guides.gr-visual-edition .gr-read-actions{border-color:#32485a;align-items:center;justify-content:space-between;font-size:12px;color:#91caf5}
#shark-guides.gr-visual-edition .gr-article+.gr-article{border-color:#3b6889}
#shark-guides .gr-visual{padding:22px;margin:26px 0 34px;border:1px solid #3a556c;border-radius:9px;background:linear-gradient(130deg,#142331,#0d1720)}
#shark-guides .gr-visual>figcaption{font-size:11px;letter-spacing:.12em;color:#99cafa;font-weight:600;margin-bottom:18px}
#shark-guides .gr-visual>figcaption span{display:block;font-size:10px;color:#a6b7c8;letter-spacing:0;font-weight:400;margin-top:4px}
#shark-guides .gr-vpair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#shark-guides .gr-vsample{padding:17px;border:1px solid #3a4d5f;background:#142330;border-radius:7px;text-align:center;min-width:0}
#shark-guides .gr-vsample strong{display:block;font-size:16px;color:#ebf6ff;margin:9px 0}
#shark-guides .gr-vsample p{font-size:12px;line-height:1.65;color:#b8cbdc;margin:0}
#shark-guides .gr-vsample small{font-size:10px;color:#a6cce8;letter-spacing:.05em}
#shark-guides .gr-vnote{font-size:11px;line-height:1.7;color:#adc3d6;margin:15px 0 0!important}
#shark-guides .gr-wall-demo{height:95px;width:100px;margin:15px auto 23px;border:7px solid #b5c8d8;border-top-width:4px;transform:skewY(-8deg);box-shadow:inset 0 12px 22px #030e18,7px 10px 0 #55718b}
#shark-guides .gr-thickness-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#shark-guides .gr-thickness-card{padding:20px;border:1px solid #3a4d5f;background:#142330;border-radius:7px;text-align:center}
#shark-guides .gr-thickness-card>small{display:block;font-size:10px;letter-spacing:.08em;color:#9fcff2;margin-bottom:18px}
#shark-guides .gr-thickness-stage{height:92px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,transparent 0 10%,#24394a 10% 90%,transparent 90%);border-radius:5px;position:relative}
#shark-guides .gr-thickness-stage:before,#shark-guides .gr-thickness-stage:after{content:'';position:absolute;top:15px;bottom:15px;width:1px;background:#557087}
#shark-guides .gr-thickness-stage:before{left:18%}#shark-guides .gr-thickness-stage:after{right:18%}
#shark-guides .gr-thickness-bar{display:block;width:64%;background:#d5e6f4;box-shadow:0 0 0 1px #f1f8ff33}
#shark-guides .gr-thickness-1{height:4px}.gr-thickness-2{height:8px}
#shark-guides .gr-thickness-dimension{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px auto 7px;color:#9dd2fa;font-size:12px}
#shark-guides .gr-thickness-dimension i{height:1px;width:28px;background:#6e94b3;position:relative}
#shark-guides .gr-thickness-dimension i:first-child:after,#shark-guides .gr-thickness-dimension i:last-child:before{content:'';position:absolute;top:-3px;width:6px;height:6px;border-top:1px solid #93c6ee;border-right:1px solid #93c6ee}
#shark-guides .gr-thickness-dimension i:first-child:after{right:-1px;transform:rotate(45deg)}#shark-guides .gr-thickness-dimension i:last-child:before{left:-1px;transform:rotate(225deg)}
#shark-guides .gr-thickness-card h3{font-size:18px;margin:8px 0 7px;color:#f1f7fc}
#shark-guides .gr-thickness-card p{font-size:12px;line-height:1.7;color:#b8cbdc;margin:0}
#shark-guides .gr-wall-thick{border-width:14px;border-top-width:8px;box-shadow:inset 0 12px 22px #030e18,10px 12px 0 #55718b}
#shark-guides .gr-dimension{height:75px;width:200px;max-width:100%;border:1px solid #93c6ee;border-top:0;border-bottom:0;margin:18px auto;position:relative;background:linear-gradient(transparent 49%,#93c6ee 49%,#93c6ee 51%,transparent 51%)}
#shark-guides .gr-dim-before{width:190px}
#shark-guides .gr-dim-short{width:100px}
#shark-guides .gr-trans-demo{height:125px;display:grid;place-items:center;background:repeating-conic-gradient(#193b56 0% 25%,#245473 0% 50%) 0 0/24px 24px;margin-bottom:18px;border-radius:4px}
#shark-guides .gr-trans-demo i{display:block;width:50px;height:60px;border:7px solid #77c7ff;background:#2279b3;border-radius:12px 12px 22px 22px;box-shadow:8px 5px 0 #0b203333}
#shark-guides .gr-opaque-box{padding:17px 28px;background:#f3f4f6}
#shark-guides .gr-cut-stack{height:150px;position:relative;max-width:220px;margin:0 auto 17px}
#shark-guides .gr-print-art{position:absolute;inset:18px 14px 0;background:#216895;border:1px solid #69baff;display:grid;place-items:center;font-size:25px;font-weight:700;color:#c7eaff;border-radius:32px}
#shark-guides .gr-cut-path{position:absolute;inset:6px 30px 31px;border:2px dashed #f294ca;border-radius:25px;z-index:2;transform:translateY(-8px)}
#shark-guides .gr-layer-list{text-align:left}
#shark-guides .gr-layer-list>div{border-bottom:1px solid #3b5264;padding:7px 0 13px;margin-bottom:8px}
#shark-guides .gr-layer-list b{font-size:12px;color:#91ccfa}
#shark-guides .gr-stencil-demo{font-family:Arial,sans-serif;font-size:105px;font-weight:700;height:150px;line-height:150px;position:relative;color:#1e3041;background:#b7cbdc;margin-bottom:15px;border-radius:5px}
#shark-guides .gr-stencil-bridge:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:12px;transform:translateX(-50%);background:#b7cbdc}
#shark-guides .gr-photo-demo{width:160px;height:95px;max-width:100%;margin:28px auto;background:linear-gradient(140deg,transparent 40%,#6193b3 40% 57%,transparent 57%),linear-gradient(40deg,#21445e 43%,#c0d8e7 43%);border:4px solid #c5d8e7}
#shark-guides .gr-photo-small{width:80px;height:48px;margin-top:51px;margin-bottom:52px;border-width:2px}
#shark-guides .gr-file-demo{padding:29px 16px;text-align:left;border-top:6px solid #548db6}
#shark-guides .gr-vinyl-word{font-family:Georgia,serif;font-size:85px;height:126px;line-height:126px;color:#acd8fa;letter-spacing:-5px}
#shark-guides .gr-vinyl-thin{font-weight:400;font-style:italic}
#shark-guides .gr-vinyl-bold{font-family:Arial,sans-serif;font-weight:900}
@media(max-width:1000px){#shark-guides.gr-visual-edition .gr-reading{grid-template-columns:minmax(0,1fr) 250px;gap:24px}#shark-guides .gr-vpair{gap:10px}#shark-guides .gr-vsample{padding:12px}}
@media(max-width:760px){#shark-guides.gr-visual-edition .gr-reading{display:flex;flex-direction:column;gap:32px}#shark-guides.gr-visual-edition .gr-articles{width:100%}#shark-guides.gr-visual-edition .gr-sidebar{position:static;width:100%;max-height:none;padding:20px}#shark-guides.gr-visual-edition .gr-sidebar nav{display:block;overflow:visible;max-height:none}#shark-guides.gr-visual-edition .gr-sidebar nav a{border:0;border-top:1px solid #304657}#shark-guides.gr-visual-edition .gr-project img{height:auto;max-height:320px}#shark-guides.gr-visual-edition .gr-hero h1{font-size:38px}#shark-guides .gr-quick{padding:19px}#shark-guides .gr-visual{padding:16px}#shark-guides.gr-visual-edition .gr-read-actions{align-items:flex-start}}
@media(max-width:600px){#shark-guides .gr-thickness-compare{grid-template-columns:1fr}#shark-guides .gr-thickness-stage{height:74px}}
@media(max-width:460px){#shark-guides .gr-vpair{grid-template-columns:1fr}#shark-guides.gr-visual-edition .gr-readbody{font-size:15px}#shark-guides.gr-visual-edition .gr-hero h1{font-size:35px}#shark-guides .gr-byline{font-size:10px;gap:6px 12px}}