/*
Theme Name: Pupuking Editorial
Theme URI: https://pupuking.midnightcatnotes.com/
Author: Pupuking
Description: A polished American editorial theme for practical product research and buying guides.
Version: 2.0.0
Text Domain: pupuking-editorial
*/
:root{--ink:#102033;--ink-2:#203247;--muted:#647184;--paper:#fff;--canvas:#f6f7f9;--warm:#f7f2e8;--line:#dce2e8;--line-dark:#b9c3cf;--blue:#174a7e;--blue-dark:#0b3158;--red:#c64035;--gold:#f2c14e;--max:1200px;--reading:780px;--radius:18px;--shadow:0 18px 55px rgba(16,32,51,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.single-wrap{width:min(calc(100% - 48px),var(--reading));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:12px;z-index:99999;background:#fff;color:var(--ink);padding:12px 16px;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{left:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(23,74,126,.35);outline-offset:3px;border-radius:3px}
.utility-bar{background:var(--ink);color:#e8edf2;font-size:12px;font-weight:700;letter-spacing:.02em}.utility-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-inner a{color:#fff}.utility-inner a:hover{text-decoration:underline}.masthead{position:relative;background:#fff;border-bottom:1px solid var(--line);z-index:20}.masthead-top{min-height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.mast-search .search-form{display:flex;align-items:center;max-width:290px;border:1px solid var(--line-dark);border-radius:999px;background:#fff;padding:3px 5px 3px 15px;transition:.2s}.mast-search .search-form:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,74,126,.1)}.search-field{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:8px 4px;color:var(--ink)}.search-submit{border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;padding:9px 13px;cursor:pointer}.brand{text-align:center;display:inline-flex;flex-direction:column;align-items:center;font:800 40px/1 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;color:var(--ink)}.brand small{margin-bottom:7px;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:var(--red)}.mast-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px;font-weight:800}.mast-link:hover{text-decoration:underline}.mast-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(23,74,126,.16)}.mast-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.category-bar{overflow:auto;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-bar ul{display:flex;justify-content:center;gap:30px;list-style:none;padding:14px 0;margin:0;white-space:nowrap;font-size:13px;font-weight:800}.category-bar a{position:relative;padding:4px 0}.category-bar a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--red);transition:.2s}.category-bar a:hover:after,.category-bar .current-menu-item a:after{right:0}.trust-strip{background:var(--warm);border-bottom:1px solid #e7deca;color:#4d4a43;font-size:12px;text-align:center;padding:10px 0}.trust-strip strong{font-weight:800}
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:32px;padding:44px 0 50px}.hero-main{position:relative;min-height:520px;background:#d9dee3;overflow:hidden;border-radius:22px;box-shadow:var(--shadow)}.hero-main>img{width:100%;height:520px;object-fit:cover}.hero-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(4,15,27,.92) 100%);pointer-events:none}.hero-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:90px 38px 34px;color:#fff}.eyebrow,.article-kicker{font-size:11px;letter-spacing:1.35px;font-weight:900;text-transform:uppercase;color:var(--red)}.hero-copy .eyebrow{color:#ffd56a}.hero h1{margin:9px 0 12px;font:800 clamp(34px,4.2vw,62px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;max-width:850px}.hero h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.hero-copy p{max-width:720px;margin:0;color:#e7ebef;font-size:16px}.hero-button{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:12px 17px;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:900;transition:.2s}.hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.22)}.hero-placeholder{height:520px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#173f68 0 48%,#f4d35e 48% 70%,#c64035 70%);color:#fff;font:800 clamp(42px,8vw,92px)/1 Georgia,serif;letter-spacing:-5px}.hero-placeholder b{color:#151515}.latest-box{border-top:6px solid var(--ink);padding-top:17px}.latest-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.latest-title h2{margin:5px 0 0;font:800 28px/1.05 Georgia,serif;letter-spacing:-.5px}.latest-list{list-style:none;margin:14px 0 16px;padding:0}.latest-list li{border-bottom:1px solid var(--line);padding:16px 0}.latest-list time{display:block;font-size:10px;font-weight:900;color:var(--red);letter-spacing:1px;text-transform:uppercase}.latest-list a{display:block;margin-top:5px;font:800 18px/1.24 Georgia,serif}.latest-list a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.text-link,.section-link,.archive-action{color:var(--blue);font-size:13px;font-weight:900}.text-link:hover,.section-link:hover,.archive-action:hover{text-decoration:underline;text-underline-offset:4px}
.section{padding:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.section-head h2{margin:6px 0 0;font:800 clamp(32px,4vw,50px)/1.02 Georgia,serif;letter-spacing:-1.3px}.section-head p{margin:11px 0 0;max-width:650px;color:var(--muted)}.cards,.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(16,32,51,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c5ced8}.card-thumb{aspect-ratio:16/10;background:#eceff2;overflow:hidden}.card-thumb img,.card-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card-thumb img{transform:scale(1.025)}.card-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--warm));font:800 42px Georgia,serif;color:var(--blue)}.card-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:22px}.card h3{margin:8px 0 10px;font:800 23px/1.16 Georgia,serif;letter-spacing:-.4px}.card h3 a:hover{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.card p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.65}.card-read{margin-top:auto;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.card-read:hover{text-decoration:underline;text-underline-offset:3px}.card-meta{width:100%;margin-top:auto;padding-top:4px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-meta time{font-size:11px;color:var(--muted)}
.category-section{background:var(--canvas);border-block:1px solid var(--line)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic{position:relative;min-height:155px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.topic:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 12px 34px rgba(16,32,51,.08)}.topic strong{font:800 20px/1.15 Georgia,serif;padding-right:24px}.topic>span:last-child{margin-top:7px;font-size:11px;color:var(--muted);font-weight:700}.topic-arrow{position:absolute;top:17px;right:18px;color:var(--blue);font-weight:900}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-panel{padding:40px;border-radius:20px;background:var(--blue-dark);color:#fff;box-shadow:var(--shadow)}.feature-panel.alt{background:var(--gold);color:var(--ink)}.feature-panel .eyebrow{color:#ffd56a}.feature-panel.alt .eyebrow{color:#7c2f28}.feature-panel h2{margin:8px 0 12px;font:800 clamp(30px,3vw,42px)/1.05 Georgia,serif;letter-spacing:-1px}.feature-panel p{margin:0;max-width:560px;color:#dce7f2}.feature-panel.alt p{color:#3d4650}.button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:12px 17px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:900}.button:hover{background:#fff;color:var(--ink);transform:translateY(-1px)}.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.archive-head{padding:70px 0 42px;background:linear-gradient(180deg,var(--warm),#fff);border-bottom:1px solid var(--line)}.archive-head-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.archive-head h1,.entry-title{margin:9px 0 0;font:800 clamp(44px,6vw,76px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-2px}.archive-description{max-width:720px;margin:16px 0 0;color:var(--muted);font-size:17px}.post-grid{padding-top:45px;padding-bottom:40px}.pagination{padding:0 0 70px}.pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pagination .page-numbers{min-width:42px;min-height:42px;padding:9px 13px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:800}.pagination .current,.pagination a:hover{background:var(--ink);border-color:var(--ink);color:#fff}.empty-state{grid-column:1/-1;text-align:center;background:var(--canvas);border-radius:var(--radius);padding:55px 25px}.empty-state h2{font:800 34px Georgia,serif;margin:0}.empty-state p{color:var(--muted)}
.single-article{padding-bottom:0}.article-header{padding:68px 0 34px;background:linear-gradient(180deg,#fff,var(--canvas));border-bottom:1px solid var(--line)}.article-kicker a{color:var(--red)}.article-kicker a:hover{text-decoration:underline}.article-deck{margin:20px 0 0;color:#4d5c6c;font:20px/1.55 Georgia,serif}.entry-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}.article-hero{margin-top:38px}.article-hero img{width:100%;max-height:540px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.article-body{padding-top:40px;padding-bottom:55px}.entry-content{font:18px/1.78 Georgia,"Times New Roman",serif;color:#1f2c39;overflow-wrap:anywhere}.entry-content>*:first-child{margin-top:0}.entry-content p{margin:0 0 1.35em}.entry-content h2,.entry-content h3,.entry-content h4{color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.18;letter-spacing:-.6px}.entry-content h2{margin:1.75em 0 .65em;font-size:34px}.entry-content h3{margin:1.55em 0 .6em;font-size:25px}.entry-content a:not([class]){color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.entry-content ul,.entry-content ol{margin:0 0 1.5em;padding-left:1.35em}.entry-content li{margin:.48em 0}.entry-content blockquote{margin:1.8em 0;padding:20px 24px;border-left:5px solid var(--red);background:var(--warm);font-style:italic}.entry-content img{border-radius:14px}.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:1.6em 0;font:14px/1.5 Inter,Arial,sans-serif}.entry-content th,.entry-content td{padding:12px 14px;border:1px solid var(--line);text-align:left}.entry-content th{background:var(--ink);color:#fff}.entry-content .wp-block-button__link,.entry-content a.button{color:#fff;text-decoration:none}.article-footer{padding:34px 0 68px;border-top:1px solid var(--line)}.article-footer-label{text-align:center;margin-bottom:18px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.post-nav>div:last-child{text-align:right}.post-nav a{height:100%;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.post-nav a:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,32,51,.07)}.post-nav span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.post-nav strong{font:800 18px/1.25 Georgia,serif}.related-section{padding:68px 0;background:var(--canvas);border-top:1px solid var(--line)}.related-cards .card-content{min-height:155px}.page-content{padding-top:65px;padding-bottom:75px}
.site-footer{background:#0c1826;color:#fff;padding:60px 0 28px}.footer-lead{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #314052}.footer-brand{font:800 42px/1 Georgia,serif;letter-spacing:-1.5px}.footer-note{max-width:630px;margin:12px 0 0;color:#b9c4d0}.footer-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:900}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:60px;padding:38px 0}.footer-grid h3{margin:0 0 15px;color:#91a2b5;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.footer-grid ul{columns:2;list-style:none;margin:0;padding:0}.footer-grid li{margin:0 0 9px}.footer-grid a:hover{text-decoration:underline;text-underline-offset:3px}.footer-grid p{margin:0;color:#b9c4d0;font-size:14px}.copyright{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #314052;color:#8fa0b2;font-size:11px}.copyright a:hover{color:#fff}
@media(max-width:980px){.masthead-top{grid-template-columns:1fr auto}.mast-search{display:none}.mast-actions{gap:12px}.hero{grid-template-columns:1fr}.hero-main,.hero-main>img,.hero-placeholder{min-height:460px;height:460px}.latest-box{display:grid;grid-template-columns:180px 1fr;gap:24px}.latest-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;margin-top:0}.latest-box>.text-link{grid-column:2}.cards,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:720px){.wrap,.single-wrap{width:min(calc(100% - 30px),var(--max))}.utility-inner span{display:none}.utility-inner{justify-content:center}.masthead-top{min-height:90px;grid-template-columns:1fr auto}.brand{align-items:flex-start;text-align:left;font-size:31px}.brand small{font-size:8px}.mast-link{display:none}.mast-primary{min-height:38px;padding:8px 12px}.category-bar ul{justify-content:flex-start;gap:22px}.trust-strip{font-size:10px}.hero{padding:22px 0 34px;gap:24px}.hero-main,.hero-main>img,.hero-placeholder{min-height:470px;height:470px;border-radius:16px}.hero-copy{padding:100px 22px 24px}.hero h1{font-size:38px}.hero-copy p{font-size:14px}.latest-box{display:block}.latest-list{display:block}.latest-box>.text-link{display:inline}.section{padding:50px 0}.section-head{display:block}.section-link{display:inline-block;margin-top:17px}.cards,.post-grid{grid-template-columns:1fr;gap:20px}.topic-grid{grid-template-columns:1fr 1fr}.topic{min-height:128px}.feature-row{grid-template-columns:1fr}.feature-panel{padding:30px 24px}.archive-head{padding:50px 0 32px}.archive-head-inner{display:block}.archive-action{display:inline-block;margin-top:18px}.archive-head h1,.entry-title{font-size:45px}.post-grid{padding-top:30px}.article-header{padding:46px 0 28px}.article-deck{font-size:18px}.article-hero{margin-top:22px}.article-hero img{border-radius:13px}.article-body{padding-top:30px}.entry-content{font-size:17px;line-height:1.72}.entry-content h2{font-size:28px}.entry-content h3{font-size:23px}.post-nav{grid-template-columns:1fr}.post-nav>div:last-child{text-align:left}.related-section{padding:50px 0}.footer-lead{display:block}.footer-cta{margin-top:22px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-grid>div:first-child{grid-column:auto}.footer-grid ul{columns:1}.copyright{display:block}.copyright a{display:inline-block;margin-top:8px}}
@media(max-width:430px){.mast-primary{font-size:11px}.topic-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.archive-head h1,.entry-title{font-size:39px}.card-content{padding:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}