:root{
  --clr-bg:#faf9f6;--clr-card:#ffffff;--clr-primary:#4a6fa5;--clr-primary-light:#e8eff8;
  --clr-accent:#e07a5f;--clr-text:#2d3436;--clr-text-muted:#636e72;--clr-border:#dfe6e9;
  --radius:12px;--shadow:0 2px 12px rgba(0,0,0,0.06);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,sans-serif;
  background:var(--clr-bg);color:var(--clr-text);line-height:1.6;min-height:100vh}
a{color:var(--clr-primary);text-decoration:none}
a:hover{text-decoration:underline}

.qp-container{max-width:800px;margin:0 auto;padding:0 1rem}

.qp-header{background:var(--clr-primary);color:#fff;padding:1.25rem 0}
.qp-header .qp-brand{color:#fff;font-weight:700;font-size:1.4rem;letter-spacing:.2px}
.qp-header .qp-brand:hover{text-decoration:none;opacity:.9}

.qp-breadcrumb{font-size:.85rem;color:var(--clr-text-muted);padding:1rem 0 0;line-height:1.8}
.qp-breadcrumb .sep{margin:0 .4rem;color:var(--clr-border)}
.qp-breadcrumb .current{color:var(--clr-text);font-weight:600}

.qp-main{padding:1.25rem 1rem 3rem}

.qp-article{background:var(--clr-card);border:1px solid var(--clr-border);
  border-radius:var(--radius);padding:1.5rem 1.5rem 1.25rem;box-shadow:var(--shadow)}
.qp-meta{margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}
.qp-tag{display:inline-block;background:var(--clr-primary-light);color:var(--clr-primary);
  font-size:.78rem;font-weight:600;padding:.25rem .6rem;border-radius:999px}
.qp-article h1{font-size:1.55rem;line-height:1.3;color:var(--clr-text);margin-bottom:1rem}
.qp-answer p{font-size:1rem;color:var(--clr-text);line-height:1.75;margin-bottom:.75rem}
.qp-disclaimer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--clr-border);
  font-size:.82rem;color:var(--clr-text-muted);font-style:italic}

.qp-related{margin-top:1.75rem;background:var(--clr-card);border:1px solid var(--clr-border);
  border-radius:var(--radius);padding:1.25rem 1.5rem}
.qp-related h2{font-size:1.05rem;color:var(--clr-primary);margin-bottom:.85rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--clr-border)}
.qp-related ul{list-style:none}
.qp-related li{margin-bottom:.55rem;padding-left:1.1rem;position:relative;line-height:1.5}
.qp-related li::before{content:'›';position:absolute;left:0;color:var(--clr-primary);font-weight:700}
.qp-related a{color:var(--clr-text);font-weight:500}
.qp-related a:hover{color:var(--clr-primary)}
.qp-related .age-tag{font-size:.72rem;color:var(--clr-text-muted);font-weight:400;margin-left:.35rem}
.qp-more-link{display:inline-block;margin-top:.85rem;font-weight:600;font-size:.9rem}

.qp-footer{background:#2d3436;color:#bcc;text-align:center;padding:1.5rem 0;font-size:.85rem}
.qp-footer p{margin:.25rem 0}
.qp-footer a{color:#fff}

@media (max-width:480px){
  .qp-article{padding:1.1rem}
  .qp-article h1{font-size:1.3rem}
  .qp-related{padding:1rem 1.1rem}
}