/* SGMYTRIPS v5 blog templates (posts, /blog/, categories, sitemap). Scoped to #sgmy-post. HQ 2026-11-04 */
#sgmy-post{--blue:#00A8C0;--blue-d:#007C92;--navy:#10324A;--ink:#2F3B47;--ink-2:#5B6774;--line:#D5E4E8;--pale:#EEF9FB;--amber:#F0A800;--wa:#25D366;
  display:block;width:100%;margin:0;padding:0 0 72px;background:#fff;color:var(--ink);font:16px/1.6 Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#sgmy-post *,#sgmy-post *::before,#sgmy-post *::after{box-sizing:border-box}
#sgmy-post a{color:var(--blue-d)}
#sgmy-post img{max-width:100%;height:auto}
#sgmy-post .sgb-frame{width:min(1180px,100% - 48px);margin-inline:auto}
#sgmy-post .sgb-top{padding:36px 0 26px}
#sgmy-post .sgb-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--ink-2);margin:0 0 14px}
#sgmy-post .sgb-crumbs a{color:var(--ink-2);text-decoration:none}#sgmy-post .sgb-crumbs a:hover{color:var(--blue-d);text-decoration:underline}
#sgmy-post h1{font:700 clamp(30px,4vw,46px)/1.12 Poppins,system-ui,sans-serif;letter-spacing:-.015em;color:var(--navy);margin:0;max-width:22ch;text-wrap:balance}
#sgmy-post .sgb-meta{margin:14px 0 0;font-size:14.5px;color:var(--ink-2)}
#sgmy-post .sgb-meta a{color:var(--ink-2)}
#sgmy-post .sgb-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
#sgmy-post .sgb-hero{margin:0 0 28px}#sgmy-post .sgb-hero img{display:block;width:100%;border-radius:16px;aspect-ratio:16/9;object-fit:cover}
#sgmy-post .sgb-toc{border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 30px;background:var(--pale)}
#sgmy-post .sgb-toc summary{font-weight:700;color:var(--navy);cursor:pointer}
#sgmy-post .sgb-toc ol{margin:12px 0 0;padding-left:22px;columns:2;column-gap:28px;font-size:14.5px}
#sgmy-post .sgb-toc li{margin:0 0 6px;break-inside:avoid}#sgmy-post .sgb-toc a{color:var(--ink);text-decoration:none}#sgmy-post .sgb-toc a:hover{color:var(--blue-d);text-decoration:underline}
/* article body: readable measure, the content's own HTML styled lightly */
#sgmy-post .sgb-content{max-width:70ch;font-size:17px;line-height:1.75}
#sgmy-post .sgb-content>*:first-child{margin-top:0}
#sgmy-post .sgb-content p,#sgmy-post .sgb-content ul,#sgmy-post .sgb-content ol{margin:0 0 1.1em}
#sgmy-post .sgb-content ul,#sgmy-post .sgb-content ol{padding-left:1.3em}#sgmy-post .sgb-content li{margin:0 0 .4em}
#sgmy-post .sgb-content h2{font:700 27px/1.25 Poppins,system-ui,sans-serif;color:var(--navy);margin:2em 0 .6em;scroll-margin-top:96px}
#sgmy-post .sgb-content h3{font:700 20px/1.3 Poppins,system-ui,sans-serif;color:var(--navy);margin:1.6em 0 .5em;scroll-margin-top:96px}
#sgmy-post .sgb-content h4{font:600 17px/1.4 Poppins,system-ui,sans-serif;color:var(--navy);margin:1.4em 0 .4em}
#sgmy-post .sgb-content img{border-radius:12px;display:block;margin:1.2em 0}
#sgmy-post .sgb-content figure{margin:1.4em 0}#sgmy-post .sgb-content figcaption{font-size:13.5px;color:var(--ink-2);margin-top:6px}
#sgmy-post .sgb-content blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--blue);color:var(--ink-2)}
#sgmy-post .sgb-content table{width:100%;border-collapse:collapse;font-size:15px;margin:1.4em 0;display:block;overflow-x:auto}
#sgmy-post .sgb-content th,#sgmy-post .sgb-content td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
#sgmy-post .sgb-content th{background:var(--pale);color:var(--navy)}
#sgmy-post .sgb-content iframe{max-width:100%}
#sgmy-post .sgb-content a{text-underline-offset:3px}
/* side: one ride card (the memorable element) + a quiet list */
#sgmy-post .sgb-side{position:sticky;top:96px;display:grid;gap:22px}
#sgmy-post .sgb-ride{background:var(--navy);color:#fff;border-radius:18px;padding:24px 22px}
#sgmy-post .sgb-ride-h{font:700 20px/1.3 Poppins,system-ui,sans-serif;margin:0 0 8px;color:#fff}
#sgmy-post .sgb-ride-p{margin:0 0 16px;font-size:15px;color:rgba(255,255,255,.85)}#sgmy-post .sgb-ride-p b{color:#FFD15C}
#sgmy-post .sgb-btn{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:999px;font-weight:700;font-size:15.5px;text-decoration:none;margin:0 0 10px}
#sgmy-post .sgb-btn-main{background:var(--amber);color:#1F1A00}#sgmy-post .sgb-btn-wa{background:var(--wa);color:#fff}
#sgmy-post .sgb-btn:focus-visible,#sgmy-post a:focus-visible,#sgmy-post summary:focus-visible{outline:3px solid #7FE3F0;outline-offset:2px}
#sgmy-post .sgb-ride-s{margin:6px 0 0;font-size:13px;color:rgba(255,255,255,.7)}
#sgmy-post .sgb-more-h{font-weight:700;color:var(--navy);margin:0 0 10px}
#sgmy-post .sgb-more ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
#sgmy-post .sgb-more li{border-bottom:1px solid var(--line)}#sgmy-post .sgb-more a{display:block;padding:11px 0;font-size:14.5px;line-height:1.4;color:var(--ink);text-decoration:none}#sgmy-post .sgb-more a:hover{color:var(--blue-d)}
/* cards */
#sgmy-post .sgb-rel{margin-top:72px;padding-top:56px;border-top:1px solid var(--line)}
#sgmy-post .sgb-rel h2{font:700 28px/1.2 Poppins,system-ui,sans-serif;color:var(--navy);margin:0 0 22px}
#sgmy-post .sgb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
#sgmy-post .sgb-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}
#sgmy-post .sgb-card img,#sgmy-post .sgb-noimg{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;background:var(--pale)}
#sgmy-post .sgb-card-b{display:flex;flex-direction:column;gap:4px;padding:12px 2px 0}
#sgmy-post .sgb-card small{font-size:13px;font-weight:600;color:var(--blue-d)}
#sgmy-post .sgb-card b{font-size:17px;line-height:1.35;color:var(--navy)}
#sgmy-post .sgb-card:hover b{text-decoration:underline;text-underline-offset:3px}
#sgmy-post .sgb-card em{font-style:normal;font-size:13px;color:var(--ink-2)}
/* index */
#sgmy-post.sgb-index .sgb-top{padding-bottom:10px}
#sgmy-post .sgb-lead{max-width:60ch;margin:14px 0 0;font-size:17px;color:var(--ink-2)}
#sgmy-post .sgb-lead-cta{margin:12px 0 0;font-weight:600}
#sgmy-post .sgb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
#sgmy-post .sgb-chips a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);text-decoration:none;background:#fff}
#sgmy-post .sgb-chips a:hover{border-color:var(--blue)}#sgmy-post .sgb-chips a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
#sgmy-post .sgb-pages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:44px}
#sgmy-post .sgb-pages .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14.5px}
#sgmy-post .sgb-pages .current{background:var(--navy);border-color:var(--navy);color:#fff}
#sgmy-post .sgb-empty{font-size:17px}
#sgmy-post .sgb-map{columns:3;column-gap:40px}
#sgmy-post .sgb-map section{break-inside:avoid;margin:0 0 30px}
#sgmy-post .sgb-map h2{font:700 19px/1.3 Poppins,system-ui,sans-serif;color:var(--navy);margin:0 0 8px}#sgmy-post .sgb-map h2 a{color:inherit;text-decoration:none}
#sgmy-post .sgb-map ul{list-style:none;margin:0;padding:0;font-size:14.5px}#sgmy-post .sgb-map li{margin:0 0 6px}
@media (max-width:980px){#sgmy-post .sgb-grid{grid-template-columns:1fr;gap:36px}#sgmy-post .sgb-side{position:static}#sgmy-post .sgb-map{columns:2}}
@media (max-width:680px){#sgmy-post .sgb-frame{width:calc(100% - 32px)}#sgmy-post .sgb-top{padding:24px 0 18px}
  #sgmy-post .sgb-cards{grid-template-columns:1fr;gap:22px}#sgmy-post .sgb-toc ol{columns:1}#sgmy-post .sgb-content{font-size:16.5px}
  #sgmy-post .sgb-content h2{font-size:23px}#sgmy-post .sgb-map{columns:1}#sgmy-post .sgb-rel{margin-top:48px;padding-top:40px}}
@media (prefers-reduced-motion:reduce){#sgmy-post *{scroll-behavior:auto!important}}
/* hide the theme's own page title/banner on these templates if it prints one */
body.sgmy-blog-v5 .page-header,body.sgmy-blog-v5 .entry-header,body.sgmy-blog-v5 #page-title{display:none!important}
/* 0.9.5: old Gutenberg/Elementor spacing inside post bodies */
#sgmy-post .sgb-content .wp-block-spacer{height:12px!important;min-height:0!important;margin:0!important}
#sgmy-post .sgb-content .wp-block-spacer+.wp-block-spacer,#sgmy-post .sgb-content hr+.wp-block-spacer,#sgmy-post .sgb-content .wp-block-spacer:has(+hr),#sgmy-post .sgb-content .wp-block-spacer:has(+h2),#sgmy-post .sgb-content .wp-block-spacer:has(+h3),#sgmy-post .sgb-content .wp-block-spacer:first-child,#sgmy-post .sgb-content .wp-block-spacer:last-child{display:none}
#sgmy-post .sgb-content hr,#sgmy-post .sgb-content .wp-block-separator{border:0;border-top:1px solid var(--line);height:0;width:100%;max-width:none;opacity:1;margin:32px 0;background:none}
#sgmy-post .sgb-content hr+h2,#sgmy-post .sgb-content hr+h3,#sgmy-post .sgb-content hr+.wp-block-spacer+h2{margin-top:0}
#sgmy-post .sgb-content p:empty,#sgmy-post .sgb-content .wp-block-group:empty{display:none}
#sgmy-post .sgb-content .wp-block-group,#sgmy-post .sgb-content .wp-block-columns{margin-top:0;margin-bottom:1.1em;gap:16px}
/* 0.9.7 (B35 must-fix): long URLs, pre blocks and oversized images must not widen the grid */
#sgmy-post .sgb-article,#sgmy-post .sgb-side{min-width:0}
#sgmy-post .sgb-content{overflow-wrap:anywhere}
#sgmy-post .sgb-content pre{overflow-x:auto;max-width:100%}
#sgmy-post .sgb-content img,#sgmy-post .sgb-content iframe,#sgmy-post .sgb-content video{max-width:100%;height:auto}
/* sgmy-travelguide 0.1.0: last guard against old post bodies widening the page (fixed widths in inline styles, Elementor/Gutenberg wrappers) */
#sgmy-post .sgb-content :where(div,figure,table,pre,iframe,video,img,embed,object,section){max-width:100%}
#sgmy-post .sgb-content .alignwide,#sgmy-post .sgb-content .alignfull{width:auto;margin-left:0;margin-right:0}
#sgmy-post .sgb-content img{max-width:100%!important;height:auto!important}
#sgmy-post .sgb-content :where(iframe,video,embed,object,table,pre,div,figure){max-width:100%!important}
/* tables keep readable cells and scroll inside their own box on phones */
#sgmy-post .sgb-content table{overflow-wrap:normal;word-break:normal}
#sgmy-post .sgb-content th,#sgmy-post .sgb-content td{min-width:6.5em}
/* sgmy-tg-box "From Singapore?" box: its own button colours, not the article link colour */
#sgmy-post .sgb-content .sgmy-fs a{color:#111;text-decoration:none}