.twl-guide-sidebar{top:var(--header-height,78px);flex-direction:column;gap:24px;max-width:300px;height:fit-content;max-height:100svh;padding:24px;font-size:14px;display:flex;position:sticky}@media (max-width:1023px){.twl-guide-sidebar{background:#fff;gap:16px;width:100%;max-width:none;padding:12px;box-shadow:0 1px 3px #00000040,0 4px 16px #0000001a}}.twl-guide-sidebar .find-status{color:var(--color-muted);margin:8px 0 0;font-size:13px}.twl-guide-sidebar .sidebar-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:0;font-size:20px;font-weight:600;display:flex}@media (max-width:1023px){.twl-guide-sidebar .sidebar-title{font-size:16px}}@media (min-width:1024px){.twl-guide-sidebar .sidebar-toggle{display:none}}.twl-guide-sidebar .sidebar-content{display:contents}@media (max-width:1023px){.twl-guide-sidebar .sidebar-content{display:none}}.twl-guide-sidebar.expanded .sidebar-content{display:contents}.twl-guide-sidebar .sidebar-nav{flex-direction:column;gap:4px;font-size:16px;display:flex}.twl-guide-sidebar .sidebar-nav a{color:inherit;transition:.35s var(--ease-standard);border-radius:4px;gap:8px;padding:8px 12px;font-weight:600;display:flex}.twl-guide-sidebar .sidebar-nav a:hover{color:var(--color-primary-01);box-shadow:0 0 0 1px var(--color-line) inset}@media (max-width:1023px){.twl-guide-sidebar .sidebar-nav a{gap:6px;padding:4px 8px;font-size:14px}}.twl-guide-sidebar .sidebar-nav a svg{color:currentColor;width:24px;height:24px}@media (max-width:1023px){.twl-guide-sidebar .sidebar-nav a svg{width:20px;height:20px}}
.twl-guide-detail{width:100%;min-width:0}.twl-guide-detail__artwork{aspect-ratio:2;object-fit:cover;width:100%;height:auto;display:block}.twl-guide-detail{box-shadow:-1px 0 0 var(--color-line)}.twl-guide-detail .twl-wp-content{max-width:980px;padding-block:42px 80px}.twl-guide-detail .twl-guide-page{scroll-margin-top:calc(var(--header-height,78px) + 24px);border-bottom:1px solid var(--color-line);padding-block:22px 60px}.twl-guide-detail .twl-guide-page:last-child{border-bottom:0;padding-bottom:0}.twl-guide-detail .twl-guide-page>h1{font-family:var(--font-noto-sans-thai),Arial,Helvetica,sans-serif;color:var(--color-primary-01);margin:0 0 30px;font-size:clamp(34px,5vw,60px);line-height:1.08}.twl-guide-detail .twl-guide-page h1,.twl-guide-detail .twl-guide-page .h1,.twl-guide-detail .twl-guide-page h2,.twl-guide-detail .twl-guide-page .h2,.twl-guide-detail .twl-guide-page h3,.twl-guide-detail .twl-guide-page .h3,.twl-guide-detail .twl-guide-page h4,.twl-guide-detail .twl-guide-page .h4,.twl-guide-detail .twl-guide-page h5,.twl-guide-detail .twl-guide-page .h5,.twl-guide-detail .twl-guide-page h6,.twl-guide-detail .twl-guide-page .h6{margin-bottom:.5em}.twl-guide-detail .twl-guide-page p,.twl-guide-detail .twl-guide-page img,.twl-guide-detail .twl-guide-page blockquote,.twl-guide-detail .twl-guide-page picture,.twl-guide-detail .twl-guide-page figure{margin-bottom:1em}.twl-guide-detail .twl-guide-page p:last-child,.twl-guide-detail .twl-guide-page img:last-child,.twl-guide-detail .twl-guide-page blockquote:last-child,.twl-guide-detail .twl-guide-page picture:last-child,.twl-guide-detail .twl-guide-page figure:last-child{margin-bottom:0}.twl-guide-detail .twl-guide-page .wp-block-accordion-item{padding:1rem 0;box-shadow:0 2px #eee}.twl-guide-detail .twl-guide-page .wp-block-accordion-item .wp-block-accordion-heading{margin-bottom:0;font-size:1em}.twl-guide-detail .twl-wp-content :where(p,li){line-height:1.8}.twl-guide-detail .twl-wp-content :where(img,video,iframe){max-width:100%;height:auto}.twl-guide-detail .twl-wp-content :where(table){width:100%}.twl-guide-detail .twl-wp-content :where(.wp-block-table){max-width:100%;overflow-x:auto}.twl-guide-detail .twl-wp-content :where(iframe){border:0;width:100%;min-height:360px}.twl-guide-detail .twl-wp-content :where(.wp-block-accordion-panel[hidden]){display:none}@media (max-width:767px){.twl-guide-detail .twl-wp-content{padding-block:20px 48px}.twl-guide-detail .twl-guide-page{padding-block:18px 42px}.twl-guide-detail .twl-wp-content :where(iframe){min-height:220px}}
