/* Shared SSR guide for all Egytag standalone tools; intentionally matches the fingerprint guide. */
body.standalone .seo-tool-guide{
 width:100%;
 max-width:1510px;
 margin:22px auto 27px;
 padding:clamp(18px,2.2vw,31px);
 background:linear-gradient(153deg,#10252c,#0b1a21 78%);
 border:1px solid #34535b;
 border-radius:18px;
 color:#d8e8e6;
 font-size:15px;
 line-height:1.6;
}
body.standalone .seo-tool-guide h2,
body.standalone .seo-tool-guide h3,
body.standalone .seo-tool-guide p{
 margin:0;
 max-width:none;
}
body.standalone .fp-guide-icon{
 display:block;
 width:25px;height:25px;
 fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round;
}
body.standalone .fp-guide-header{
 display:flex;
 align-items:flex-start;
 gap:16px;
 padding-bottom:18px;
 border-bottom:1px solid #2a4852;
}
body.standalone .fp-guide-header__icon{
 display:grid;
 place-items:center;
 flex:0 0 55px;
 width:55px;height:55px;
 border:1px solid #4a8c7a;
 border-radius:15px;
 color:#9ff3cc;
 background:#163e3b;
}
body.standalone .fp-guide-header__icon .fp-guide-icon{
 width:28px;height:28px;
}
body.standalone .fp-guide-kicker{
 display:block;
 font-size:12px;
 font-weight:800;
 letter-spacing:.075em;
 color:#8edcbb;
 margin:1px 0 4px;
}
body.standalone .fp-guide-header h2{
 font-size:clamp(22px,1.85vw,30px);
 font-weight:875;
 color:#f1fbf8;
 line-height:1.4;
 margin:0 0 5px;
}
body.standalone .fp-guide-header p{
 color:#adc8cc;
 font-size:clamp(14px,1vw,16px);
 line-height:1.65;
 max-width:96ch;
}
body.standalone .fp-guide-steps{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:13px;
 padding:0;
 margin:18px 0;
 list-style:none;
 counter-reset:fp-step;
}
body.standalone .fp-guide-step{
 --fp-step-color:#a4f2cb;
 min-width:0;
 border:1px solid #396257;
 background:linear-gradient(145deg,#15352f,#12282c);
 border-radius:13px;
 padding:clamp(14px,1.3vw,19px);
}
body.standalone .fp-guide-step[data-tone="blue"]{
 --fp-step-color:#9cdbff;
 border-color:#3b647a;
 background:linear-gradient(145deg,#16343f,#102632);
}
body.standalone .fp-guide-step[data-tone="purple"]{
 --fp-step-color:#d9bafa;
 border-color:#67537a;
 background:linear-gradient(145deg,#29263c,#1b2632);
}
body.standalone .fp-guide-step__top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin-bottom:12px;
}
body.standalone .fp-guide-step__icon{
 display:grid;
 place-items:center;
 color:var(--fp-step-color);
 width:41px;height:41px;
 border-radius:11px;
 border:1px solid color-mix(in srgb,var(--fp-step-color) 45%,transparent);
 background:color-mix(in srgb,var(--fp-step-color) 10%,transparent);
}
body.standalone .fp-guide-step__icon .fp-guide-icon{
 width:22px;height:22px;
}
body.standalone .fp-guide-step__number{
 color:var(--fp-step-color);
 opacity:.82;
 font:850 19px/1 ui-monospace,Consolas,monospace;
}
body.standalone .fp-guide-step h3{
 font-size:clamp(17px,1.14vw,20px);
 line-height:1.45;
 font-weight:830;
 color:var(--fp-step-color);
 margin-bottom:5px;
}
body.standalone .fp-guide-step p{
 color:#d0e0e1;
 font-size:clamp(14px,1vw,16px);
 line-height:1.65;
}
body.standalone .fp-guide-limits{
 display:flex;
 gap:14px;
 align-items:flex-start;
 padding:16px 18px;
 background:#172e30;
 border:1px solid #57716a;
 border-inline-start:4px solid #eac78c;
 border-radius:12px;
}
body.standalone .fp-guide-limits__icon{
 display:grid;
 place-items:center;
 flex:0 0 38px;
 width:38px;height:38px;
 border-radius:10px;
 color:#f3d394;
 background:#3c3428;
}
body.standalone .fp-guide-limits__icon .fp-guide-icon{
 width:23px;height:23px;
}
body.standalone .fp-guide-limits h3{
 color:#f4d69b;
 font-size:clamp(17px,1.14vw,20px);
 margin:0 0 4px;
 font-weight:830;
}
body.standalone .fp-guide-limits p{
 font-size:clamp(14px,.96vw,16px);
 color:#d5dfd7;
 line-height:1.65;
}
body.standalone .seo-related-tools{
 padding-top:20px;
}
body.standalone .seo-related-tools>.fp-guide-related-heading{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:10px 24px;
 margin:0 0 13px;
}
body.standalone .fp-guide-related-heading h3{
 font-size:clamp(19px,1.35vw,23px);
 font-weight:850;
 color:#e8f6f3;
}
body.standalone .fp-guide-related-heading p{
 font-size:14px;
 color:#a7c4c8;
 margin:0;
}
body.standalone .seo-related-tools>.fp-guide-related-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 margin:0;
}
body.standalone .seo-related-tools .fp-guide-related-card{
 --fp-link-color:#91e5c3;
 display:flex;
 align-items:center;
 gap:12px;
 min-width:0;
 min-height:98px;
 padding:15px;
 border:1px solid #3c7366;
 border-radius:12px;
 background:#14312f;
 color:#e1f6eb;
 text-decoration:none;
 text-align:start;
 transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}
body.standalone .seo-related-tools .fp-guide-related-card[data-tone="purple"]{
 --fp-link-color:#dcc1f6;
 border-color:#6e5980;
 background:#272439;
}
body.standalone .seo-related-tools .fp-guide-related-card[data-tone="blue"]{
 --fp-link-color:#a0deff;
 border-color:#426c85;
 background:#142f3d;
}
body.standalone .fp-guide-related-card__icon{
 display:grid;
 place-items:center;
 flex:0 0 45px;
 width:45px;height:45px;
 border-radius:12px;
 background:color-mix(in srgb,var(--fp-link-color) 12%,transparent);
 color:var(--fp-link-color);
}
body.standalone .fp-guide-related-card__text{
 display:flex;
 flex-direction:column;
 min-width:0;
 gap:3px;
 flex:1;
}
body.standalone .fp-guide-related-card__text strong{
 color:#f0f8f5;
 font-size:clamp(15px,1vw,17px);
 font-weight:820;
 line-height:1.45;
 overflow-wrap:anywhere;
}
body.standalone .fp-guide-related-card__text small{
 color:#b8d0d3;
 font-size:13px;
 font-weight:550;
 line-height:1.6;
}
body.standalone .fp-guide-related-card__arrow{
 color:var(--fp-link-color);
 opacity:.82;
 flex:0 0 auto;
}
body.standalone .fp-guide-related-card__arrow .fp-guide-icon{
 width:18px;height:18px;
}
body.standalone .seo-related-tools .fp-guide-related-card:hover{
 border-color:var(--fp-link-color);
 filter:brightness(1.11);
 transform:translateY(-2px);
}
body.standalone .seo-related-tools .fp-guide-related-card:focus-visible{
 outline:3px solid #ffe1a0;
 outline-offset:3px;
}
@media(max-width:1000px){
 body.standalone .seo-related-tools>.fp-guide-related-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:720px){
 body.standalone .fp-guide-steps{
  grid-template-columns:minmax(0,1fr);
  gap:10px;
 }
 body.standalone .seo-related-tools>.fp-guide-related-grid{
  grid-template-columns:minmax(0,1fr);
 }
 body.standalone .seo-tool-guide{
  padding:16px 13px;
  margin:16px auto 22px;
 }
 body.standalone .fp-guide-header{
  gap:11px;
 }
 body.standalone .fp-guide-header__icon{
  width:43px;height:43px;flex-basis:43px;border-radius:11px;
 }
 body.standalone .fp-guide-header__icon .fp-guide-icon{
  width:22px;height:22px;
 }
 body.standalone .fp-guide-limits{
  padding:13px;gap:11px;
 }
 body.standalone .fp-guide-limits__icon{
  width:32px;height:32px;flex-basis:32px;
 }
 body.standalone .fp-guide-related-card__icon{
  width:40px;height:40px;flex-basis:40px;
 }
}
@media(prefers-reduced-motion:reduce){
 body.standalone .fp-guide-related-card{transition:none;transform:none!important}
}
/* Finish the fingerprint guide with a discoverable discussion link. */
body.standalone .fp-guide-discussion{
 display:flex;justify-content:flex-end;
 max-width:1510px;margin:0 auto 25px;
}
body.standalone .fp-guide-discussion a{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 padding:10px 15px;min-height:45px;
 border-radius:10px;border:1px solid #466c79;
 background:#112c38;color:#a6dcf5;
 text-decoration:none;font-size:14px;font-weight:750;
}
body.standalone .fp-guide-discussion a:hover{
 background:#1a3c4b;border-color:#8cd0ee;
}
body.standalone .fp-guide-discussion a:focus-visible{
 outline:3px solid #ffe1a0;outline-offset:3px;
}
body.standalone .fp-guide-discussion .fp-guide-icon{width:18px;height:18px}
@media(max-width:680px){
 body.standalone .fp-guide-discussion a{width:100%}
}

/* Index-quality examples: concrete, unique and readable without JavaScript. */
body.standalone .lab-guide-examples{
 margin-top:19px;
 padding:18px;
 border:1px solid #39535f;
 border-radius:14px;
 background:#10252c;
}
body.standalone .lab-guide-examples>h3{
 margin:0 0 13px;
 font-size:clamp(18px,1.25vw,22px);
 font-weight:850;
 color:#d6e9f2;
}
body.standalone .lab-guide-examples__grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:13px;
}
body.standalone .lab-guide-example{
 min-width:0;
 margin:0;
 padding:15px 16px;
 border-radius:11px;
 border:1px solid #34515b;
 border-inline-start:3px solid #8bd6c1;
 background:#152e35;
}
body.standalone .lab-guide-example:nth-child(2){
 border-inline-start-color:#a4c3f4;
 background:#172b3c;
}
body.standalone .lab-guide-example h4{
 margin:0 0 8px;
 font-size:clamp(15px,1.08vw,18px);
 font-weight:850;
 line-height:1.55;
 color:#a9ecd2;
}
body.standalone .lab-guide-example:nth-child(2) h4{color:#bad8ff}
body.standalone .lab-guide-example p{
 margin:0;
 font-size:clamp(14px,1vw,16px);
 line-height:1.8;
 color:#d1e0e4;
}
@media(max-width:720px){
 body.standalone .lab-guide-examples{padding:13px}
 body.standalone .lab-guide-examples__grid{grid-template-columns:minmax(0,1fr);gap:10px}
 body.standalone .lab-guide-example{padding:13px}
}