/*
Theme Name: PTENOTE Blog Theme
Theme URI: https://ptenote.com/updates/
Author: PTENOTE
Author URI: https://ptenote.com/
Description: Pure HTML/CSS WordPress blog theme for the PTENOTE blog landing, archive, and single post pages.
Version: 2.2.7
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: ptenote-june-2026
*/.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:16px;left:16px;z-index:10000;width:auto;height:auto;padding:12px 16px;clip:auto;background:#ffc120;color:#1a1a1a;border-radius:8px;font-weight:800;text-decoration:none}.pt-not-found{min-height:560px;display:flex;align-items:center;padding:72px 24px;background:radial-gradient(circle at 12% 18%, rgba(255, 193, 32, 0.16), transparent 28%),linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)}.pt-not-found__inner{width:min(1180px, 100%);margin:0 auto;display:grid;grid-template-columns:minmax(0, 1.08fr) minmax(280px, 0.72fr);gap:42px;align-items:center;padding:44px;border:1px solid #e5e7eb;border-radius:18px;background:rgba(255, 255, 255, 0.92);box-shadow:0 24px 70px rgba(15, 23, 42, 0.09)}.pt-not-found__badge{width:fit-content;margin:0 0 18px;padding:8px 12px;border-radius:999px;background:rgba(255, 193, 32, 0.18);color:#1a1a1a;font-size:0.78rem;font-weight:900;text-transform:uppercase;letter-spacing:0.06em}.pt-not-found h1{max-width:720px;margin:0;color:#1f2937;font-size:clamp(2.35rem, 4vw, 4.8rem);line-height:0.98;letter-spacing:-0.04em;font-weight:900}.pt-not-found__copy > p:not(.pt-not-found__badge){max-width:620px;margin:22px 0 0;color:#4b5563;font-size:1.08rem;line-height:1.75}.pt-not-found__search{width:min(100%, 620px);display:flex;gap:10px;margin-top:30px;padding:8px;border:1px solid #d9dee7;border-radius:12px;background:#ffffff;box-shadow:0 10px 28px rgba(15, 23, 42, 0.06)}.pt-not-found__search input[type="search"]{min-width:0;flex:1;height:48px;border:0;outline:0;padding:0 12px;color:#1f2937;font:inherit;font-size:0.98rem;background:transparent}.pt-not-found__search button,.pt-not-found__button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#ffc120;color:#1a1a1a;padding:0 20px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease}.pt-not-found__search button:hover,.pt-not-found__button:hover{transform:translateY(-2px);background:#ffd257;box-shadow:0 12px 24px rgba(255, 193, 32, 0.28)}.pt-not-found__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.pt-not-found__button--ghost{border:1px solid #d9dee7;background:#ffffff;color:#1f2937}.pt-not-found__button--ghost:hover{background:#f9fafb;box-shadow:0 12px 24px rgba(15, 23, 42, 0.08)}.pt-not-found__visual{position:relative;min-height:360px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(145deg, #fff7df, #ffffff);border:1px solid rgba(255, 193, 32, 0.28)}.pt-not-found__visual img{position:relative;z-index:1;width:min(98%, 460px);max-height:350px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 22px 28px rgba(15, 23, 42, 0.12))}body > nav[aria-label="Mobile navigation"]{position:fixed;left:16px;right:16px;bottom:8px;z-index:9999;display:flex;align-items:center;justify-content:space-around;gap:4px;min-height:72px;padding:6px 20px;border:1px solid rgba(255, 255, 255, 0.4);border-radius:35px;background:rgba(255, 255, 255, 0.7);box-shadow:0 8px 32px rgba(0, 0, 0, 0.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body > nav[aria-label="Mobile navigation"] .mobile-nav-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;color:#6b7280;font-size:0.65rem;font-weight:500;line-height:1.1;text-align:center;text-decoration:none}body > nav[aria-label="Mobile navigation"] img{width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain;display:block}body > nav[aria-label="Mobile navigation"] .mobile-nav-item > div{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-top:-16px;margin-bottom:8px;border:4px solid #ffffff;border-radius:999px;background:#ffc120;box-shadow:0 8px 20px rgba(255, 193, 32, 0.4)}body > nav[aria-label="Mobile navigation"] span{white-space:nowrap}@media (min-width: 1024px){body > nav[aria-label="Mobile navigation"]{display:none}}@media (max-width: 1023px){body{padding-bottom:0}.pt-not-found{padding:54px 18px}.pt-not-found__inner{grid-template-columns:1fr;padding:30px;gap:28px}.pt-not-found__visual{min-height:260px}}@media (max-width: 420px){body > nav[aria-label="Mobile navigation"]{left:8px;right:8px;padding-inline:8px}body > nav[aria-label="Mobile navigation"] .mobile-nav-item{font-size:0.6rem}.pt-not-found{padding:34px 12px}.pt-not-found__inner{padding:22px;border-radius:14px}.pt-not-found h1{font-size:2.15rem}.pt-not-found__search{flex-direction:column}.pt-not-found__search button,.pt-not-found__button{width:100%}.pt-not-found__actions{display:grid}}