/* Shared navigation, camera advantages and the HiEasy learning centre. */
.skip-link{position:fixed;top:12px;left:12px;z-index:20;transform:translateY(-160%);padding:10px 16px;border-radius:6px;background:var(--blue);color:#101a0d}.skip-link:focus{transform:none}.nav{position:relative}.mobile-menu{display:none}.links a[aria-current=page]{color:var(--blue)}.hero h1 span{white-space:nowrap}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.hero-tags a,.tag{font-size:11px;letter-spacing:1px;font-weight:650;text-transform:uppercase;border:1px solid #3b553f;border-radius:4px;padding:5px 10px;color:#c7d9cc;background:#17251b}.hero-tags a:hover{border-color:var(--blue);color:var(--blue)}.hero .fine{max-width:440px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.section-heading h2{max-width:710px}.section-heading .intro{max-width:640px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#b4ff94;font-size:15px;font-weight:600;border-bottom:1px solid #57724e;padding-bottom:5px;white-space:nowrap}.text-link:hover{color:#e1ffd4;border-color:#c5ffaf}.benefits{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 4% 0%,#1a34214d,transparent 55%)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.benefit-card{display:flex;flex-direction:column;min-width:0;padding:27px;border:1px solid #304534;border-radius:12px;background:linear-gradient(150deg,#16241b,#0c1510);transition:border-color .2s,transform .2s}.benefit-card:hover{border-color:#6b9857;transform:translateY(-3px)}.benefit-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px;color:#a0ff70;font:500 23px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1px}.benefit-code svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.benefit-card h3{margin:0 0 12px;font-size:21px;letter-spacing:-.4px}.benefit-card p{font-size:15px;color:#aabbb0;flex:1;margin-bottom:22px}.benefit-card .text-link{align-self:flex-start;font-size:13px}.context-note{display:flex;align-items:flex-start;gap:13px;padding:18px 22px;border:1px solid #304534;border-radius:8px;margin:22px 0 0;color:#b0c0b5;font-size:14px;line-height:1.7}.context-note>span{font:600 14px/1.7 ui-monospace,monospace;color:var(--blue);flex-shrink:0}.context-note p{margin:0}.context-note strong{color:#d9e9de;font-weight:550}.journal{background:#0b130e;border-bottom:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.guide-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #2c4031;background:#111d15;border-radius:12px;transition:transform .2s,border-color .2s;position:relative}.guide-card:hover{transform:translateY(-4px);border-color:#72a45e}.guide-art{height:160px;display:flex;align-items:center;justify-content:space-between;padding:27px 30px;background:radial-gradient(circle at 85% 20%,#345b367a,transparent 60%),linear-gradient(140deg,#192d20,#0b160f);border-bottom:1px solid #2c4031;position:relative;overflow:hidden}.guide-art:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#456d341b 1px,transparent 1px),linear-gradient(90deg,#456d341b 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.guide-art strong{z-index:1;font:500 35px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1.5px;color:#c1ff9e;max-width:190px}.guide-art svg{height:55px;width:55px;flex-shrink:0;fill:none;stroke:#90c978;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;z-index:1}.guide-art.art-night{background:radial-gradient(ellipse at 90% 25%,#50723b4d,transparent 60%),#080f0b}.guide-body{padding:26px;display:flex;flex-direction:column;flex:1}.guide-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#9bae9e;font-size:12px}.guide-meta .tag{font-size:10px;padding:3px 7px}.guide-card :is(h2,h3){font-size:22px;letter-spacing:-.55px;line-height:1.3;margin:17px 0 12px}.guide-card :is(h2,h3) a:after{content:'';position:absolute;inset:0}.guide-card :is(h2,h3) a:focus-visible{outline-offset:4px}.guide-card p{color:#9fb4a6;font-size:14px;margin:0 0 22px}.guide-card .read-more{font-size:13px;font-weight:600;color:#b7ff98;margin-top:auto}.blog-hero{padding:64px 0 32px}.breadcrumbs{font-size:13px;color:#9fb4a6;display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}.breadcrumbs a{color:#c1d5c6}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span[aria-hidden]{color:#607965}.blog-hero h1{font-size:clamp(44px,6vw,72px);max-width:900px;letter-spacing:-3px;line-height:1.08;margin:22px 0}.blog-hero .lead{max-width:690px}.blog-list{padding:0 0 70px}.blog-list .guide-grid{margin-top:20px}.blog-foot{margin-bottom:50px;padding:30px;border:1px solid #3c593b;border-radius:12px;background:linear-gradient(100deg,#1a2e1d,#101b14);display:flex;align-items:center;gap:32px;justify-content:space-between}.blog-foot h2{font-size:27px;letter-spacing:-.7px;margin:0 0 10px}.blog-foot p{font-size:15px;color:#a5b9ac;margin:0;max-width:640px}.blog-foot .btn{flex-shrink:0}.article-hero{padding:44px 0 42px;border-bottom:1px solid #2c4031;background:radial-gradient(ellipse at 90% 50%,#2446266b,transparent 65%)}.article-hero .breadcrumbs{margin-bottom:30px}.article-hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.1;letter-spacing:-2.3px;max-width:950px;margin:21px 0}.article-hero .lead{max-width:760px;font-size:18px}.article-hero .guide-meta{font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;justify-content:space-between;gap:55px;padding-top:52px;padding-bottom:70px}.article-content{min-width:0;font-size:17px;line-height:1.85;color:#bccbc1}.article-content>section{padding:0;margin:0 0 34px}.article-content h2{font-size:29px;letter-spacing:-.8px;line-height:1.3;color:#edf6ef;margin:32px 0 16px}.article-content h3{font-size:21px;color:#e1eee3;margin-top:26px}.article-content p{margin-bottom:20px}.article-content li{padding-left:4px;margin-bottom:12px}.article-content ul,.article-content ol{padding-left:23px;margin:18px 0 25px}.article-content strong{color:#e0f0e4;font-weight:600}.article-content a{color:#bcff9e;text-decoration:underline;text-decoration-color:#6c9a56;text-underline-offset:4px}.article-content a:hover{text-decoration-color:#d0ffbb}.article-content .callout{border-left:3px solid #9de976;border-radius:0 8px 8px 0;padding:23px 25px;background:#17251b;color:#c6d8cb;margin:0 0 32px;font-size:16px}.callout p:last-child{margin-bottom:0}.article-aside{align-self:start;position:sticky;top:118px;border:1px solid #334a36;padding:24px;border-radius:10px;background:#111d15}.article-aside .eyebrow{font-size:10px;letter-spacing:1.6px}.article-aside ol{list-style:none;margin:15px 0 0;padding:0;counter-reset:toc}.article-aside li{counter-increment:toc;border-top:1px solid #263e2c}.article-aside li a{padding:13px 0;display:flex;gap:10px;font-size:13px;line-height:1.5;color:#afc4b6}.article-aside li a:before{content:counter(toc,decimal-leading-zero);font-family:ui-monospace,monospace;color:#7fa66f}.article-aside a:hover{color:#c5ffb0}.aside-cta{padding-top:22px;margin-top:8px;border-top:1px solid #334a36}.aside-cta p{font-size:13px;color:#9bb3a3}.aside-cta .btn{width:100%;font-size:13px;padding:11px 12px}.article-content .sources{border-top:1px solid #304333;margin:34px 0 0;padding-top:12px;font-size:13px;color:#90a99a}.article-content .sources h2{font-size:17px;letter-spacing:0;margin:18px 0 12px}.article-content .sources li{margin-bottom:9px}.article-content .sources p{margin:0}.related-guides{border-top:1px solid var(--line);background:#0b130e}.related-guides h2{font-size:34px}.table-wrap{overflow-x:auto;border:1px solid #334a36;border-radius:8px;margin:24px 0}.article-content table{border-collapse:collapse;width:100%;min-width:560px;text-align:left;font-size:14px;line-height:1.6}.article-content th,.article-content td{padding:15px;border-bottom:1px solid #2c4031;vertical-align:top}.article-content th{background:#1c2e20;color:#e0f4e5;font-weight:550}.article-content tr:last-child td{border-bottom:0}.article-content td:first-child{color:#d3e9d9;font-weight:500}.blog-foot .btn,.article-aside .btn{color:#101a0d}.faq details a{color:#bcff9e;text-decoration:underline;text-underline-offset:3px}.footer-links{flex-wrap:wrap;justify-content:flex-end}footer{border-top:1px solid #203226}.quiet+.journal{padding-top:50px}
@media(min-width:901px){.links a:nth-child(2){display:inline}}
@media(max-width:1000px){.links{gap:18px}.links .btn{padding:12px 16px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{gap:15px}.guide-body{padding:22px}.guide-card :is(h2,h3){font-size:20px}.guide-art{padding:22px}.guide-art strong{font-size:28px}.guide-art svg{width:42px;height:42px}.article-layout{grid-template-columns:minmax(0,1fr) 225px;gap:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:900px){.nav>.links{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 14px;border:1px solid #3a543c;border-radius:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:after{content:'+';font-size:20px;line-height:1;color:var(--blue)}.mobile-menu[open] summary:after{content:'−'}.mobile-menu-panel{position:absolute;top:calc(100% + 1px);left:0;right:0;padding:16px 32px 23px;background:#101c14;border-bottom:1px solid #466640;box-shadow:0 20px 35px #0006;display:flex;flex-direction:column;gap:3px}.mobile-menu-panel a{display:block;padding:12px 0;border-bottom:1px solid #2c4031;font-size:15px}.mobile-menu-panel a:last-child{border-bottom:0;color:#b6ff97}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal .guide-card:last-child{grid-column:1/-1}.journal .guide-card:last-child .guide-art{height:125px}.article-layout{grid-template-columns:minmax(0,1fr);padding-top:32px;gap:32px}.article-aside{position:static;grid-row:1;padding:18px 22px}.article-aside ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.aside-cta{display:none}.blog-foot{align-items:flex-start;flex-direction:column;gap:22px}.article-hero h1{max-width:780px}}
@media(max-width:650px){.benefit-grid,.guide-grid{grid-template-columns:minmax(0,1fr)}.benefit-card{padding:25px}.benefit-code{margin-bottom:20px}.hero-tags{margin-top:21px}.guide-art,.journal .guide-card:last-child .guide-art{height:135px}.guide-art strong{font-size:33px}.guide-art svg{width:50px;height:50px}.guide-body{padding:25px}.guide-card :is(h2,h3){font-size:23px}.guide-card p{font-size:15px}.journal .guide-card:last-child{grid-column:auto}.context-note{padding:17px}.section-heading{gap:3px}.blog-hero{padding:35px 0 25px}.blog-hero h1{font-size:44px;letter-spacing:-2.2px}.blog-hero .breadcrumbs{margin-bottom:28px}.blog-foot{padding:25px;margin-bottom:35px}.blog-foot .btn{white-space:normal;width:100%}.article-hero{padding:30px 0}.article-hero h1{font-size:37px;letter-spacing:-1.5px;overflow-wrap:break-word}.article-hero .lead{font-size:17px}.article-content{font-size:16px}.article-content h2{font-size:26px}.article-content .callout{padding:20px}.article-aside ol{grid-template-columns:1fr}.article-aside li a{padding:10px 0}.article-layout{padding-bottom:40px}.article-content .sources ul{padding-left:18px}.article-content .sources a{overflow-wrap:anywhere}.related-guides h2{font-size:29px}.footer-links{justify-content:flex-start;gap:14px 22px}.mobile-menu-panel{padding-left:22px;padding-right:22px}.benefits .text-link,.section-heading>.text-link{white-space:normal}.breadcrumbs{font-size:12px}.table-wrap{margin-right:0}.hero .stores{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.guide-card,.benefit-card{transition:none}.guide-card:hover,.benefit-card:hover{transform:none}}