/* Every Tiny Tool editorial guides */.guide-main{padding:26px 0 85px;max-width:1160px;margin:auto}.guide-crumb{font-size:12px;color:#818285;margin:8px 0 28px}.guide-crumb a{color:#244AE5;text-decoration:none}.guide-label{font-size:12px;letter-spacing:.16em;font-weight:800;color:#315BFF}.guide-hero{padding:36px 0 40px;border-bottom:1px solid #EAF0FF}.guide-hero h1{font-size:clamp(30px,4.3vw,52px);line-height:1.12;letter-spacing:-.055em;max-width:840px;margin:12px 0 16px}.guide-hero>p{font-size:17px;line-height:1.75;color:#707174;max-width:680px;margin:0 0 25px}.guide-primary,.guide-action a{display:inline-flex;align-items:center;justify-content:center;background:#EEF3FF;color:#244AE5!important;border:1px solid #CEDCFF;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:750;text-decoration:none}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:76px;align-items:start;padding-top:36px}.guide-article section{padding:9px 0 21px;border-bottom:1px solid #F2F6FF}.guide-article h2{font-size:24px;line-height:1.35;letter-spacing:-.035em;margin:18px 0}.guide-article p{max-width:710px;font-size:15px;line-height:1.93;color:#515255;margin:0 0 17px}.guide-sidebar{position:sticky;top:24px;display:grid;gap:12px;background:#F7F9FF;border:1px solid #F2F6FF;border-radius:15px;padding:21px}.guide-sidebar strong{font-size:13px;color:#252830;margin-bottom:4px}.guide-sidebar a{font-size:12px;line-height:1.55;color:#717275;text-decoration:none}.guide-sidebar a:hover{color:#315BFF}.guide-sidebar-all{padding-top:12px;border-top:1px solid #EAF0FF}.guide-action{background:#F5F8FF;border:1px solid #EAF0FF;border-radius:18px;padding:25px;margin:35px 0}.guide-action h2{margin:0 0 10px;font-size:21px}.guide-action p{font-size:14px}.guide-index-head{padding:46px 0 28px}.guide-index-head h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.06em;line-height:1.1;margin:12px 0}.guide-index-head p{font-size:16px;line-height:1.8;max-width:750px;color:#707174}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0 50px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:27px;border:1px solid #EAF0FF;border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:background .2s,border-color .2s}.guide-card:hover{background:#F5F8FF;border-color:#DCE7FF}.guide-card small{font-size:12px;font-weight:800;letter-spacing:.13em;color:#244AE5}.guide-card strong{font-size:23px;line-height:1.32;letter-spacing:-.03em}.guide-card p{font-size:13px;line-height:1.75;color:#77787B;margin:0;flex:1}.guide-card em{font-size:13px;color:#244AE5;font-style:normal;font-weight:750}.guide-index-note{font-size:13px;line-height:1.8;color:#77787B;margin:0 0 45px}@media(max-width:820px){.guide-layout{grid-template-columns:1fr;gap:18px}.guide-sidebar{position:static;grid-row:1}.guide-grid{grid-template-columns:1fr}.guide-main{padding:20px 0 55px}.guide-hero{padding:24px 0 30px}.guide-article h2{font-size:21px}}
/* Verified examples, FAQs, and editorial attribution. */
.guide-byline{font-size:12px!important;line-height:1.5!important;color:#838487!important;margin:-2px 0 20px!important}
.guide-expanded{padding-top:24px!important}
.guide-expanded h3{margin:22px 0 9px;font-size:17px;line-height:1.4;letter-spacing:-.015em;color:#252830}
.guide-expanded ul{margin:12px 0 30px;padding-left:21px;line-height:1.9}
.guide-expanded li{padding:3px 0;font-size:14px}
.guide-expanded a{color:#244AE5;text-decoration:underline;text-underline-offset:3px}
.guide-table-wrap{overflow-x:auto;width:100%;margin:15px 0 27px;border:1px solid #EAF0FF;border-radius:14px}
.guide-table{border-collapse:collapse;width:100%;min-width:490px;font-size:13px;line-height:1.6;text-align:left}
.guide-table th{padding:13px 15px;background:#F2F6FF;font-weight:750;color:#49536A}
.guide-table td{padding:12px 15px;border-top:1px solid #EAF0FF;color:#5C5D60;vertical-align:top}
.guide-table tbody tr:nth-child(even){background:#F7F9FF}
@media(max-width:600px){.guide-table{min-width:450px}.guide-table th,.guide-table td{padding:10px 12px}}

/* Guide illustrations: intrinsic 16:9 size, fluid width, and accessible caption. */
.guide-visual{margin:26px 0 8px;max-width:100%;overflow:hidden}
.guide-visual img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:18px;border:1px solid #F2F6FF;background:#F7F9FF}
.guide-visual figcaption{margin:9px 2px 0;font-size:12px;line-height:1.6;color:#857b8c}
@media(max-width:620px){.guide-visual{margin:18px 0 0}.guide-visual img{border-radius:11px}.guide-visual figcaption{font-size:12px}}

/* Related reading — editorial link cards, plus subtle in-paragraph links. */
.guide-article .guide-expanded h2+ul:has(a[href^="../"]){list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 28px;padding:0}
.guide-article .guide-expanded h2+ul:has(a[href^="../"]) li{margin:0;padding:0;min-width:0}
.guide-article .guide-expanded h2+ul:has(a[href^="../"]) a{position:relative;display:flex;align-items:center;min-height:75px;height:100%;box-sizing:border-box;padding:16px 42px 16px 17px;border:1px solid #EAF0FF;border-radius:15px;background:linear-gradient(145deg,#fff 15%,#F5F8FF 100%);color:#49536A;font-size:14px;font-weight:750;line-height:1.45;text-decoration:none!important;overflow-wrap:anywhere;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.guide-article .guide-expanded h2+ul:has(a[href^="../"]) a::after{content:"↗";position:absolute;right:15px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#EEF3FF;color:#315BFF;font-size:15px;font-weight:800}
.guide-article .guide-expanded h2+ul:has(a[href^="../"]) a:hover{border-color:#C7D8FF;background:#EEF3FF;transform:translateY(-2px);box-shadow:0 7px 16px rgba(35,75,160,.08)}
.guide-article .guide-expanded h2+ul:has(a[href^="../"]) a:focus-visible{outline:3px solid #AAC2FF;outline-offset:3px}
.guide-article p a[href^="../"]{color:#315BFF;font-weight:700;text-decoration:underline;text-decoration-color:#C7D8FF;text-decoration-thickness:1.5px;text-underline-offset:3px;border-radius:3px;transition:color .15s,background .15s}
.guide-article p a[href^="../"]:hover{color:#244AE5;background:#EEF3FF;text-decoration-color:#315BFF}
.guide-article p a[href^="../"]:focus-visible{outline:2px solid #AAC2FF;outline-offset:3px}
@media(max-width:640px){.guide-article .guide-expanded h2+ul:has(a[href^="../"]){grid-template-columns:1fr;gap:9px}.guide-article .guide-expanded h2+ul:has(a[href^="../"]) a{min-height:64px;padding:13px 40px 13px 15px}}

/* Shared rounded eyebrow pill for guide library and article pages */
.guide-main .guide-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;background:#F7F9FF;border:0;color:#244AE5;font-size:13px;font-weight:800;letter-spacing:normal;line-height:1.55}

/* Image Everything adaptation: use the existing global shell and site typography. */
.guide-topnav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:750;color:#717275}
.guide-topnav a:hover,.guide-topnav a[aria-current="page"]{color:var(--accent-strong,#244AE5)}
.guide-main{width:100%;max-width:1080px}
.guide-index-head{padding-top:26px}
.guide-hero h1,.guide-index-head h1{line-height:1.13}
.guide-article a,.guide-crumb a{word-break:break-word}
.guide-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.guide-footer nav{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:660px){.guide-topbar{align-items:flex-start;flex-direction:column;gap:9px}.guide-topnav{gap:14px;font-size:12px}.guide-main{padding-top:8px}}


/* Unified independent guide shell */
.guide-topbar{border-bottom:1px solid #EAF0FF;padding:21px 0!important}
.guide-topbar .brand{font-size:clamp(18px,2.1vw,23px);font-weight:900;letter-spacing:-.068em}
.guide-topbar .brand span{color:#244AE5}
.guide-topnav{margin-left:auto}
.guide-topnav a:focus-visible,.guide-footer a:focus-visible,.guide-card:focus-visible{outline:3px solid #AAC2FF;outline-offset:3px}
.guide-footer{border-top:1px solid #EAF0FF;padding:28px 0 50px}
.guide-footer strong{color:#242528;font-size:19px;letter-spacing:-.065em}
.guide-footer nav a{font-size:12px;color:#737477;font-weight:720}
.guide-footer nav a:hover{color:#244AE5}
@media(max-width:650px){.guide-topnav{margin-left:0}.guide-topbar{gap:12px!important}.guide-footer{align-items:flex-start;flex-direction:column}}