/*
Theme Name: Suck777 Paddock
Version: 1.0.0
Author: suck777
Description: บันทึกจากสนามกระโดดม้าและคู่มือเกมภาษาไทย
Text Domain: suck777-paddock
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
*/
:root{
  --night:#251723;--plum:#392035;--ink:#291d26;--paper:#f5efe5;--white:#fffaf3;--muted:#60535b;
  --rose:#efc19b;--brass:#af8055;--hair:#d7c8b7;--wine:#76384f;
  --body:"Leelawadee UI","Noto Sans Thai",Tahoma,Arial,sans-serif;--display:Georgia,"Times New Roman",serif
}
*,*::after,*::before{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.7 var(--body);overflow-wrap:break-word}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.30}a{color:inherit;text-decoration:none}button,select{font:inherit}
a,button,select,label[for]{touch-action:manipulation}button,select,label[for]{cursor:pointer}
img,picture,svg{display:block}img{max-width:100%}[hidden]{display:none!important}
:focus-visible{outline:3px solid #b44836;outline-offset:3px}
.frame{width:min(calc(100% - clamp(38px,8vw,140px)),1450px);margin-inline:auto}
.skip{position:fixed;z-index:9;left:6px;top:8px;padding:8px 15px;transform:translateY(-160%);background:white;color:var(--ink)}.skip:focus{transform:none}
.ui-icon{width:16px;height:16px;flex:none}
.mast{position:relative;z-index:4;background:var(--night);color:#fff8ed;border-bottom:1px solid #72584e}
.mast-inner,.wordmark,.main-menu ul,.mast-actions{display:flex;align-items:center}
.mast-inner{min-height:68px;gap:clamp(16px,4.5vw,80px)}
.wordmark{width:fit-content;gap:9px;flex:none}.wordmark img{width:33px;height:33px}
.wordmark>span{font:600 clamp(1.4rem,2.22vw,2.25rem)/1 var(--display);letter-spacing:-.055em}
.wordmark b{color:var(--rose);font-style:italic;font-weight:500;letter-spacing:-.09em;margin-left:.04em}
.main-menu ul,.closing ul{list-style:none;margin:0;padding:0}
.main-menu ul{gap:clamp(14px,2vw,30px)}
.main-menu a,.desk-login{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:650}.main-menu a:hover,.desk-login:hover,.main-menu a[aria-current]{color:var(--rose)}
.mast-actions{margin-left:auto;gap:15px}.main-menu .drawer-login,.nav-toggle{display:none}
.action{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:9px 21px;min-height:44px;border:1px solid transparent;border-radius:4px;font-weight:700;font-size:.94rem;line-height:1.45}
.primary-action{background:var(--rose);color:var(--night)}.primary-action:hover{background:#ffdbb8}
.ink-action{background:var(--plum);color:white}.ink-action:hover{background:#582e4a}
.outline-action{color:#fff9f0;background:#2b182978;border-color:#b6a5a6}.outline-action:hover{background:#543049}
.text-link,.member-help{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:.91rem;font-weight:650}
.text-link:hover,.member-help:hover,.closing a:hover,.crumb a:hover,.read-body a:hover,.article-byline a:hover,.desk-links a:hover{text-decoration:underline;text-underline-offset:4px}
.cover{isolation:isolate;position:relative;overflow:hidden;background:var(--night);color:white;border-bottom:2px solid #b48c66}
.cover-art,.cover::before{position:absolute;inset:0}.cover-art{z-index:-2}
.cover-art img{width:100%;height:100%;object-fit:cover;object-position:50% 29%}
.cover::before{content:"";z-index:-1;background:linear-gradient(90deg,#241121fa 0%,#2b1427df 24%,#2314228a 45%,#21152025 64%,transparent 81%)}
.cover-inner{min-height:clamp(375px,30.3vw,520px);display:flex;align-items:center;padding-block:clamp(24px,3vw,58px)}
.cover-copy{width:min(50%,660px)}
.kicker,.small-label{font-family:Arial,sans-serif;font-size:.72rem;line-height:1.6;letter-spacing:.21em;font-weight:700;text-transform:uppercase}
.kicker{display:flex;align-items:center;gap:11px;color:#f2cfae;margin-bottom:10px}
.kicker::before{content:"";width:30px;height:4px;border-block:1px solid currentColor;transform:skewX(-23deg)}
.cover h1{font-size:clamp(2.2rem,4.5vw,5rem)}
.cover-brand{display:block;font:500 clamp(5.3rem,9.55vw,10.2rem)/.94 var(--display);letter-spacing:-.075em;color:#fffcf1}
.cover-brand b{color:var(--rose);font-weight:400;font-style:italic;letter-spacing:-.085em}
.cover-caption{display:block;font-size:clamp(1.5rem,2.28vw,2.65rem);margin:9px 0 7px;letter-spacing:-.025em;font-weight:650}
.cover-intro{color:#fcf0ec;font-size:clamp(.96rem,1.12vw,1.18rem);max-width:33em;line-height:1.57}
.cover-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.member-help{color:#ffdfc6;min-height:32px;font-size:.82rem}.member-help .ui-icon{width:14px;height:14px}
.directory,.journal{padding-block:clamp(25px,3.1vw,52px)}
.small-label{color:#82465c;font-size:.66rem;letter-spacing:.16em}
.folio-heading,.journal-heading{display:flex;align-items:center;gap:18px;margin-bottom:15px}
.folio-heading .small-label{padding-right:16px;border-right:1px solid #ac927e}
.folio-heading::after{content:"";flex:1;height:4px;border-block:1px solid var(--hair)}
.directory h2,.clinic h2,.journal h2{font-size:clamp(1.42rem,2.05vw,2.5rem);letter-spacing:-.034em;font-weight:670}
.topic-grid{display:grid;grid-template-areas:"casino sports slots" "baccarat sports lottery";grid-template-columns:1fr 1.17fr 1fr;grid-template-rows:repeat(2,minmax(84px,1fr));gap:10px}
.topic-casino{grid-area:casino}.topic-baccarat{grid-area:baccarat}.topic-slots{grid-area:slots}.topic-sports{grid-area:sports}.topic-lottery{grid-area:lottery}
.topic{position:relative;min-width:0;display:grid;grid-template-columns:41% minmax(0,1fr);align-items:stretch;border:1px solid var(--hair);background:var(--white)}
.topic-photo{position:relative;overflow:hidden;min-height:100%;background:#cdbbab}
.topic-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .25s ease}
.topic:hover .topic-photo img{transform:scale(1.045)}
.topic-caption{align-self:center;min-width:0;padding:12px 15px}.topic-caption h3{font-size:clamp(1.1rem,1.43vw,1.57rem)}
.topic-caption p{font-size:clamp(.76rem,.91vw,.95rem);line-height:1.44;margin-top:4px;color:var(--muted)}
.topic-arrow{display:none}
.topic-sports{display:block;background:var(--night);color:white;border:0}
.topic-sports .topic-photo,.topic-sports .topic-photo::after{position:absolute;inset:0}
.topic-sports .topic-photo::after{content:"";background:linear-gradient(0deg,#281221f5 0%,#28122199 28%,#28122105 70%)}
.topic-sports .topic-caption{position:absolute;bottom:0;left:0;padding:15px 17px;max-width:84%}.topic-sports .topic-caption p{color:#fff4ed}
.topic-sports .topic-arrow{display:grid;place-content:center;position:absolute;bottom:17px;right:17px;border:1px solid #f3d4b7;width:29px;height:29px;border-radius:50%}
.topic:hover{border-color:#936b57}.topic:hover h3{text-decoration:underline;text-underline-offset:3px}
.clinic{background:#eadfd3;border-block:1px solid #d2bbab}
.clinic-inner{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:clamp(18px,6vw,110px);align-items:center;padding-block:clamp(23px,2.9vw,48px)}
.clinic-copy .small-label{margin-bottom:6px}.clinic-copy>p:not(.small-label){color:#524250;max-width:42em;margin-top:7px}.clinic-copy .text-link{color:#70364c}
.round-sheet{margin:0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #644656;border-radius:7px;padding:12px;background:var(--plum);color:#fff8ee}
.round-sheet legend{background:var(--plum);border:1px solid #644656;padding:0 10px;border-radius:3px;font-size:.88rem}
.round-sheet input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.round-sheet label{display:grid;place-content:center;min-height:42px;border:1px solid #9d8193;text-align:center;padding:5px 4px;line-height:1.3;font-size:.93rem}
.round-sheet input:checked+label{background:var(--rose);color:var(--night);font-weight:700;border-color:var(--rose)}
.round-sheet input:focus-visible+label{outline:2px dashed #fff;outline-offset:-4px}
.round-result{display:none;grid-column:1/-1;align-items:center;gap:14px;min-height:65px;margin-top:11px;border-top:1px solid #846575;padding-top:9px}
#fall-0:checked~#result-0,#fall-1:checked~#result-1,#fall-2:checked~#result-2{display:flex}
.round-result strong{flex:none;color:#f3caab;font:500 2.5rem/1 var(--display)}.round-result small{font:600 .89rem var(--body)}
.round-result p{font-size:.88rem;line-height:1.47}
.journal-heading{flex-wrap:wrap;border-bottom:1px solid var(--hair);padding-bottom:12px}.journal-controls{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:.86rem}
.journal-controls select{min-height:39px;background:var(--white);border:1px solid #ac928c;border-radius:3px;padding:4px 8px;color:var(--ink)}
.journal-heading>.text-link{margin-left:auto}.journal-controls:not([hidden])+.text-link{margin-left:0}
.journal-list,.read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}
.read-card{min-width:0;display:grid;align-items:center;grid-template-columns:30% minmax(0,1fr);gap:14px}
.read-cover{display:block;aspect-ratio:1.4;overflow:hidden;background:#cdbbac}.read-cover img,.desk-photo img{width:100%;height:100%;object-fit:cover}
.read-meta,.article-byline{display:flex;gap:6px 16px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}
.read-meta span{color:#703448;font-weight:700}.read-body h2,.read-body h3{font-size:clamp(1.06rem,1.35vw,1.5rem);margin:4px 0}.read-body p{color:var(--muted);font-size:.92rem;line-height:1.5}
.clubhouse{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,60px);padding:20px 0 38px;border-top:1px solid var(--hair)}
.feature-copy h2,.desk-links h2{font-size:clamp(1.24rem,1.62vw,1.85rem);margin-bottom:7px}
.feature-copy a,.prose a:not(.action){color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.member-panel{display:grid;grid-template-columns:33% minmax(0,1fr);border:1px solid var(--hair);background:var(--white)}.desk-photo{min-height:125px}
.desk-links{padding:14px}.desk-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:39px;border-bottom:1px solid var(--hair)}
.inner-head{background:var(--plum);color:var(--white);border-bottom:3px solid var(--brass);padding-block:clamp(25px,3.4vw,57px)}
.inner-head h1{font-size:clamp(1.78rem,3.4vw,3.55rem);max-width:30em;overflow-wrap:anywhere}.inner-head p{margin:10px 0 0;max-width:57em;color:#f5e9ec}
.crumb{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:11px;font-size:.83rem;color:#f0d6d4}.article-byline{color:#f6caa8;margin-bottom:8px}
.reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,26%);gap:clamp(18px,4vw,65px);align-items:start;padding-block:clamp(25px,3vw,50px)}
.prose{min-width:0;background:var(--white);border:1px solid var(--hair);padding:clamp(18px,3vw,48px);line-height:1.84;overflow-wrap:anywhere}
.prose h2,.prose h3{margin:1em 0 .42em}.prose h2{font-size:clamp(1.24rem,1.8vw,1.9rem)}.prose h3{font-size:1.12rem}
.prose p,.prose ul,.prose ol{margin:0 0 .9em}.prose ul,.prose ol{padding-inline-start:1.6em}
.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}
.prose table{width:100%;border-collapse:collapse;margin:12px 0 19px;font-size:.94rem}.prose th,.prose td{text-align:start;border:1px solid var(--hair);padding:7px 9px}.prose th{background:#eaddd2}
.outbound{border-left:3px solid var(--brass);padding:4px 0 3px 14px;margin-bottom:20px}.outbound p{font-size:.87rem;color:var(--muted);margin:6px 0 0}
.reading-side{min-width:0;padding:8px;border:1px solid var(--hair);background:#ede2d7}.reading-side img{width:100%;height:auto}.reading-side .text-link{padding-inline:8px}
.post-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:19px;border-top:1px solid var(--hair);padding-top:10px;font-size:.9rem}
.archive-body{padding-block:clamp(23px,3vw,50px)}.archive-intro{margin-bottom:21px}.navigation.pagination{margin-top:18px}
.closing{background:var(--night);color:#f9ecdf;border-top:3px solid var(--brass)}.closing-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(18px,6vw,85px);padding-block:30px}
.closing h2{color:var(--rose);font-size:1.1rem;margin-bottom:7px}.closing p{max-width:31em;margin-top:9px;color:#e2d1d7;font-size:.92rem}.closing li a{display:inline-flex;align-items:center;min-height:31px;font-size:.89rem}
.colophon{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #745965;padding-block:11px;font-size:.79rem;color:#d8c8ce}
@media(max-width:900px){
 .mast-inner{min-height:58px;gap:10px;flex-wrap:wrap}.mast-actions{gap:8px}.desk-login{display:none}
 .main-menu{order:3;width:100%}.main-menu ul{flex-wrap:wrap;gap:2px 17px}.main-menu .drawer-login{display:inline-flex;color:var(--rose)}
 .nav-ready .main-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:9px 5% 15px;background:var(--night);border-block:1px solid #68525c;box-shadow:0 8px 14px #1d122333}
 .nav-ready .menu-open .main-menu{display:block}.nav-ready .nav-toggle{display:grid;align-content:center;justify-content:center;gap:4px;width:40px;height:40px;border:1px solid #8f7380;color:white;background:transparent;border-radius:3px}.nav-toggle span{width:17px;height:2px;background:currentColor}
 .cover-copy{width:57%}.topic-grid{gap:8px;grid-template-columns:1fr 1fr 1fr}.topic{grid-template-columns:35% minmax(0,1fr)}.topic-caption{padding:9px}
}
@media(max-width:680px){
 .frame{width:calc(100% - 30px)}.mast-inner{min-height:55px;gap:7px}.wordmark img{width:29px;height:29px}.wordmark{gap:6px}.wordmark>span{font-size:1.44rem}
 .mast-actions>.action{min-height:38px;padding:7px 11px;font-size:.83rem}
 .cover-art img{object-position:50% 30%}.cover::before{background:linear-gradient(0deg,#271523 4%,#2c1728f0 22%,#281723bc 43%,#25172226 74%,transparent 96%)}
 .cover-inner{min-height:clamp(380px,105vw,490px);align-items:end;padding:clamp(130px,35vw,181px) 0 14px}.cover-copy{width:100%}.kicker{font-size:.61rem;margin-bottom:5px}
 .cover-brand{font-size:clamp(3.7rem,15.3vw,6rem)}.cover-caption{font-size:clamp(1.3rem,5.4vw,1.9rem);margin:4px 0 6px}.cover-intro{font-size:.93rem;line-height:1.48}
 .cover-actions{gap:7px;margin-top:10px}.cover-actions>.action{font-size:.85rem;min-height:39px;padding:7px 12px}.member-help{min-height:29px;font-size:.76rem}
 .directory,.journal{padding-block:22px}.folio-heading,.journal-heading{gap:10px;margin-bottom:12px}.folio-heading .small-label{order:2;border:none;padding-right:0}.folio-heading::after{order:1}
 .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"casino baccarat" "slots lottery" "sports sports";grid-template-rows:auto auto auto;gap:9px}
 .topic{display:block}.topic-photo{min-height:0;aspect-ratio:2.25}.topic-caption{padding:6px 8px 8px}.topic-caption h3{font-size:1.04rem}.topic-caption p{font-size:.74rem;line-height:1.35;margin:2px 0 0}
 .topic-sports{display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;background:var(--night);min-height:61px}.topic-sports .topic-photo{position:relative;min-height:100%;aspect-ratio:2.6}.topic-sports .topic-photo::after{display:none}
 .topic-sports .topic-caption{position:static;max-width:none;padding:8px 9px}.topic-sports .topic-arrow{display:none}
 .clinic-inner,.reading,.clubhouse{grid-template-columns:minmax(0,1fr);gap:16px}.clinic-inner{padding-block:22px}.clinic-copy .small-label{margin:0}.clinic-copy>p:not(.small-label){font-size:.92rem}
 .round-sheet{padding:7px 10px 10px}.round-result strong{font-size:2rem}
 .journal-controls{order:3;margin:0;width:100%}.journal-controls:not([hidden])+.text-link{margin-left:auto}
 .journal-list,.read-grid{grid-template-columns:minmax(0,1fr);gap:15px}.read-card{grid-template-columns:29% minmax(0,1fr);gap:10px}.read-cover{aspect-ratio:1.12}.read-body p{font-size:.85rem}
 .clubhouse{padding-bottom:26px}.prose{font-size:.97rem;padding:15px}.prose th,.prose td{padding:5px;font-size:.83rem}.reading-side{display:grid;align-items:center;grid-template-columns:34% minmax(0,1fr)}
 .closing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.closing-brand{grid-column:1/-1}
}
@media(max-width:360px){.frame{width:calc(100% - 22px)}.mast-actions .ui-icon{display:none}.cover-actions .action{padding-inline:10px}.folio-heading .small-label{display:none}.topic-caption{padding:6px}.round-result{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}