/*
Theme Name: PNPLINE Korea
Theme URI: https://www.pnpline.co.kr
Description: Matches blog posts to the www.pnpline.co.kr design. Loads the live site CSS/JS from www and renders posts with the same nav, post layout, CTA band and footer.
Author: PNPLINE Korea
Version: 1.0.0
Text Domain: pnpline-korea
*/

/* Theme-only tweaks. Main design comes from www.pnpline.co.kr/assets/style.css + blog.css (enqueued in functions.php). */
.post-shell{padding-top:104px}
.post-content .wp-block-image img,.post-content img{max-width:100%;height:auto}
.post-content .wp-block-table table,.post-content table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 24px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.post-content th,.post-content td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.post-content th{background:var(--mist-2);font-weight:700;color:var(--ink)}
.post-content tr:last-child td{border-bottom:none}
.post-content .wp-block-embed iframe,.post-content iframe:not(.wp-embedded-content){max-width:100%;border-radius:12px}
.post-content .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9}
.post-content .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.post-content pre{background:var(--ink-2);color:var(--on-dark);padding:18px 20px;border-radius:12px;overflow:auto;font-family:var(--mono);font-size:14px;margin:0 0 24px}
.post-content code{font-family:var(--mono);font-size:.92em}
.post-content .wp-block-button__link{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;border-radius:12px;padding:14px 24px;background:var(--brand-500);color:#fff;text-decoration:none}
.post-content .alignwide,.post-content .alignfull{max-width:100%;margin-left:0;margin-right:0}
.post-nav{max-width:820px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.post-nav a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);transition:border-color .2s,transform .2s}
.post-nav a:hover{border-color:var(--brand-500);transform:translateY(-2px)}
.post-nav a.next{text-align:right;align-items:flex-end}
.post-nav small{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.post-nav b{font-size:15px;font-weight:700;line-height:1.4}
.wp-archive{background:var(--mist);padding:104px 0 96px;min-height:70vh}
.wp-archive .page-title{font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:20px 0 32px}
.wp-archive .blog-card .blog-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.wp-archive .blog-card .blog-date{font-family:var(--mono);font-size:12.5px;color:var(--text-3)}
.wp-archive .blog-card p{font-size:14.5px;color:var(--text-2);line-height:1.65}
.wp-archive .blog-read{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand-600)}
.wp-pager{display:flex;justify-content:center;gap:8px;margin-top:52px;flex-wrap:wrap}
.wp-pager .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text-2);background:#fff;border:1px solid var(--line);border-radius:11px}
.wp-pager .page-numbers.current{background:var(--brand-600);border-color:var(--brand-600);color:#fff}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:680px){.post-nav{grid-template-columns:1fr}.post-nav a.next{text-align:left;align-items:flex-start}.wp-archive .page-title{font-size:28px}}