/* Scoped to pages generated by makehtml/content.php and contact.php. */
body[data-sj-info] { background:#faf8f3; color:#392a20; }
body[data-sj-info]::before { background:none; }
body[data-sj-info] #main { background:#faf8f3; }
.sji-shell { --sji-ink:#392a20; --sji-muted:#6e5d4f; --sji-gold:#986612; --sji-line:#ddc797; --sji-paper:#fff; width:min(1180px,100%); margin:0 auto; padding:26px 24px 64px; font-family:Tahoma,"Noto Sans Thai",sans-serif; font-size:18px; line-height:1.65; letter-spacing:normal; color:var(--sji-ink); text-align:left; }
.sji-shell *, .sji-shell *::before, .sji-shell *::after { box-sizing:border-box; }
.sji-shell [hidden] { display:none !important; }
.sji-shell a { color:#684314; text-decoration:none; }
.sji-shell button, .sji-shell input { font:inherit; }
.sji-shell button { cursor:pointer; }
.sji-shell a:focus-visible, .sji-shell button:focus-visible, .sji-shell input:focus-visible { outline:3px solid #825307; outline-offset:4px; }
.sji-shell h1, .sji-shell h2, .sji-shell h3 { font-family:inherit; color:var(--sji-ink); font-weight:700; line-height:1.45; margin:0; overflow-wrap:anywhere; }
.sji-shell h2 { font-size:28px; }
.sji-shell h3 { font-size:21px; }
.sji-shell p { margin:0; }
.sji-shell img { max-width:100%; height:auto; }
.sji-shell .sji-crumbs { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 20px; font-size:16px; color:var(--sji-muted); }
.sji-crumbs a { text-decoration:underline; text-underline-offset:4px; }
.sji-shell .sji-eyebrow { display:block; font-size:14px; letter-spacing:.07em; color:#825711; font-weight:700; margin-bottom:10px; }
.sji-hero { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:end; gap:36px; position:relative; overflow:hidden; border:1px solid #ba8a36; border-top:5px solid #deb866; border-radius:16px; padding:36px 40px; background:radial-gradient(ellipse at 100% 0, #926321 0, transparent 68%),linear-gradient(110deg,#3f291c,#604321); box-shadow:0 10px 30px #6747190c; }
.sji-shell .sji-hero h1 { color:#fff0ce; font-size:clamp(34px,4vw,50px); line-height:1.25; margin:0 0 16px; }
.sji-shell .sji-hero .sji-eyebrow { color:#e9c987; }
.sji-shell .sji-hero p { color:#fff4dc; font-size:20px; line-height:1.7; }
.sji-hero-note { border-left:1px solid #b89457; padding-left:28px; color:#f3dfbb; font-size:17px; }
.sji-hero-note span { display:block; }
.sji-shell .sji-hero-note a { display:inline-flex; align-items:center; gap:20px; color:#ffe6a8; font-weight:700; padding:10px 0 2px; }
.sji-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:22px 0 42px; }
.sji-shortcuts a { border:1px solid var(--sji-line); border-radius:10px; background:#fffdf7; padding:16px 22px; }
.sji-shortcuts span { font-size:16px; color:var(--sji-muted); }
.sji-shortcuts strong { display:block; color:#583b1e; font-size:20px; }
.sji-shortcuts strong span { float:right; color:var(--sji-gold); font-size:22px; }
.sji-section-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin:0 0 22px; }
.sji-result { color:var(--sji-muted); font-size:16px; flex-shrink:0; }
.sji-search { background:#fff; border:1px solid var(--sji-line); padding:20px; border-radius:12px; margin-bottom:18px; }
.sji-search label { font-size:17px; display:block; font-weight:700; margin-bottom:8px; }
.sji-search-row { display:flex; gap:12px; }
.sji-search input { min-width:0; flex:1; width:100%; padding:12px 15px; color:#392a20; background:#fffefa; border:1px solid #b99c71; border-radius:7px; min-height:48px; }
.sji-search input::placeholder { color:#77695b; opacity:1; }
.sji-shell .sji-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:11px 22px; border:1px solid #a7731e; border-radius:7px; background:linear-gradient(120deg,#f4deaa,#deb76b); color:#3d2918; font-size:17px; font-weight:700; line-height:1.5; text-align:center; text-decoration:none; }
.sji-shell .sji-button-outline { background:#fffdf7; border-color:#b69250; }
.sji-topics { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 24px; }
.sji-topics button, .sji-reading-bar button { padding:9px 14px; min-height:44px; border:1px solid #d2b77f; border-radius:7px; background:#fffdf7; color:#583b1e; font-size:16px; }
.sji-topics button span { display:inline-block; border-left:1px solid #cfb37a; padding-left:10px; margin-left:8px; font-variant-numeric:tabular-nums; }
.sji-topics button[aria-pressed="true"], .sji-reading-bar button[aria-pressed="true"] { background:#624321; color:#fff1d5; border-color:#624321; }
.sji-articles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.sji-card { margin:0; min-width:0; display:flex; border:1px solid #e0d0ae; border-top:3px solid #caa35b; border-radius:11px; background:#fff; overflow:hidden; }
.sji-card-link { display:flex; flex-direction:row-reverse; align-items:flex-start; gap:20px; padding:24px; width:100%; min-width:0; }
.sji-card-copy { flex:1; min-width:0; }
.sji-shell .sji-label { color:#825511; font-size:14px; font-weight:700; display:inline-block; margin-bottom:8px; }
.sji-card h3 { font-size:22px; margin-bottom:10px; }
.sji-card p { font-size:16px; color:var(--sji-muted); line-height:1.7; }
.sji-read { display:flex; gap:10px; align-items:center; font-size:16px; color:#825511; font-weight:700; margin-top:14px; }
.sji-card-image { width:105px; flex-shrink:0; padding-top:3px; }
.sji-card-image img { display:block; width:100%; border-radius:6px; }
.sji-empty { padding:36px 20px; text-align:center; border:1px dashed #b99759; border-radius:12px; background:#fffdf8; }
.sji-empty p { margin:10px 0 18px; }
.sji-note { color:var(--sji-muted); font-size:16px; margin-top:16px !important; }
.sji-note a, .sji-shell .sji-text-link { text-decoration:underline; text-underline-offset:4px; }
.sji-article-head { padding:28px 0 30px; border-top:3px solid #c79b4d; border-bottom:1px solid var(--sji-line); }
.sji-article-head.has-image { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.38fr); gap:32px; align-items:center; }
.sji-shell .sji-article-head h1 { font-size:clamp(29px,3.4vw,43px); margin:2px 0 18px; max-width:900px; }
.sji-byline { color:var(--sji-muted); font-size:16px; }
.sji-byline a { text-decoration:underline; text-underline-offset:4px; }
.sji-article-image picture, .sji-article-image img { display:block; width:100%; }
.sji-article-image img { border-radius:10px; }
.sji-reading-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 0; margin:0 auto; max-width:820px; border-bottom:1px solid #e4d6bb; color:var(--sji-muted); font-size:16px; }
.sji-reading-bar div { display:flex; gap:8px; flex-wrap:wrap; }
.sji-prose { max-width:820px; margin:30px auto 0; color:#362a21; font-size:19px; line-height:1.95; overflow-wrap:anywhere; }
.sji-prose[data-size="large"] { font-size:21px; }
.sji-prose[data-size="larger"] { font-size:24px; }
.sji-prose p { margin:0 0 1.2em; font-size:inherit; line-height:inherit; }
.sji-prose li { font-size:inherit; line-height:inherit; }
.sji-prose h2 { margin:1.5em 0 .6em; font-size:1.4em; }
.sji-prose h3 { margin:1.5em 0 .6em; font-size:1.2em; }
.sji-prose a { color:#80530c; text-decoration:underline; text-underline-offset:4px; }
.sji-prose ul, .sji-prose ol { padding-left:1.5em; }
.sji-prose img { max-width:100% !important; height:auto !important; }
.sji-prose iframe, .sji-prose video { max-width:100%; }
.sji-prose pre { white-space:pre-wrap; }
.sji-prose table { display:block; max-width:100%; overflow-x:auto; }
.sji-prose font { font-family:inherit; }
.sji-article-end { max-width:820px; margin:36px auto 0; display:flex; flex-wrap:wrap; align-items:center; gap:20px; padding:22px 0; border-top:1px solid var(--sji-line); }
.sji-related { padding-top:36px; margin-top:20px; border-top:1px solid var(--sji-line); }
.sji-related h2 { margin-bottom:20px; }
.sji-related .sji-articles { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sji-related .sji-card-image { display:none; }
.sji-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:28px 0; }
.sji-contact-card { min-width:0; padding:28px; background:#fff; border:1px solid #dfcba3; border-top:4px solid #d4b477; border-radius:12px; }
.sji-contact-primary { border-top-color:#ad7920; background:linear-gradient(#fff7e4,#fff 190px); }
.sji-contact-card h2 { font-size:25px; margin-bottom:10px; }
.sji-contact-card > p { color:var(--sji-muted); font-size:17px; }
.sji-shell .sji-line-link { display:grid; grid-template-columns:1fr auto; gap:0 12px; padding:17px 20px; margin:22px 0 9px; background:linear-gradient(115deg,#f7e6bb,#e4c074); color:#432a14; border:1px solid #b0802a; border-radius:8px; }
.sji-line-link > span:first-child { font-size:16px; }
.sji-line-link strong { font-size:30px; grid-column:1; line-height:1.4; }
.sji-line-link > span:last-child { grid-column:2; grid-row:1 / 3; align-self:center; font-size:28px; }
.sji-hours { color:var(--sji-muted); font-size:16px !important; }
.sji-hours span { display:block; }
.sji-phone-group { margin-top:24px; padding-top:20px; border-top:1px solid #e4d6bb; }
.sji-phone-group h3 { font-size:18px; margin-bottom:10px; }
.sji-phone-group > a { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; min-height:48px; padding:8px 0; border-bottom:1px solid #f0e8d9; font-size:21px; font-weight:700; color:#563916; }
.sji-phone-group > a > span { font-size:15px; font-weight:400; }
.sji-phone-group .sji-hours { margin-top:12px; }
.sji-question-strip { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; background:#f5ecd8; border:1px solid var(--sji-line); border-radius:11px; padding:24px 28px; }
.sji-question-strip h2 { font-size:22px; margin-bottom:6px; }
.sji-question-strip p { font-size:17px; color:var(--sji-muted); }
.sji-customer-section { margin:44px 0; }
.sji-customer-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--sji-line); border-radius:10px; overflow:hidden; gap:1px; background:var(--sji-line); }
.sji-customer-links a { display:block; padding:20px 24px; background:#fff; }
.sji-customer-links strong { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#583b1e; font-size:19px; margin-bottom:4px; }
.sji-customer-links a > span { color:var(--sji-muted); font-size:16px; }
.sji-location { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--sji-line); border-radius:14px; overflow:hidden; background:#fff; scroll-margin-top:100px; }
.sji-location-copy { padding:32px; }
.sji-location address { font-style:normal; margin:20px 0 16px; line-height:1.8; }
.sji-location-copy p { color:var(--sji-muted); margin-bottom:22px; font-size:17px; }
.sji-location-copy .sji-text-link { display:block; margin-top:16px; font-size:16px; }
.sji-map { min-height:360px; background:#ece4d7; }
.sji-map iframe { width:100%; height:100%; min-height:360px; display:block; border:0; }
.sji-contact-more { display:flex; flex-wrap:wrap; gap:12px 28px; padding:28px 0 0; font-size:17px; }
.sji-contact-more a { padding:8px 0; text-decoration:underline; text-underline-offset:4px; }
@media (hover:hover) {
 .sji-card:hover { border-color:#a67a2d; box-shadow:0 5px 18px #67471910; }
 .sji-shell .sji-button:hover, .sji-shell .sji-line-link:hover { background:#f3d89b; color:#392817; }
 .sji-shortcuts a:hover, .sji-customer-links a:hover { background:#fff7e6; }
 .sji-shell a:hover h3, .sji-contact-more a:hover { color:#855507; }
}
@media (max-width:960px) {
 .sji-hero { padding:30px; gap:24px; grid-template-columns:1.5fr 1fr; }
 .sji-card-link { gap:14px; padding:20px; }
 .sji-card-image { width:80px; }
 .sji-card h3 { font-size:20px; }
 .sji-contact-grid { gap:16px; }
 .sji-contact-card { padding:22px; }
 .sji-related .sji-articles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
 .sji-shell { padding:18px 16px 40px; }
 .sji-shell h2 { font-size:25px; }
 .sji-hero { grid-template-columns:1fr; padding:26px 23px; gap:23px; border-radius:12px; }
 .sji-hero-note { padding:18px 0 0; border-left:0; border-top:1px solid #b89457; }
 .sji-shell .sji-hero p { font-size:18px; }
 .sji-desktop-break { display:none; }
 .sji-shortcuts { gap:10px; margin-bottom:32px; }
 .sji-shortcuts a { padding:14px; }
 .sji-shortcuts strong { font-size:17px; }
 .sji-articles, .sji-related .sji-articles, .sji-contact-grid, .sji-location { grid-template-columns:1fr; }
 .sji-card-link { padding:19px; }
 .sji-card-image { width:86px; }
 .sji-card h3 { font-size:21px; }
 .sji-search { padding:16px; }
 .sji-search-row { gap:8px; }
 .sji-search-row .sji-button { padding:11px 16px; }
 .sji-section-heading { align-items:start; gap:10px; }
 .sji-result { padding-top:30px; }
 .sji-article-head.has-image { grid-template-columns:1fr; gap:22px; }
 .sji-article-image { max-width:420px; }
 .sji-prose { font-size:18px; }
 .sji-prose[data-size="large"] { font-size:21px; }
 .sji-prose[data-size="larger"] { font-size:24px; }
 .sji-customer-links { grid-template-columns:1fr; }
 .sji-question-strip { padding:22px; }
 .sji-location-copy { padding:24px; }
 .sji-map, .sji-map iframe { min-height:300px; }
}
@media (max-width:380px) {
 .sji-shortcuts { grid-template-columns:1fr; }
 .sji-card-image { width:64px; }
 .sji-card-link { gap:12px; padding:16px; }
 .sji-shell h2 { font-size:23px; }
 .sji-phone-group > a { font-size:19px; }
 .sji-section-heading { flex-wrap:wrap; }
 .sji-result { padding-top:0; }
}
@media print {
 body[data-sj-info] { background:#fff; }
 body[data-sj-info] #header, body[data-sj-info] header.sj-site-header, body[data-sj-info] #footer, body[data-sj-info] .sj-site-footer,
 .sji-crumbs, .sji-reading-bar, .sji-article-end, .sji-related, .sji-map { display:none !important; }
 .sji-shell { width:100%; max-width:none; padding:0; }
 .sji-prose { font-size:12pt !important; max-width:none; color:#000; }
 .sji-article-head { border:0; }
}