/* Smooth Anchor Scroll Configuration */html { scroll-behavior: smooth; }* { margin: 0; padding: 0; box-sizing: border-box; }body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #2c3e50; font-size: 16px; background: #f4f7f9; }.container { max-width: 1400px; margin: 0 auto; padding: 40px 15px; }article { background: transparent; max-width: 100%; margin: 0 auto; }/* 3-Column Layout */.blog-layout-wrapper { display: grid; grid-template-columns: 240px 1fr 300px; gap: 30px; align-items: start; }/* LEFT COLUMN: TOC with Interactive Navigation */.toc-sidebar { position: sticky; top: 30px; }.toc-sticky-box { background: #fff; padding: 24px; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }.toc-title { font-size: 0.85rem; font-weight: 800; color: #718096; letter-spacing: 1.5px; margin-bottom: 15px; border-bottom: 1px solid #edf2f7; padding-bottom: 8px; }.toc-navigation ul { list-style: none; margin-left: 0; }.toc-navigation li { margin-bottom: 10px; }.toc-navigation a { color: #4a5568 !important; text-decoration: none !important; font-size: 0.95rem; font-weight: 500; transition: all 0.2s ease-in-out; display: block; border-left: 2px solid transparent; padding-left: 10px; }.toc-navigation a:hover { color: #30A0FF !important; border-left-color: #30A0FF; padding-left: 14px; }/* MIDDLE COLUMN: Content & Scroll Margins */.article-main { background: #fff; padding: 40px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(0,0,0,0.02); }.intro-lead { font-size: 1.15rem; font-weight: 500; color: #4a5568; border-left: 4px solid #30A0FF; padding: 15px 20px; margin-bottom: 35px; background: #f0f9ff; border-radius: 0 8px 8px 0; }p { margin-bottom: 18px; font-size: 1.05rem; color: #4a5568; text-align: left; }h2 { color: #1a202c; font-size: 1.8rem; margin: 40px 0 20px 0; font-weight: 800; }h3 { color: #2b6cb0; font-size: 1.4rem; margin: 25px 0 15px 0; font-weight: 700; }ul { margin-left: 20px; margin-bottom: 18px; }li { margin-bottom: 8px; font-size: 1.05rem; color: #4a5568; }strong { color: #1a202c; font-weight: 700; }/* Content Cards & Data Box (Anchor targets) */.content-item { background: #fff; border: 1px solid #edf2f7; border-radius: 12px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: transform 0.3s, border-color 0.3s; padding: 25px; scroll-margin-top: 40px; }.content-item:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-color: #30A0FF; }.park-location { color: #dd6b20; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 0.85rem; margin-bottom: 15px; display: inline-block; background: #fffaf0; padding: 4px 10px; border-radius: 4px; }.data-analysis { background: #f7fafc; border: 1px solid #e2e8f0; border-left: 4px solid #30A0FF; margin-bottom: 20px; padding: 20px; border-radius: 8px; }.data-analysis h4 { margin-top: 0; font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; color: #2b6cb0; }.data-analysis ul { margin-bottom: 0; }/* RIGHT COLUMN: Sidebar Promo */.promo-sidebar { position: sticky; top: 30px; }.promo-sticky-box { display: flex; flex-direction: column; gap: 20px; }.sidebar-promo-title { font-size: 0.85rem; font-weight: 800; color: #718096; letter-spacing: 1.5px; border-bottom: 1px solid #edf2f7; padding-bottom: 8px; margin-bottom: 5px; }/* Product Section & Card Style */.product-rec-section { margin: 40px 0; background: transparent; padding: 0; }.product-rec-title { text-align: left; font-size: 1.4rem; color: #1a202c; margin-bottom: 20px; font-weight: 800; border-bottom: 2px solid #edf2f7; padding-bottom: 10px; }.product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.product-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.04); transition: transform 0.3s, border-color 0.3s; border: 1px solid #e2e8f0; display: flex; flex-direction: column; }.product-card:hover { transform: translateY(-5px); border-color: #30A0FF; box-shadow: 0 10px 30px rgba(48,160,255,0.12); }.product-img-wrap { width: 100%; height: 180px; overflow: hidden; background: #f7fafc; display: block; }.product-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }.product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; }.product-title { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: #2d3748 !important; line-height: 1.3; text-decoration: none !important; }.product-title:hover { color: #30A0FF !important; }.product-desc { font-size: 0.88rem; color: #718096; margin-bottom: 0; flex-grow: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }/* General Links in Content */article a { color: #30A0FF !important; text-decoration: underline !important; font-weight: 600; transition: color 0.2s; }article a:hover { color: #2b6cb0 !important; text-decoration: none !important; }/* CTA Box */.cta-box { background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%); padding: 40px 30px; border-radius: 12px; margin-top: 50px; text-align: center; box-shadow: 0 10px 30px rgba(26,54,93,0.15); }.cta-box h3 { color: #ffffff !important; margin-top: 0; margin-bottom: 12px; font-size: 1.6rem; }.cta-box p { color: #e2e8f0 !important; opacity: 0.9; font-size: 1rem; margin-bottom: 25px; text-align: center; }.cta-buttons { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; }.cta-buttons .tool_inquiry_btn a.themes_box_inquiry_button_alert { border-radius: 8px !important; background: #dd6b20 !important; color: #fff !important; padding: 14px 28px !important; font-weight: 700 !important; text-transform: uppercase; text-decoration: none !important; display: inline-block !important; font-size: 0.95rem !important; border: none !important; box-shadow: 0 4px 15px rgba(221,107,32,0.3); }.btn-secondary { border: 2px solid #fff; color: #fff; padding: 13px 26px; border-radius: 8px !important; font-weight: 700; text-decoration: none; display: inline-block; font-size: 0.95rem; transition: all 0.3s; text-transform: uppercase; }.btn-secondary:hover { background: rgba(255,255,255,0.1); }/* Responsive Design */@media (max-width: 1200px) {    .blog-layout-wrapper { grid-template-columns: 200px 1fr; }    .promo-sidebar { display: none; } /* Hide right column on smaller desktops */ }@media (max-width: 992px) {    .blog-layout-wrapper { grid-template-columns: 1fr; }    .toc-sidebar { display: none; } /* Hide TOC sidebar on tablets */    .article-main { padding: 30px; } }@media (max-width: 768px) {     .product-grid { grid-template-columns: 1fr; gap: 20px; }     .container { padding: 15px 10px; }     .article-main { padding: 20px; }    h2 { font-size: 1.4rem; margin: 30px 0 15px 0; }     .data-analysis { padding: 15px; }    .intro-lead { font-size: 1rem; padding: 15px; }    .cta-buttons { flex-direction: column; width: 100%; }    .cta-buttons .tool_inquiry_btn { width: 100%; display: block; margin-bottom: 10px; }    .cta-buttons .tool_inquiry_btn a.themes_box_inquiry_button_alert { width: 100%; text-align: center; }    .btn-secondary { width: 100%; text-align: center; } }