:root{--nav-bg:rgba(10,10,10,0.10);--nav-border:rgba(255,255,255,0.18);--text:#ffffff;--text-dim:#d6d6d6;--brand:#a31e22;--panel-bg:#0e0f11;--panel-border:rgba(255,255,255,0.08);--cta-bg:#ffffff;--cta-text:#0f0f11}.hapaitia-nav{position:sticky;top:0;z-index:1000;background:rgb(0 0 0 / 60%);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border)}.hapaitia-nav .nav-inner{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:0.2px;max-width:150px}.brand-mark{fill:var(--brand)}.brand-text{font-size:18px}.nav-desktop{display:flex;gap:18px;align-items:center}.nav-desktop a{color:#ffffff;text-decoration:none;font-weight:600;padding:8px 10px;border-radius:10px;transition:color .2s ease,background-color .2s ease,transform .2s ease}.nav-desktop a:hover{color:var(--text);background:rgba(255,255,255,.06);transform:translateY(-1px)}.nav-desktop .cta{background:var(--cta-bg);color:var(--cta-text);padding:8px 14px;border-radius:12px}.nav-toggle{justify-self:end;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.06);cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,background-color .2s ease}.nav-toggle:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{display:block;width:22px;height:2px;background:#fff;content:"";position:relative;border-radius:2px}.nav-toggle .bars::before{position:absolute;top:-6px;left:0;width:22px}.nav-toggle .bars::after{position:absolute;top:6px;left:0;width:22px}.offcanvas{position:fixed;top:0;right:0;height:100dvh;width:min(90vw,360px);background:var(--panel-bg);color:var(--text);border-left:1px solid var(--panel-border);transform:translateX(100%);transition:transform .28s ease-out;z-index:1002;display:flex;flex-direction:column;padding:20px 18px 14px}.offcanvas[data-open="true"]{transform:translateX(0)}.offcanvas-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s ease;z-index:1001}.offcanvas-overlay[data-open="true"]{opacity:1}.offcanvas-close{align-self:flex-end;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer}.offcanvas-nav{margin-top:10px;display:flex;flex-direction:column;gap:6px;padding:10px 4px}.offcanvas-nav a{display:block;padding:12px 10px;border-radius:12px;text-decoration:none;color:var(--text);background:transparent;transition:background-color .2s ease,transform .2s ease}.offcanvas-nav a:hover{background:rgba(255,255,255,.08);transform:translateX(2px)}.offcanvas-nav .cta{background:var(--cta-bg);color:var(--cta-text)}.offcanvas-meta{margin-top:auto;padding:10px 4px;color:var(--text-dim);font-size:12px}@media (max-width:980px){.nav-desktop{display:none}}@media (min-width:981px){.nav-toggle{display:none}}@media (prefers-reduced-motion:reduce){.offcanvas,.offcanvas-overlay,.nav-toggle,.nav-desktop a{transition:none!important}}.submission-closing-date-wrapper{font-weight:400;font-size:18px}.submission-countdown-wrapper{margin-top:15px}.submission-close-wrapper{background:rgb(208 199 190 / 57%);padding:1em;border-radius:5px}span.submission-countdown-time{font-size:30px;font-weight:600}.submissions-related-tag-wrapper{border-top:1px solid rgb(255 255 255 / 50%);padding-top:10px;margin-top:10px}.submissions-related-tag{background:#ffffff;display:inline-block;padding:0px 10px;border-radius:5px;text-transform:uppercase;font-size:14px}.hapai-submissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;align-items:stretch}@media (max-width:980px){.hapai-submissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hapai-submissions-grid{grid-template-columns:1fr}}.hapai-submission-card{position:relative;display:flex;flex-direction:column;background:#f8f6f2;border-radius:10px;border:1px solid #e0d7c8;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:1.1rem 1.1rem 0.9rem;overflow:hidden}.hapai-submission-card__body{flex:1 1 auto}.hapai-submission-card__badge{display:inline-block;padding:0.2rem 0.6rem;border-radius:999px;background:#ebe1cf;font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#5f533e;margin-bottom:0.55rem}.hapai-submission-card--closed .hapai-submission-card__badge{background:#f4d9dd;color:#a31e22}.hapai-submission-card__title{font-size:1.05rem;line-height:1.3;margin:0 0 0.4rem}.hapai-submission-card__title a{text-decoration:none;color:#1f1b15}.hapai-submission-card__title a:hover{text-decoration:underline}.hapai-submission-card__meta{display:flex;flex-wrap:wrap;gap:0.35rem 0.75rem;margin-bottom:0.5rem}.hapai-submission-card__meta-item{font-size:0.8rem;color:#6a6357}.hapai-submission-card__meta-date{font-weight:500}.hapai-submission-card__meta-issue{padding:0.15rem 0.55rem;border-radius:999px;border:1px solid #d7cbb8;text-transform:uppercase;letter-spacing:0.08em;font-size:0.7rem}.hapai-submission-card__excerpt{font-size:0.86rem;line-height:1.5;color:#474136;margin:0 0 0.9rem}.hapai-submission-card__footer{margin-top:auto;padding-top:0.6rem;border-top:1px solid #e5ddcf}.hapai-submission-card__link{display:inline-flex;align-items:center;font-size:0.85rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:0.09em;padding-top:0.1rem;color:#1f1b15}.hapai-submission-card__link::after{content:'→';margin-left:0.35rem;font-size:0.9rem}.hapai-submission-card__link:hover{text-decoration:underline}.hapai-explainers-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media (max-width:980px){.hapai-explainers-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hapai-explainers-list{grid-template-columns:1fr}}.hapai-explainer-card{display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;padding:1.1rem 1.25rem;border-radius:10px;border:1px solid #e0d7c8;background:#f8f6f2}@media (max-width:768px){.hapai-explainer-card{grid-template-columns:1fr}}.hapai-explainer-card__thumb{display:block;overflow:hidden;border-radius:8px}.hapai-explainer-card__thumb img{display:block;width:100%;height:100%;max-height:180px;object-fit:cover;transition:transform 0.2s ease-out}.hapai-explainer-card__thumb:hover img{transform:scale(1.02)}.hapai-explainer-card__content{display:flex;flex-direction:column;justify-content:space-between}.hapai-explainer-card__issue{margin-bottom:0.3rem}.hapai-explainer-card__issue-pill{display:inline-block;padding:0.15rem 0.6rem;border-radius:999px;border:1px solid #d7cbb8;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;color:#5b533f;background:#fdfaf5}.hapai-explainer-card__title{font-size:1.1rem;line-height:1.35;margin:0 0 0.4rem}.hapai-explainer-card__title a{text-decoration:none;color:#1f1b15}.hapai-explainer-card__title a:hover{text-decoration:underline}.hapai-explainer-card__excerpt{font-size:0.9rem;line-height:1.6;color:#474136;margin:0 0 0.75rem}.hapai-explainer-card__footer{margin-top:auto}.hapai-explainer-card__link{display:inline-flex;align-items:center;font-size:0.85rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:0.09em;color:#1f1b15}.hapai-explainer-card__link::after{content:'→';margin-left:0.35rem;font-size:0.9rem}.hapai-explainer-card__link:hover{text-decoration:underline}.landing-action .hapai-submission-card{position:relative;display:flex;flex-direction:column;background:rgb(248 246 242 / 1%);border-radius:0;border:0;box-shadow:none;padding:0;overflow:hidden}