@charset "UTF-8";
:root{--ink:#18372b;--muted:#6c776f;--paper:#f6f7f2;--line:#dee5da;--green:#d5ed8a;--accent:#c4de75;--white:#fff;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7b9b3c;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.22;letter-spacing:-.04em}h1{font-size:clamp(30px,4vw,48px);font-weight:650}h2{font-size:30px;font-weight:600}h3{font-size:23px;font-weight:600}p{margin-bottom:1.2em}small,.muted{color:var(--muted)}img{max-width:100%;height:auto}form{margin:0}.skip-link{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:0}.site-header{max-width:1264px;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.05em}.brand:hover{text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:.15em;font-weight:600;margin-top:2px}.brand-icon{width:43px;height:43px;border-radius:14px;background:var(--ink);color:var(--green);font-size:35px;line-height:38px;text-align:center;padding-right:2px;font-family:Georgia,serif}.site-header nav{display:flex;gap:30px;font-size:14px}.public-main{max-width:1264px;margin:auto;padding:0 44px 64px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;margin-bottom:22px}.green-dot{color:#85ac42}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:68px;padding:80px 0 75px}.hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1.16;margin-bottom:26px;font-weight:500;letter-spacing:-.055em}.hero h1 em{font-weight:400;font-family:Georgia,serif}.hero-description{font-size:16px;max-width:490px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:46px;border:1px solid var(--ink);border-radius:8px;padding:11px 21px;background:var(--ink);color:white;font-size:14px;font-weight:600;text-decoration:none;line-height:1.45}.button:hover,.btn:hover{background:#28523d;text-decoration:none}.button-secondary,.btn-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button-secondary:hover,.btn-secondary:hover{background:#e9eee3}.button-danger,.btn-danger{background:#fff0ed;border-color:#eacac2;color:#a43625}.button-danger:hover,.btn-danger:hover{background:#ffe3de}.text-link{font-size:13px;font-weight:600}.hero-note{font-size:11px;margin-top:30px;color:var(--muted)}.hero-art{position:relative;aspect-ratio:1.04;background:var(--green);border-radius:130px 12px 12px 12px;overflow:hidden;min-width:0}.art-letter{position:absolute;left:24%;top:4%;font-family:Georgia,serif;font-size:clamp(200px,26vw,350px);line-height:1;color:var(--ink);font-weight:700;letter-spacing:-.1em;transform:rotate(-9deg)}.art-letter span{color:#6a8831}.art-tag{position:absolute;top:25px;right:22px;font-size:8px;letter-spacing:.15em}.art-caption{position:absolute;left:30px;bottom:25px;font-size:10px;letter-spacing:.12em;line-height:1.5}.art-index{position:absolute;bottom:25px;right:25px;font-size:9px}.orbit{position:absolute;border:1px solid #98b24f;border-radius:50%;width:150%;height:75%;transform:rotate(-34deg);left:-30%;top:25%}.orbit-two{transform:rotate(-34deg) translateY(19px)}.intro-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1fr 1fr;gap:36px;padding:44px 0 30px;align-items:start}.intro-strip .eyebrow{padding-top:8px}.intro-strip p:last-child{font-size:14px;color:var(--muted)}.intro-strip h2{font-size:29px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:28px}.feature-grid .card{background:transparent;padding:28px 25px}.feature-grid h3{font-size:22px;margin:25px 0 15px}.feature-grid p{font-size:14px;color:var(--muted)}.feature-grid .muted{font-size:12px}.feature-number{font-size:11px;font-weight:650;color:#7b8b65}.links-section{padding-top:48px}.menu-links{display:flex;flex-wrap:wrap;gap:16px}.menu-links a{padding:15px 22px;border:1px solid var(--line);border-radius:8px}.site-footer{max-width:1176px;margin:auto;border-top:1px solid var(--line);padding:26px 0;display:flex;gap:25px;align-items:center;justify-content:space-between}.site-footer p,.site-footer>span{font-size:11px;color:var(--muted);margin:0}.site-footer .brand{font-size:27px}.site-footer .green-dot{font-size:10px;margin-left:-8px}.auth-card{max-width:480px;margin:60px auto 20px;padding:38px}.auth-card h1{font-size:33px}.auth-foot{font-size:13px;margin:25px 0 0;text-align:center}.auth-foot a{text-decoration:underline}.stack{display:grid;gap:20px}.field{display:grid;gap:8px;font-size:14px;font-weight:500}input:not([type=checkbox]):not([type=hidden]),textarea,select,.form-control{display:block;width:100%;min-height:47px;border:1px solid #d6ded1;border-radius:7px;background:white;padding:11px 13px;color:var(--ink);font-size:16px}textarea{min-height:140px;resize:vertical}input[type=checkbox]{width:19px;height:19px;accent-color:var(--ink)}.checkbox,.form-check{display:flex;align-items:center;gap:12px}.alert{padding:14px 18px;border:1px solid #b8d5ad;border-radius:8px;background:#f1f9ec;margin:20px 0;font-size:14px}.alert-error,.alert-danger{background:#fff2ef;border-color:#eecac2;color:#933a2d}.admin-body{background:#f6f8f4}.admin-sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column}.admin-sidebar .brand{font-size:21px}.admin-sidebar nav{display:grid;gap:6px;margin-top:50px}.admin-sidebar nav a{padding:12px 16px;border-radius:8px;font-size:14px}.admin-sidebar nav a:hover{background:#edf2e5;text-decoration:none}.sidebar-foot{margin-top:auto;padding:20px 10px 0;display:grid;gap:20px;font-size:13px}.sidebar-foot small{font-size:10px}.admin-workspace{margin-left:238px}.admin-topbar{background:white;border-bottom:1px solid var(--line);padding:20px 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:77px;gap:15px}.account-actions{display:flex;align-items:center;gap:20px}.text-button{background:none;border:0;color:var(--ink);padding:6px 0;font-size:12px}.admin-main{max-width:1320px;padding:40px;margin:auto;min-height:calc(100vh - 150px)}.page-header,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-header h1,.page-heading h1{font-size:34px;margin-bottom:12px}.page-header p,.page-heading p{margin-bottom:0}.page-header .eyebrow,.page-heading .eyebrow{margin-bottom:12px}.page-header .muted{font-size:14px;max-width:650px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{display:grid;gap:10px;padding:22px}.stat span{font-size:12px;color:var(--muted)}.stat strong{font-size:38px;font-weight:500;letter-spacing:-.05em}.stat small{font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.dashboard-grid h2{font-size:25px}.dashboard-grid p{font-size:14px}.quick-links{display:grid;gap:2px}.quick-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.quick-links a:last-child{border:0}.quick-links span{font-size:12px;color:var(--muted)}.admin-footer{padding:20px 40px;color:var(--muted);font-size:11px}.badge{display:inline-block;background:#eef4e5;color:#557630;border-radius:5px;padding:4px 9px;font-size:11px}.plugin-card{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.plugin-card h2{font-size:24px;margin:10px 0}.plugin-card p{font-size:14px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.media-item{min-width:0;overflow:hidden}.media-item img{width:100%;height:180px;object-fit:contain;background:#f5f6f2;border-radius:10px}.media-item p{overflow-wrap:anywhere;font-size:12px}.upload-form{display:grid;gap:18px}.empty-state{text-align:center;padding:55px 22px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}table,.table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line)}th{font-size:11px;letter-spacing:.04em;color:var(--muted);font-weight:600}td .button,td .btn{min-height:36px;padding:6px 11px;font-size:12px}.table-responsive{overflow-x:auto}.form-label{display:block;font-size:14px;margin-bottom:8px}.form-check-label{font-size:14px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:26px}.mt-3{margin-top:20px}.d-flex{display:flex;gap:12px;align-items:center}.gap-2{gap:8px}.text-muted{color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card h2{font-size:25px}.post-card p{font-size:14px;color:var(--muted)}.post-card time{font-size:11px;color:var(--muted)}.post-body{font-size:18px;line-height:1.95;overflow-wrap:anywhere;white-space:normal}.post-detail{max-width:760px;margin:60px auto}.post-detail h1{font-size:46px}.post-detail .eyebrow{margin-top:25px}.page-heading{padding-top:40px}.blog-intro{padding:55px 0 30px}.blog-intro h1{font-size:52px}.reading-width{max-width:760px;margin:auto}.article-content{line-height:1.9;font-size:18px;overflow-wrap:anywhere}.card form+form{margin-top:10px}
@media(min-width:1600px){.admin-main{padding-top:50px}.site-header{padding-top:35px;padding-bottom:35px}}
@media(max-width:1050px){.hero{gap:35px;padding-top:55px}.hero h1{font-size:45px}.intro-strip{grid-template-columns:.6fr 1fr 1fr;gap:22px}.admin-sidebar{width:205px;padding:26px 16px}.admin-workspace{margin-left:205px}.admin-main{padding:28px}.stats-grid{gap:12px}.stat{padding:17px}.dashboard-grid{grid-template-columns:1fr}.account-actions>span{display:none}.media-grid{grid-template-columns:repeat(2,1fr)}.quick-links{gap:8px}.site-footer{margin:0 44px}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{padding:19px 22px;flex-wrap:wrap;gap:18px}.site-header nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.brand small{font-size:8px}.public-main{padding:0 22px 45px}.hero{grid-template-columns:1fr;padding:42px 0 40px;gap:38px}.hero h1{font-size:44px}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.hero-art{max-width:460px;width:100%;aspect-ratio:1.35;border-top-left-radius:100px}.art-letter{font-size:270px;top:-12%;left:28%}.art-tag{font-size:7px}.hero-actions{gap:20px}.hero-note{font-size:10px}.intro-strip{grid-template-columns:1fr;gap:8px;padding:30px 0 10px}.intro-strip .eyebrow{margin-bottom:10px}.intro-strip h2{font-size:29px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid .card{padding:24px}.feature-grid h3{margin:14px 0}.site-footer{margin:0 22px;flex-wrap:wrap;gap:12px}.site-footer p{display:none}.auth-card{margin:35px auto 0;padding:27px}.admin-sidebar{position:static;width:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar .brand{font-size:20px}.admin-sidebar nav{display:flex;overflow-x:auto;white-space:nowrap;gap:7px;margin-top:20px;padding-bottom:3px}.admin-sidebar nav a{padding:9px 12px;font-size:13px;background:#f5f7f0}.sidebar-foot{display:none}.admin-workspace{margin:0}.admin-topbar{padding:13px 20px;min-height:54px}.admin-main{padding:26px 18px}.page-header,.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.page-header h1,.page-heading h1{font-size:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:20px}.stat strong{font-size:35px}.stat small{font-size:10px}.card{padding:22px}.dashboard-grid{gap:18px}.quick-links a{align-items:flex-start;flex-direction:column;gap:4px}.media-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.media-item{padding:12px}.media-item img{height:120px}.plugin-card{align-items:flex-start;flex-direction:column}.admin-footer{padding:15px 20px;font-size:10px}table{font-size:12px}th,td{padding:12px 7px}.post-grid{grid-template-columns:1fr}.post-detail{margin:35px auto}.post-detail h1{font-size:35px}.post-body{font-size:17px}.blog-intro h1{font-size:38px}.account-actions{gap:8px}.page-heading{padding-top:30px}}
@media(prefers-reduced-motion:no-preference){.button,.btn{transition:background .15s}.hero-art .orbit{animation:float 10s ease-in-out infinite}@keyframes float{50%{transform:rotate(-29deg) translateY(-10px)}}}

.form-stack{display:grid;gap:22px}.row-actions{display:flex;gap:12px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:12px}.form-hint{font-size:12px;color:var(--muted);margin:0}.media-item small{display:block;margin:8px 0}.media-item .field{margin:16px 0}.post-card .eyebrow{font-size:9px}

/* Shared plugin layouts and the personal-site presentation. */
[hidden]{display:none!important}
.admin-menu-toggle{display:none}.admin-sidebar{overflow-y:auto}.site-header{gap:24px;flex-wrap:wrap}.site-header nav{gap:22px;flex-wrap:wrap}.account-link{font-size:13px;font-weight:600;white-space:nowrap}.site-footer nav{display:flex;gap:18px;font-size:12px}.profile-widgets{display:grid;gap:22px;margin-bottom:24px}.setup-note{margin-bottom:26px}.setup-note h2{font-size:24px}.setup-note p{font-size:14px;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:36px;font-weight:500;margin:0}.section-intro{padding:58px 0 38px;max-width:790px}.section-intro h1{font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.18}.section-intro h1 em,.personal-hero h1 em{font-family:Georgia,"Times New Roman",serif;color:#5a754b;font-weight:400}.section-intro>p:last-child{max-width:650px;color:var(--muted);font-size:17px}.editorial-section{padding-top:58px}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.content-with-sidebar .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-with-sidebar aside:empty{display:none}.topic-note{margin-top:32px;padding:26px 0;border-top:1px solid var(--line)}.topic-note.card{padding:28px}.topic-note h2,.topic-note h3{font-size:25px}.topic-note p{color:var(--muted);font-size:15px}.pet-guide{padding-top:42px}.pet-guide>.eyebrow{margin-top:38px}.pet-guide h1{font-size:clamp(32px,4vw,46px)}.care-steps{padding-left:25px;font-size:18px;line-height:1.9}.care-steps li{padding:12px 0 12px 8px}.personal-mark{font-family:Georgia,serif;font-size:39px;letter-spacing:-4px;font-weight:400;line-height:1}.personal-mark>span{color:#9d8755;font-size:27px;letter-spacing:0}.personal-brand small{font-size:8px;letter-spacing:.16em}.personal-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:70px 0 60px}.personal-hero h1{font-size:clamp(43px,4.6vw,65px);line-height:1.14;font-weight:500;letter-spacing:-.055em;margin-bottom:25px}.personal-hero-copy>.eyebrow{font-size:9px}.social-links{display:flex;gap:24px;margin-top:30px;font-size:13px;font-weight:600}.social-links a{padding-bottom:5px;border-bottom:1px solid var(--line)}.quiet-art{position:relative;background:#e5e9db;aspect-ratio:1.04;border-radius:150px 150px 10px 10px;overflow:hidden;isolation:isolate}.quiet-sun{width:120px;height:120px;background:#e4c684;border-radius:50%;position:absolute;left:calc(50% - 60px);top:22%;box-shadow:0 0 0 35px #d6dfcb,0 0 0 70px #dde4d4}.quiet-hill{position:absolute;width:160%;height:68%;border-radius:50%;left:-40%;bottom:-24%;background:#3d6048;transform:rotate(-18deg)}.quiet-hill-back{background:#a2b394;bottom:-11%;left:-10%;transform:rotate(18deg)}.quiet-hill-front{background:#254a37}.quiet-art-top{position:absolute;top:50px;width:100%;text-align:center;font-size:8px;letter-spacing:.2em;color:#60765c;z-index:1}.quiet-art-caption{position:absolute;bottom:33px;left:30px;font-family:Georgia,serif;font-style:italic;font-size:23px;color:#f1f1dc;line-height:1.5}.quiet-art-index{position:absolute;right:25px;bottom:32px;font-size:8px;letter-spacing:.1em;color:#d6e2c7}.personal-topics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:24px}.topic-number{display:grid;grid-template-columns:22px 1fr;gap:5px 10px}.topic-number>span{font-size:10px;color:#8c986f;grid-row:span 2;padding-top:4px}.topic-number>strong{font-size:16px;font-weight:600}.topic-number>small{font-size:11px}.buddhism-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;padding:45px 48px;background:#214833;color:#f6f7e9;border-radius:14px}.buddhism-feature .feature-label{font-size:9px;letter-spacing:.19em;color:#d0dfad}.buddhism-feature h3{font-size:37px;font-weight:500;line-height:1.3;margin:24px 0 18px}.buddhism-feature p{font-size:15px;color:#d2ddca;max-width:440px}.button-light{background:#dce9b8;color:#214833;border-color:#dce9b8}.button-light:hover{background:#edf4d8}.buddhism-feature-symbol{align-self:center;text-align:center;font-family:Georgia,serif;font-size:210px;line-height:1;color:#b7ca97}.buddhism-feature-symbol span{display:block;font-family:Georgia,serif;font-size:16px;font-style:italic;margin-top:-20px}.editorial-posts{margin-top:22px}.editorial-posts h3{font-size:25px}.story-invitation{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f0f1e8}.story-invitation h3{font-size:26px}.story-invitation p{margin:0;max-width:650px;color:var(--muted);font-size:15px}.book-card{position:relative;padding-left:40px;overflow:hidden}.book-spine{position:absolute;left:0;top:0;bottom:0;background:#dce5c8;width:22px;writing-mode:vertical-rl;text-align:center;font-family:Georgia,serif;font-size:11px;color:#627854}.book-card h3{font-family:Georgia,serif;font-size:28px;letter-spacing:-.03em}.book-card p{font-size:14px;color:var(--muted)}.personal-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:58px}.personal-bottom-grid .card{padding:36px}.personal-bottom-grid h2{font-size:33px;font-weight:500}.personal-bottom-grid p{max-width:420px;font-size:15px;color:var(--muted)}.pet-corner{background:#eeeddf}.tool-corner{background:#edf2e6;position:relative;overflow:hidden}.tool-symbol{position:absolute;right:26px;top:10px;font-size:80px;line-height:1;color:#b1c297}.ad-header-wrap{max-width:1176px;margin:16px auto 0}.ad-header-wrap:empty{display:none}.ad-banner{margin:26px auto;text-align:center;max-width:100%;overflow:hidden}.ad-banner figcaption,.ad-banner>small,.ad-banner>p{font-size:10px;color:var(--muted);letter-spacing:.06em;margin:0 0 7px}.ad-banner img{display:block;max-width:100%;height:auto;margin:auto;object-fit:contain}.ad-banner a{display:inline-block;max-width:100%}.ad-banner-sidebar{max-width:300px}.ad-popup{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:min(320px,calc(100vw - 32px));z-index:50;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;box-shadow:0 8px 35px #142d2226}.ad-popup .ad-banner{margin:5px 0}.ad-popup button{min-width:44px;min-height:44px}.ad-popup-header{display:flex;align-items:center;justify-content:space-between}.ad-popup-close{float:right;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.chapter-list{display:grid;gap:10px;list-style:none;padding:0}.chapter-list>li{border-bottom:1px solid var(--line);padding:12px 0}.chapter-reader{max-width:800px;margin:38px auto}.chapter-reader h1{font-size:clamp(29px,4vw,43px)}.chapter-body,.story-prose{font-size:19px;line-height:1.95;overflow-wrap:anywhere}.chapter-reader audio{width:100%;margin:20px 0}.reader-nav{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:30px 0}.affiliate-disclosure{background:#eef3e6;border-left:3px solid #789559;padding:17px 20px;margin:25px 0;font-size:14px}.affiliate-disclosure p:last-child{margin-bottom:0}.affiliate-product img,.product-card img{width:100%;height:190px;object-fit:contain}.wallet-grid,.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plan-card{position:relative}.check-field,.check-row{display:flex;align-items:center;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-card{border:1px solid #b9c99f;background:#eef4e7;padding:25px;border-radius:12px}.result-card strong{font-size:40px}.disabled-note{padding:16px 20px;border:1px solid #e2d6ad;background:#faf5e5;border-radius:8px}.legal-body{white-space:pre-line;overflow-wrap:anywhere;line-height:1.9}.article-cover{max-height:400px;object-fit:contain;width:100%}
@media(max-width:1100px){.site-header nav{gap:15px;font-size:13px}.site-header .brand{font-size:20px}.personal-hero{gap:35px}.personal-hero h1{font-size:48px}.quiet-art-caption{font-size:20px}.content-with-sidebar,.story-layout{grid-template-columns:1fr}.ad-banner-sidebar{display:none}.personal-topics{gap:15px}.topic-number>strong{font-size:14px}.section-heading h2{font-size:31px}.buddhism-feature{padding:36px}.site-footer{gap:18px;flex-wrap:wrap}.ad-header-wrap{padding:0 30px}}
@media(max-width:720px){.site-header{padding:20px 22px;gap:17px;position:relative}.site-header .brand{order:0;font-size:22px}.site-header .account-link{order:1;margin-left:auto;font-size:12px}.site-header nav{order:2;flex-wrap:nowrap;overflow-x:auto;width:100%;gap:22px;justify-content:flex-start;padding-bottom:8px;scrollbar-width:thin;white-space:nowrap}.site-header nav a{flex:none}.personal-mark{font-size:35px}.personal-brand small{font-size:7px}.personal-hero{grid-template-columns:1fr;padding:36px 0 32px;gap:30px}.personal-hero h1{font-size:43px}.personal-hero-copy>.eyebrow{font-size:8px}.personal-hero .hero-description{font-size:15px}.quiet-art{aspect-ratio:1.5;border-radius:100px 100px 8px 8px}.quiet-art-top{top:28px;font-size:7px}.quiet-sun{width:85px;height:85px;left:calc(50% - 42px);top:21%;box-shadow:0 0 0 25px #d6dfcb,0 0 0 50px #dde4d4}.quiet-art-caption{bottom:22px;left:25px;font-size:19px}.quiet-art-index{bottom:25px;right:20px;font-size:7px}.social-links{margin-top:24px}.personal-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px;padding:24px 0}.topic-number{grid-template-columns:17px 1fr;gap:3px 7px}.topic-number>strong{font-size:14px}.topic-number>small{font-size:10px}.editorial-section{padding-top:38px}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:22px}.section-heading h2{font-size:29px}.buddhism-feature{grid-template-columns:1fr;padding:29px 25px}.buddhism-feature h3{font-size:29px}.buddhism-feature-symbol{display:none}.personal-bottom-grid{grid-template-columns:1fr;gap:16px;margin-top:38px}.personal-bottom-grid .card{padding:28px}.personal-bottom-grid h2{font-size:29px}.story-invitation{flex-direction:column;align-items:start;padding:27px}.content-with-sidebar .post-grid{grid-template-columns:1fr}.section-intro{padding:38px 0 25px}.section-intro h1{font-size:39px}.section-intro>p:last-child{font-size:15px}.ad-header-wrap{padding:0 22px}.ad-popup{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:min(300px,calc(100vw - 24px))}.wallet-grid,.plan-grid,.form-grid{grid-template-columns:1fr}.chapter-reader{margin:30px auto}.chapter-body,.story-prose{font-size:18px;line-height:1.95}.admin-menu-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:18px;border:1px solid var(--line);padding:11px 14px;background:#f3f6ec;border-radius:8px;color:var(--ink);font-size:14px;font-weight:600}.admin-sidebar nav{display:none;margin-top:10px;white-space:normal;overflow:visible;padding:0}.admin-sidebar nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-sidebar nav a{display:flex;align-items:center;min-height:46px;font-size:12px;padding:10px;overflow-wrap:anywhere}.site-footer nav{flex-wrap:wrap;width:100%;order:2}.setup-note{padding:21px}.setup-note .row-actions{gap:15px}.row-actions>.button{min-height:44px}.table-responsive{max-width:100%}}

/* Chặng 4 — Ngăn kéo (drawer) điều hướng admin trên mobile.
   Hiện trạng trước sửa: ở <=720px, nav chỉ ẩn/hiện dạng lưới 2 cột ngay dưới nút
   "Menu quản trị" (display:none <-> .is-open{display:grid}), không phải ngăn kéo:
   không position:fixed/transform, không lớp phủ, không đóng bằng Escape/chạm mục.
   Khối dưới ghi đè trong đúng breakpoint 720px sẵn có của file; mọi selector đều
   scope .admin-body/.admin-sidebar nên trang công khai và desktop không đổi.
   Lớp mở vẫn là .is-open trên nav (đúng class app.js toggle); lớp phủ
   .admin-nav-scrim do app.js tự chèn vào body khi mở, bấm vào thì đóng. */
@media(max-width:720px){
.admin-body .admin-sidebar{position:sticky;top:0;z-index:60;overflow:visible}
.admin-body .admin-sidebar .brand,.admin-body .admin-sidebar .admin-menu-toggle{position:relative;z-index:72}
.admin-body .admin-menu-toggle{min-height:44px}
.admin-body .admin-sidebar nav{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);height:100dvh;margin-top:0;padding:150px 16px 20px;background:#fff;border-right:1px solid var(--line);box-shadow:16px 0 40px rgba(20,45,34,.18);transform:translateX(-105%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s;overflow-y:auto;overflow-x:hidden;white-space:normal;z-index:71}
.admin-body .admin-sidebar nav.is-open{transform:translateX(0);visibility:visible;transition:transform .28s ease,visibility 0s}
.admin-body .admin-sidebar nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px}
.admin-body .admin-nav-scrim{position:fixed;inset:0;z-index:55;background:rgba(24,55,43,.42)}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
.admin-body .admin-sidebar nav{transition:none}
}

/* Chang giao dien Admin 1.0 (Anh 2): topbar, the thong ke, thong bao,
   tabs, bang plugin + switch, the theme, quy trinh 4 buoc.
   Chi dung bien mau san co (--ink/--muted/--paper/--line/--green/--accent). */
.admin-topbar-title{font-size:14px;font-weight:650;color:var(--ink)}
.admin-user{display:flex;align-items:center;gap:9px}
.avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--green);font-size:15px;font-weight:700;flex:none}
.topbar-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:16px}
.topbar-bell:hover{text-decoration:none;background:#edf2e5}
.bell-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#a43625;color:#fff;font-size:11px;font-weight:700;line-height:19px;text-align:center}
.stat-card{gap:6px}
.stat-label{font-size:12px;color:var(--muted);font-weight:600}
.stat-delta{color:#557630;font-weight:600}
.activity-list,.notice-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.activity-item:last-child{border-bottom:0}
.activity-item p{margin:0;font-size:14px;overflow-wrap:anywhere}
.activity-item small{font-size:11px}
.activity-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:7px;flex:none}
.activity-package{background:#7b9b3c}
.notice-item{padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fbfcfa}
.notice-item p{margin:0 0 4px;font-size:14px}
.notice-warning{border-color:#e2d6ad;background:#faf5e5}
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px}
.tab{appearance:none;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;padding:10px 16px;border-bottom:3px solid transparent;cursor:pointer;display:inline-block}
.tab:hover{color:var(--ink);text-decoration:none}
.tab.is-active{color:var(--ink);border-bottom-color:var(--ink)}
.update-tabs{margin-top:-6px}
.plugin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:8px}
.plugin-toolbar .tabs{margin-bottom:0;border-bottom:0}
.plugin-search{min-width:min(280px,100%)}
.plugin-search .form-label{margin-bottom:4px}
.plugin-table{display:grid;gap:12px}
.plugin-table-head,.plugin-row{display:grid;grid-template-columns:minmax(0,2fr) 90px 110px minmax(0,1.2fr) auto;gap:16px;align-items:center}
.plugin-table-head{font-size:11px;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:0 22px}
.plugin-row{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:18px 22px}
.plugin-row h2{font-size:20px;margin:0 0 4px}
.plugin-row p{font-size:13px;margin:0}
.plugin-version{font-weight:600;font-size:14px}
.badge-off{background:#eef0ea;color:var(--muted)}
.compat-ok{color:#557630;font-weight:600;font-size:13px}
.compat-fail{color:#a43625;font-weight:600;font-size:13px}
.plugin-actions{display:flex;align-items:center;gap:10px}
.switch{position:relative;width:52px;height:30px;border-radius:999px;border:1px solid var(--line);background:#dfe5da;padding:0;flex:none}
.switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(24,55,43,.3);transition:left .15s ease}
.switch.is-on{background:var(--ink);border-color:var(--ink)}
.switch.is-on .switch-knob{left:25px;background:var(--green)}
.row-menu{position:relative}
.row-menu summary{list-style:none;cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700}
.row-menu summary::-webkit-details-marker{display:none}
.row-menu-list{position:absolute;right:0;top:44px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(20,45,34,.16);padding:8px;display:grid;min-width:210px}
.row-menu-list a{padding:9px 11px;border-radius:6px;font-size:13px}
.row-menu-list a:hover{background:#edf2e5;text-decoration:none}
.theme-grid{align-items:start}
.field{min-width:0}
select{max-width:100%}
.theme-card{display:grid;gap:16px;min-width:0}
.theme-preview{width:100%;max-width:100%;height:190px;object-fit:cover;border-radius:10px;background:#eef2e5;display:block}
.theme-preview-empty{display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:72px;color:var(--ink)}
.steps{list-style:none;display:flex;gap:0;margin:0 0 24px;padding:0;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);font-weight:600}
.step:not(:last-child)::after{content:"";width:44px;height:1px;background:var(--line);margin:0 14px}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:13px;flex:none}
.step.is-active{color:var(--ink)}
.step.is-active .step-num{background:var(--ink);border-color:var(--ink);color:#fff}
.step.is-done{color:#557630}
.step.is-done .step-num{background:var(--accent);border-color:var(--accent);color:var(--ink)}
@media(max-width:720px){
.plugin-table-head{display:none}
.plugin-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:16px}
.plugin-main{grid-column:1/-1}
.plugin-toolbar{align-items:stretch;flex-direction:column}
.step:not(:last-child)::after{width:16px;margin:0 8px}
.theme-preview{height:160px}
.admin-user>span:last-child{display:none}
}
