/* Crawlable, localized reading links; content is ordinary server-rendered HTML. */
.resource-section { background:#f5f1eb; border-block:1px solid #e6dfd7; padding:64px 0; color:#302b38; }
.resource-section .container { max-width:1240px; padding-inline:24px; margin:auto; }
.resource-section h2 { font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.5; margin:0 0 16px; }
.resource-section p { max-width:760px; margin:0 0 24px; line-height:1.85; color:#706a76; }
.resource-section ul,.seo-reading-links ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; padding:0; list-style:none; margin:24px 0; }
.resource-section li { border-top:1px solid #ded5ce; }
.resource-section a { display:block; padding:18px 0; line-height:1.7; color:#65467f; text-decoration:underline; text-underline-offset:4px; }
.resource-section .resource-all { display:inline-block; padding:8px 0; }
.seo-reading-links { max-width:1044px; margin:0 auto 48px; padding:28px; border:1px solid #e8e3e9; border-radius:18px; background:#f4f0f5; }
.seo-reading-links p { color:#302b38; font-weight:500; margin-bottom:16px; }
.seo-reading-links ul { margin:0; gap:16px 32px; }
.seo-reading-links a { color:#65467f; text-decoration:underline; text-underline-offset:4px; line-height:1.8; }
@media(max-width:600px) { .resource-section { padding:44px 0; } .resource-section ul,.seo-reading-links ul { grid-template-columns:1fr; } .seo-reading-links { margin-inline:20px; padding:22px; } }
@media print { .resource-section,.seo-reading-links { display:none; } }

/* App-use explanations connect search questions to the product and existing guides. */
.tracking-workflow { padding:72px 0; background:#fffefd; color:#302b38; }
.tracking-workflow .container { max-width:1240px; margin:auto; padding-inline:24px; }
.tracking-workflow h2 { max-width:850px; font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.5; margin:0 0 36px; }
.tracking-workflow ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; list-style:none; padding:0; counter-reset:steps; }
.tracking-workflow li { border-top:1px solid #ded5ce; padding-top:20px; counter-increment:steps; }
.tracking-workflow li::before { content:counter(steps,decimal-leading-zero); color:#9a84aa; font-size:1.8rem; }
.tracking-workflow h3 { font-size:1.12rem; line-height:1.65; margin:14px 0; }
.tracking-workflow h3 a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.tracking-workflow p { font-size:1rem; line-height:1.9; color:#706a76; }
.tracking-download { display:inline-block; margin-top:28px; padding:13px 22px; background:#75598e; color:#fff; border-radius:12px; text-decoration:none; }
@media(max-width:760px) { .tracking-workflow { padding:44px 0; } .tracking-workflow ol { grid-template-columns:1fr; gap:26px; } }