/*
Theme Name: Me Club Learning
Theme URI: https://www.me-club.site/
Author: Me Club
Description: Responsive Thai learning and editorial theme inspired by a minimalist educational landing page. Customizable in Appearance > Customize.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: me-club-learning
License: GPL-2.0-or-later
*/
:root{--ink:#172c28;--muted:#68746d;--accent:#34745b;--paper:#f7f8f2;--line:#dfe5db;--white:#fff;--lime:#d5eea5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,'Noto Sans Thai',system-ui,sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto} .container{width:min(1140px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,242,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.head-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;font-size:23px;line-height:1.05}.brand-star{font-size:32px;color:var(--accent)}.brand span small{display:block;font-size:9px;letter-spacing:.2em;font-weight:700;margin-top:6px}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.site-nav a:hover,.current-menu-item>a{color:var(--accent)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);padding:8px 12px;border-radius:12px}.hero{padding:115px 0 120px;position:relative;overflow:hidden}.hero:before{content:'✳';position:absolute;right:3%;top:2%;font-size:clamp(230px,36vw,560px);color:#dbe9d2;opacity:.45;line-height:1;pointer-events:none}.hero-wrap{position:relative;max-width:900px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--accent);display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,6.2vw,83px);line-height:1.25;letter-spacing:-.06em;margin:25px 0 24px;font-weight:800}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.32;letter-spacing:-.04em}h3{font-size:23px;line-height:1.4}.hero-desc{max-width:600px;font-size:18px;color:var(--muted);margin-bottom:32px}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 23px;border-radius:100px;font-weight:800;font-size:14px;border:1px solid var(--ink);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{color:white;background:var(--accent)}.btn-light{background:transparent}.section{padding:88px 0;border-top:1px solid var(--line)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}.section-header h2{margin:12px 0 0}.arrow-link{font-weight:800;font-size:14px;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{background:#eaf0e6;border:1px solid #dce5d7;padding:35px 31px;min-height:285px;display:flex;flex-direction:column;transition:transform .2s,background .2s}.topic-card:nth-child(2){background:#edf1e8}.topic-card:nth-child(3){background:#e5eee1}.topic-card:hover{transform:translateY(-4px);background:#e0ebd9}.topic-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);font-weight:700}.topic-glyph{font-size:42px;line-height:1;color:var(--accent)}.topic-card h3{margin:55px 0 8px}.topic-card p{font-size:14px;color:#5d6b61;margin:0}.topic-card .card-arrow{margin-left:auto;font-size:25px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{border:1px solid var(--line);padding:33px;background:white;min-height:275px;display:flex;flex-direction:column}.article-card .meta{font-size:12px;color:var(--accent);font-weight:800;margin-bottom:25px}.article-card h3{margin-bottom:12px}.article-card p{font-size:14px;color:var(--muted)}.article-card .arrow-link{margin-top:auto}.cta-band{background:#203f34;color:white;padding:100px 0;position:relative;overflow:hidden}.cta-band:after{content:'✳';position:absolute;right:0;bottom:-220px;color:#345a47;font-size:520px;line-height:1}.cta-band .container{position:relative;z-index:1}.cta-band .eyebrow{color:var(--lime)}.cta-band .eyebrow:before{background:var(--lime)}.cta-band h2{max-width:780px;font-size:clamp(34px,4vw,59px);margin:22px 0 35px}.btn-cream{background:var(--lime);color:var(--ink);border-color:var(--lime)}.site-footer{background:#142d24;color:#f0f5ef;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.site-footer h4{font-size:14px;margin:0 0 22px}.site-footer .muted{color:#b4c3b8;font-size:14px}.site-footer a{display:block;font-size:14px;margin:11px 0}.footer-bottom{margin-top:60px;padding-top:20px;border-top:1px solid #365247;color:#a9beb0;font-size:12px}.page-hero{padding:87px 0 65px}.page-hero h1{font-size:clamp(42px,5vw,68px);margin:15px 0}.page-hero p{max-width:670px;color:var(--muted);font-size:17px}.inner-wrap{padding-bottom:95px}.course-list{display:grid;gap:15px}.course-row{padding:34px;display:grid;grid-template-columns:80px 1fr auto;gap:25px;align-items:center;background:white;border:1px solid var(--line)}.course-num{font-size:32px;color:var(--accent)}.course-row h2{font-size:28px;margin-bottom:8px}.course-row p{color:var(--muted);margin:0}.article-list{display:grid;gap:15px}.article-line{display:grid;grid-template-columns:70px 1fr 40px;gap:26px;align-items:center;padding:28px 15px;border-bottom:1px solid var(--line)}.article-line h2{font-size:27px;margin:8px 0}.article-line .meta{color:var(--accent);font-size:12px;font-weight:700}.article-line p{color:var(--muted);margin:0}.article-num{color:var(--accent);font-size:25px}.content-card{max-width:850px;background:white;padding:clamp(24px,6vw,65px);border:1px solid var(--line)}.content-card p{color:#465b50}.content-card h2{font-size:30px;margin-top:36px}.content-card a{text-decoration:underline;color:var(--accent)}.entry-image{margin:20px 0 35px}.entry-image img{width:100%;display:block}.post-navigation,.pagination{margin:36px 0}.pagination .page-numbers{display:inline-block;border:1px solid var(--line);padding:7px 13px;margin:3px;background:white}.pagination .current{background:var(--ink);color:#fff}.line-float{position:fixed;right:20px;bottom:20px;z-index:25;padding:10px 18px;border-radius:60px;background:#16ad5e;color:white!important;font-size:13px;font-weight:800;box-shadow:0 10px 32px #0002}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.wp-block-image img{height:auto}@media(max-width:800px){.site-nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:15px}.site-nav.open{display:flex}.menu-toggle{display:block}.hero{padding:85px 0 95px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:225px}.topic-card h3{margin-top:35px}.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section{padding:64px 0}.course-row{grid-template-columns:45px 1fr;gap:15px}.course-row>a:last-child{grid-column:2}.article-line{grid-template-columns:38px 1fr;gap:15px}.article-line>a:last-child{display:none}}@media(max-width:520px){.container{width:calc(100% - 32px)}h1{font-size:43px}.hero-desc{font-size:16px}.section-header{align-items:start;flex-direction:column;gap:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.course-row{padding:20px}.article-line{padding:25px 0}.page-hero{padding:55px 0 40px}}

.site-nav .nav-list{display:flex;gap:32px;list-style:none;margin:0;padding:0}.site-nav .nav-list li{margin:0}@media(max-width:800px){.site-nav .nav-list{flex-direction:column;gap:15px}}