/********* style content type *********/
.pai-type-testproduit .info, .pai-type-testproduit .img-amazon, .pai-type-comparatifproduits .info, .pai-type-comparatifproduits .img-amazon {display:flex;justify-content: space-between;margin:1vw 3vw;flex-wrap: wrap;}
.pai-type-testproduit .info svg, .pai-type-comparatifproduits .info svg {font-size: 30px; color:#000;}
.pai-type-testproduit .info-marque, .pai-type-testproduit .info-prix, .pai-type-testproduit .info-date-test, .pai-type-comparatifproduits .info-marque, .pai-type-comparatifproduits .info-prix, .pai-type-comparatifproduits .info-date-test {text-align: center;}
.pai-type-testproduit .test, .pai-type-comparatifproduits .test {display:flex;justify-content: space-between;flex-wrap: wrap;}
.pai-type-testproduit .test .avantage, .pai-type-testproduit .test .inconvenient, .pai-type-testproduit .test .fiche-technique, .pai-type-testproduit .test .note {padding:1.5vw;background-color:#f2f2f2;width:48%;margin-bottom:2vw;border-radius: 15px;}

.pai-type-comparatifproduits .test .avantage, .pai-type-comparatifproduits .test .inconvenient, .pai-type-comparatifproduits .test .fiche-technique, .pai-type-comparatifproduits .test .note {padding:1.5vw;background-color:#f2f2f2;width:100%;margin-bottom:2vw;border-radius: 15px;}


.pai-type-testproduit .astuce, .pai-type-comparatifproduits .astuce {display: inline-flex;padding:2vw;background-color:#f2f2f2;border-radius:15px;margin-bottom:2vw;}
.pai-type-testproduit .astuce .auteur, .pai-type-comparatifproduits .astuce .auteur{margin-right:2vw; border-radius:50%;height: fit-content;}

.pai-type-testproduit .svg-star, .pai-type-comparatifproduits .svg-star {display: inline-block; margin-right: 5px;}

@media (max-width:500px){
.pai-type-testproduit .info-marque, .pai-type-comparatifproduits .info-marque, .recette .info-prix, .recette .info-date-test{width:33%}
.pai-type-testproduit .test .avantage, .pai-type-testproduit .test .inconvenient, .pai-type-testproduit .test .fiche-technique, .pai-type-testproduit .test .note, .pai-type-comparatifproduits .test .avantage, .pai-type-comparatifproduits .test .inconvenient, .pai-type-comparatifproduits .test .fiche-technique, .pai-type-comparatifproduits .test .note {width:100%;padding:4vw;margin-bottom:4vw;}
.pai-type-testproduit .astuce, .pai-type-comparatifproduits .astuce{flex-wrap:wrap;padding:4vw;}
.pai-type-testproduit .astuce img, .pai-type-comparatifproduits .astuce img {height:fit-content !important; border-radius:50%;height: fit-content;}
}

/*** recette / tutos ***/
.pai-type-recette .info,.pai-type-diybeaute .info,.pai-type-diybricodeco .info,.pai-type-diymenager .info,.pai-type-diysante .info {display:flex;justify-content: space-between;margin:1vw 3vw;flex-wrap: wrap;}
.pai-type-recette .info-temps, .pai-type-recette .info-dif, .pai-type-recette .info-prix, .pai-type-recette .info-temps-cuisson,.pai-type-diybeaute .info-temps,.pai-type-diybeaute .info-prix,.pai-type-diybricodeco .info-temps,.pai-type-diybricodeco .info-prix,.pai-type-diymenager .info-temps,.pai-type-diymenager .info-prix,.pai-type-diysante .info-temps,.pai-type-diysante .info-prix{text-align: center;}
.pai-type-recette .nb-ingredient,.pai-type-diybeaute .nb-ingredient,.pai-type-diybricodeco .nb-ingredient,.pai-type-diymenager .nb-ingredient,.pai-type-diysante .nb-ingredient{display: inline-flex;border: 1px solid #e5e5e5;padding:0.25vw 1vw;align-items: center;margin-bottom:2vw;}
.pai-type-recette .count-ingredient,.pai-type-diybeaute .count-ingredient,.pai-type-diybricodeco .count-ingredient,.pai-type-diymenager .count-ingredient,.pai-type-diysante .count-ingredient{background-color:transparent;padding:10px;font-weight:700;border: 1px solid #aaa; display: inline-block; margin: 0 10px;}
.pai-type-recette .barre,.pai-type-diybeaute .barre,.pai-type-diybricodeco .barre,.pai-type-diymenager .barre,.pai-type-diysante .barre {text-decoration: line-through;}
.pai-type-recette .pers,.pai-type-diybeaute .pers,.pai-type-diybricodeco .pers,.pai-type-diymenager .pers,.pai-type-diysante .pers {padding-right:2vw;font-weight:700;}
.pai-type-recette .liste-ingredient,.pai-type-diybeaute .liste-ingredient,.pai-type-diybricodeco .liste-ingredient,.pai-type-diymenager .liste-ingredient,.pai-type-diysante .liste-ingredient{background-color:#fff;border:1px solid #E5E5E5; padding:2vw;display:table;margin-bottom:2vw;}
.pai-type-recette .chiffre-ingredient,.pai-type-diybeaute .chiffre-ingredient,.pai-type-diybricodeco .chiffre-ingredient,.pai-type-diymenager .chiffre-ingredient,.pai-type-diysante .chiffre-ingredient{font-weight:700;}
.pai-type-recette .astuce,.pai-type-diybeaute .astuce,.pai-type-diybricodeco .astuce,.pai-type-diymenager .astuce,.pai-type-diysante .astuce {display: inline-flex;padding:2vw;background-color:#f2f2f2;border-radius:15px;margin-bottom:2vw;}
.pai-type-recette .astuce .auteur,.pai-type-diybeaute .astuce .auteur,.pai-type-diybricodeco .astuce .auteur,.pai-type-diymenager .astuce .auteur,.pai-type-diysante .astuce .auteur{margin-right:2vw; border-radius:50%;}


.pai-svg svg {height:50px !important; color:#000 !important;}
.pai-stars {display: inline-block; vertical-align: middle; line-height: 18px;}
.pai-stars svg {height:20px !important;}
.pai-plus,.pai-moins {
    font-size: 2rem;
    font-weight: 800;
    cursor: pointer;
    display: inline-block;
}
.test .pai-plus {
    font-size: 25px;
    color: green;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}

.test .pai-moins {
    font-size: 25px;
    color: red;
    display: inline-block;
    cursor: default;
}

.test p {margin:0; padding:0; line-height:normal;}


@media (max-width:500px){
.pai-type-recette .count-ingredient,.pai-type-diybeaute .count-ingredient,.pai-type-diybricodeco .count-ingredient,.pai-type-diymenager .count-ingredient,.pai-type-diysante .count-ingredient{width:50px;padding-left:4vw}
.pai-type-recette .nb-ingredient,.pai-type-diybeaute .nb-ingredient,.pai-type-diybricodeco .nb-ingredient,.pai-type-diymenager .nb-ingredient,.pai-type-diysante .nb-ingredient{padding:1vw 4vw;}
.pai-type-recette .liste-ingredient,.pai-type-diybeaute .liste-ingredient,.pai-type-diybricodeco .liste-ingredient,.pai-type-diymenager .liste-ingredient,.pai-type-diysante .liste-ingredient{padding:4vw;}
.pai-type-recette .info-temps, .pai-type-recette .info-dif, .pai-type-recette .info-prix, .pai-type-recette .info-temps-cuisson,.pai-type-diybeaute .info-temps,.pai-type-diybeaute .info-prix,.pai-type-diybricodeco .info-temps,.pai-type-diybricodeco .info-prix,.pai-type-diymenager .info-temps,.pai-type-diymenager .info-prix,.pai-type-diysante .info-temps,.pai-type-diysante .info-prix{width:50%}
.pai-type-recette .astuce,.pai-type-diybeaute .astuce,.pai-type-diybricodeco .astuce,.pai-type-diymenager .astuce,.pai-type-diysante .astuce{flex-wrap:wrap;padding:4vw;}
.pai-type-recette .astuce img,.pai-type-diybeaute .astuce img,.pai-type-diybricodeco .astuce img,.pai-type-diymenager .astuce img,.pai-type-diysante .astuce img {height:fit-content !important; border-radius:50%}
}


/***********************************/

/***** testproduit ***/
.test-produit h2{font-size:28px}
.test-produit h3{font-size:24px;font-wieght:600;}
.test-produit .info, .test-produit .img-amazon {display:flex;justify-content: space-between;margin:1vw 3vw;flex-wrap: wrap;}
.test-produit .info i{font-size: 30px; color:#000;}
.test-produit .info-marque, .test-produit .info-prix, .test-produit .info-date-test {text-align: center;}
.test-produit .test {display:flex;justify-content: space-between;flex-wrap: wrap;}
.test-produit .test .avantage, .test-produit .test .inconvenient, .test-produit .test .fiche-technique, .test-produit .test .note{padding:1.5vw;background-color:#f2f2f2;width:48%;margin-bottom:2vw;border-radius: 15px;}
.test-produit .test .avantage i{color:green}
.test-produit .test .inconvenient i{color:red}
.test-produit .note i{color:#FDC42D}
.astuce {display: inline-flex;padding:2vw;background-color:#f2f2f2;border-radius:15px;margin-bottom:2vw;}
.astuce .auteur{margin-right:2vw; border-radius:50%;height: fit-content;}
@media (max-width:500px){
.test-produit .info-marque, .recette .info-prix, .recette .info-date-test{width:33%}
.test-produit .test .avantage, .test-produit .test .inconvenient, .test-produit .test .fiche-technique, .test-produit .test .note{width:100%;padding:4vw;margin-bottom:4vw;}
.astuce{flex-wrap:wrap;padding:4vw;}
.astuce img {height:fit-content !important; border-radius:50%;height: fit-content;}
}

.powerai-product-box {
	margin: 30px 0 0 0;
    background: black;
    color: white;
	padding:2vw;
	border-radius: 15px;
}
.powerai-product-box-title {
	font-size: 20px;
	font-style: italic;
	border-left: 4px white solid;
    padding-left: 15px;
    margin-left: 10px;
    margin-top: 10px;
}
.powerai-product-box-footer {
	text-align: center;
    font-size: 14px;
	margin: 0 20px;
}

.powerai-product-box-secondary{
	margin: 18px 0 0 0;
	background: #fff;
	color: #000;
	padding: 18px;
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.powerai-product-box-title-secondary{
font-size: 18px;
font-style: italic;
border-left: 4px solid rgba(0,0,0,.2);
padding-left: 14px;
margin: 6px 0 16px 6px;
opacity: .95;
}
.powerai-product-box-footer-secondary{
text-align: center;
font-size: 13px;
margin: 12px 12px 0 12px;
opacity: .75;
}

.powerai-after-avis{
    margin-top: 14px;
    padding-left: 14px;
    border-left: 3px solid rgba(0,0,0,.18);
    font-style: italic;
    opacity: .9;
}
.astuce blockquote{margin:0;padding:0;}
.astuce blockquote p{margin:0;}

/*** recette / tutos ***/
.recette h2{font-size:28px}
.recette h3{font-size:20px;font-weight:600;text-transform:uppercase;}
.recette .info {display:flex;justify-content: space-between;margin:1vw 3vw;flex-wrap: wrap;}
.recette .info i{font-size: 30px; color:#000;}
.recette .info-temps, .recette .info-dif, .recette .info-prix, .recette .info-temps-cuisson{text-align: center;}
.recette .nb-ingredient{display: inline-flex;border: 1px solid #e5e5e5;padding:0.25vw 1vw;align-items: center;margin-bottom:2vw;}
.recette .count-ingredient{background-color:transparent;padding:10px;font-weight:700;}
.recette .barre {text-decoration: line-through;}
.recette .pers {padding-right:2vw;font-weight:700;}
.recette .liste-ingredient{background-color:#fff;border:1px solid #E5E5E5; padding:2vw;display:table;margin-bottom:2vw;}
.recette .chiffre-ingredient{font-weight:700;}
.recette .astuce {display: inline-flex;padding:2vw;background-color:#f2f2f2;border-radius:15px;margin-bottom:2vw;}
.recette .astuce .auteur{margin-right:2vw; border-radius:50%;}
#imprimer {display:inline-block; background:black; color:white; padding: 10px 20px;}
@media (max-width:500px){
.recette .count-ingredient{width:50px;padding-left:4vw}
.recette .nb-ingredient{padding:1vw 4vw;}
.recette .liste-ingredient{padding:4vw;}
.recette .info-temps, .recette .info-dif, .recette .info-prix, .recette .info-temps-cuisson{width:50%}
.recette .astuce{flex-wrap:wrap;padding:4vw;}
.astuce img {height:fit-content !important; border-radius:50%}
}
@media print {
  @page {margin: 15mm 10mm;}

  /* Masquer navigation, header, footer, pubs, widgets — compatible tous thèmes WP */
  header, .site-header, #masthead, #site-header, .main-header,
  nav, .navigation, .main-navigation, .site-navigation, .navbar,
  .ast-header-breadcrumb, .breadcrumb, .breadcrumbs,
  footer, .site-footer, #colophon, .footer-widgets,
  .site-footer-below-section-2, .ast-footer-overlay,
  .widget-area, .sidebar, #secondary, aside,
  .kk-star-ratings, .ast-post-social-sharing, .sharedaddy, .sd-sharing,
  .ast-single-related-posts-container, .related-posts,
  .comments-area, #comments, .comment-respond,
  #imprimer, .bzkshop, .code-block, .powerai-title, .powerai-button,
  .nb-ingredient, .video, iframe,
  .ad-container, .adsbygoogle, ins.adsbygoogle,
  .cookie-notice, .cookie-bar {display: none !important;}

  /* Mise en page propre */
  body {font-size: 12pt; line-height: 1.6; color: #000 !important; background: #fff !important;}
  .site-content, .content-area, #primary, .entry-content {width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important;}

  /* Bloc info (temps/difficulté/budget) */
  .info {border: 2px solid #333; padding: 10px; margin: 15px 0; page-break-inside: avoid;}
  .pai-svg svg {height: 30px !important;}

  /* Ingrédients — checkboxes pour cocher au stylo */
  .liste-ingredient {border: 1px solid #ccc; padding: 15px; page-break-inside: avoid;}
  .ingredient input[type="checkbox"] {-webkit-appearance: auto; appearance: auto; width: 16px; height: 16px;}

  /* Étapes — pas de coupure au milieu */
  h3 {page-break-after: avoid;}
  .entry-content p {page-break-inside: avoid;}

  /* Astuce — garder le bloc ensemble */
  .astuce {page-break-inside: avoid; border: 1px solid #ddd; padding: 10px;}

  /* Images */
  .powerai-infographie img, figure img {max-width: 80%; width: 80%; height: auto; margin: 0 auto;}
  img {max-width: 100% !important; height: auto !important;}

  /* Liens — pas d'URL affichée */
  a[href]::after {content: none !important;}
  a {color: #000 !important; text-decoration: none !important;}
}

.loader {border: 6px solid #f3f3f3; border-top: 6px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; display:none; margin: 0 auto;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/***************** nutrition ****************/
/* ====== Résumé Nutri-Score + Synthèse ====== */
.nutrition-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;  /* occupe 100% */
    gap: 16px;
    margin: 10px 0 20px;
    width: 100%;
}

.nutrition-panel {
    flex: 0 0 49%;
    max-width: 49%;
    background: #fbfbfb;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid #eee;
    font-size: 13px;
    box-sizing: border-box;
}

.nutrition-panel-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px;
}

/* Nutri-score + badges : badges en dessous */

.nutriscore-row {
    display: flex;
    flex-direction: column;   /* Nutri-score puis badges en dessous */
    align-items: flex-start;
}

.nutriscore {
    padding: 0;
    background: transparent;
}

.nutriscore-letters {
    display: flex;
    gap: 3px;
}

.nutriscore-letters .ns {
    font-size: 13px;
    font-weight: 700;
    padding: 3px 5px;
    border-radius: 3px;
    opacity: 0.4;
    color: #fff;
}

.ns-a { background:#0db14b; }
.ns-b { background:#85bb2f; }
.ns-c { background:#f9c900; }
.ns-d { background:#f78002; }
.ns-e { background:#e63e11; }

.ns.is-active {
    opacity: 1; color:#000;
}

.nutrition-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 10px;      /* badges sous le Nutri-Score avec espace */
}

.nutri-tag {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 999px;
    font-weight: 600;
    background: #eee;
    color: #333;
}

.nutri-tag-energy { background:#ffefd5; color:#c56a00; }
.nutri-tag-fat { background:#ffe1e1; color:#c70000; }
.nutri-tag-protein { background:#e6f5ff; color:#005b9f; }

/* ====== Cards : 49% chacune, conteneur full width ====== */

.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    width: 100%;
}

.card {
    flex: 0 0 49%;
    max-width: 49%;
    color: #ffffff;
    padding: 12px 14px;
    border-radius: 8px;
    box-sizing: border-box;
}

.card small {
    display: block;
    font-size: 11px;
    opacity: 0.85;
    margin-bottom: 4px;
}

.card .kcal {
    font-size: 26px;
    font-weight: 700;
    margin: 4px 0 6px;
}

.card-left {background: var(--ast-global-color-0, #000000);}
.card-right {background: var(--ast-global-color-1, #000000);}

/* Responsive */

@media (max-width: 768px) {
    .nutrition-panel, .card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ===== TABLEAU NUTRITIONNEL ===== */

.nutrition-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 25px;
    font-size: 15px;
    background: #ffffff;
}

.nutrition-table thead th {
    text-align: left;
    padding: 12px 10px;
    font-weight: 700;
    background: #fafafa;
    border-bottom: 2px solid #ddd;
    color: var(--ast-global-color-1, #000000);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.nutrition-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.nutrition-table tr.section td {
    background: #fafafa;
    font-weight: 700;
    padding-top: 18px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
    color: #444;
}

.nutrition-table td.indent {
    padding-left: 28px;
    font-size: 14px;
    color: #666;
}

.nutrition-table .nut-val {
    font-weight: 600;
    color: #222;
}

/* Mobile */
@media (max-width: 600px) {
    .nutrition-table td {padding: 8px 6px;}
    .nutrition-table thead th {padding: 10px 6px;}
}

/*** guide tourisme ***/
.lieu-essentiel {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 15px; padding: 2vw; margin-bottom: 2vw; border-left: 4px solid #0073aa;}
.lieu-essentiel h2 {margin: 0 0 10px 0; font-size: 22px;}
.lieu-essentiel-accroche {font-size: 1.1em; line-height: 1.6; margin: 0 0 15px 0; font-style: italic; color: #333;}
.lieu-essentiel-facts {display: flex; flex-wrap: wrap; gap: 12px;}
.lieu-essentiel-facts span {background: #fff; padding: 6px 14px; border-radius: 20px; font-size: 0.9em; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.lieu-table {width: 100%; border-collapse: collapse;}
.lieu-table td {padding: 8px 12px; border-bottom: 1px solid #eee;}
.lieu-label {font-weight: 600; width: 40%;}
.lieu-activite-meta {color: #666; font-size: 0.9em;}
.lieu-dormir-meta {color: #666; font-size: 0.9em;}
.lieu-carte iframe {border-radius: 10px;}
.lieu-poi-list {list-style: none; padding: 0; columns: 2; margin-top: 10px;}
.lieu-poi-list li {padding: 4px 0;}
div[data-vi-partner-id], div[data-gyg-href] {padding: 20px 0;}
@media (max-width: 500px) {
.lieu-essentiel {padding: 4vw;}
.lieu-essentiel-facts {gap: 8px;}
.lieu-essentiel-facts span {font-size: 0.85em; padding: 5px 10px;}
.lieu-poi-list {columns: 1;}
}

/*** quiz ***/
.powerai-quiz {max-width: 700px; margin: 30px auto; font-family: inherit;}
.paq-progress {height: 6px; background: #e9ecef; border-radius: 3px; margin-bottom: 20px; overflow: hidden;}
.paq-progress-bar {height: 100%; background: var(--ast-global-color-0, #0073aa); border-radius: 3px; transition: width 0.4s ease;}
.paq-counter-row {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.paq-counter {text-align: center; font-size: 14px; color: #888; font-weight: 600; flex: 1;}
.paq-live-score {font-size: 13px; font-weight: 600; color: #28a745; white-space: nowrap;}
.paq-live-check {color: #28a745;}
.paq-question {font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 24px; line-height: 1.4;}
.paq-options {display: flex; flex-direction: column; gap: 10px;}
.paq-option {display: flex; align-items: center; width: 100%; padding: 14px 18px; font-size: 16px; text-align: left; background: #f8f9fa; border: 2px solid #e9ecef; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; color: #333; gap: 12px;}
.paq-option:hover:not(.paq-disabled) {background: #e9ecef; border-color: #adb5bd;}
.paq-option-letter {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #e9ecef; font-weight: 700; font-size: 14px; color: #555; flex-shrink: 0; transition: all 0.2s ease;}
.paq-option:hover:not(.paq-disabled) .paq-option-letter {background: #adb5bd; color: #fff;}
.paq-option-text {flex: 1;}
.paq-disabled {cursor: default; pointer-events: none;}
.paq-correct {background: #d4edda !important; border-color: #28a745 !important; color: #155724 !important;}
.paq-correct .paq-option-letter {background: #28a745 !important; color: #fff !important;}
.paq-wrong {background: #f8d7da !important; border-color: #dc3545 !important; color: #721c24 !important;}
.paq-wrong .paq-option-letter {background: #dc3545 !important; color: #fff !important;}
.paq-explanation {padding: 14px 18px; border-radius: 10px; margin-top: 16px; font-size: 15px; line-height: 1.5;}
.paq-expl-correct {background: #d4edda; color: #155724;}
.paq-expl-wrong {background: #f8d7da; color: #721c24;}
.paq-next {display: block; margin: 20px auto 0; padding: 12px 32px; font-size: 16px; font-weight: 600; background: var(--ast-global-color-0, #0073aa); color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: opacity 0.2s; font-family: inherit;}
.paq-next:hover {opacity: 0.85;}
.paq-result {text-align: center; padding: 30px 0;}
.paq-score-circle {width: 150px; height: 150px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto 20px; border: 6px solid #e9ecef;}
.paq-score-excellent {border-color: #28a745; background: #d4edda;}
.paq-score-good {border-color: #ffc107; background: #fff3cd;}
.paq-score-poor {border-color: #dc3545; background: #f8d7da;}
.paq-score-num {font-size: 32px; font-weight: 800; line-height: 1;}
.paq-score-pct {font-size: 16px; color: #666; margin-top: 4px;}
.paq-result-msg {font-size: 18px; font-weight: 600; margin-bottom: 24px; line-height: 1.4;}
/* recap */
.paq-recap {max-width: 500px; margin: 0 auto 24px; text-align: left;}
.paq-recap-title {font-size: 16px; font-weight: 700; margin-bottom: 12px; text-align: center; color: #555;}
.paq-recap-row {display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 8px; margin-bottom: 4px; font-size: 14px; transition: background 0.2s;}
.paq-recap-correct {background: #d4edda;}
.paq-recap-wrong {background: #f8d7da;}
.paq-recap-num {width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; background: rgba(0,0,0,0.1); flex-shrink: 0;}
.paq-recap-icon {font-size: 16px; flex-shrink: 0; width: 20px; text-align: center;}
.paq-recap-correct .paq-recap-icon {color: #28a745;}
.paq-recap-wrong .paq-recap-icon {color: #dc3545;}
.paq-recap-question {flex: 1; line-height: 1.3;}
/* share */
.paq-share-wrap {margin-bottom: 16px;}
.paq-share {display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; font-size: 15px; font-weight: 600; background: #1877f2; color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: all 0.2s; font-family: inherit;}
.paq-share:hover {background: #1565c0;}
.paq-share-psycho {background: linear-gradient(135deg, #667eea, #764ba2);}
.paq-share-psycho:hover {opacity: 0.85;}
.paq-share-icon {font-size: 18px;}
/* mid-quiz affiliation */
.paq-midquiz {text-align: center; padding: 30px 0;}
.paq-midquiz-icon {font-size: 48px; margin-bottom: 12px;}
.paq-midquiz-title {font-size: 20px; font-weight: 700; margin-bottom: 8px; line-height: 1.3;}
.paq-midquiz-intro {font-size: 15px; color: #555; max-width: 500px; margin: 0 auto 20px; line-height: 1.5;}
/* affiliation intro text */
.paq-affi-intro {font-size: 15px; color: #555; line-height: 1.5; margin-bottom: 16px;}
.powerai-quiz-affi {margin-top: 30px; padding: 24px; background: #f8f9fa; border-radius: 12px; border: 1px solid #e9ecef;}
.powerai-quiz-affi h2 {margin-top: 0;}
/* retry */
.paq-retry {padding: 12px 32px; font-size: 15px; font-weight: 600; background: transparent; color: var(--ast-global-color-0, #0073aa); border: 2px solid var(--ast-global-color-0, #0073aa); border-radius: 8px; cursor: pointer; transition: all 0.2s; font-family: inherit;}
.paq-retry:hover {background: var(--ast-global-color-0, #0073aa); color: #fff;}
/* quiz psycho */
.paq-progress-psycho {background: linear-gradient(90deg, #667eea, #764ba2);}
.paq-selected {background: #e8eaf6 !important; border-color: #667eea !important; color: #283593 !important;}
.paq-selected .paq-option-letter {background: #667eea !important; color: #fff !important;}
.paq-next-psycho {background: linear-gradient(135deg, #667eea, #764ba2);}
.paq-result-psycho {text-align: center; padding: 30px 0;}
.paq-profile-emoji {font-size: 64px; margin-bottom: 12px;}
.paq-profile-name {font-size: 26px; font-weight: 800; margin-bottom: 8px; line-height: 1.2;}
.paq-profile-desc {font-size: 16px; color: #555; max-width: 500px; margin: 0 auto 28px; line-height: 1.5;}
.paq-profile-breakdown {max-width: 500px; margin: 0 auto 28px; text-align: left;}
.paq-breakdown-row {display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}
.paq-breakdown-winner .paq-breakdown-label {font-weight: 700;}
.paq-breakdown-label {width: 140px; font-size: 14px; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.paq-breakdown-bar-wrap {flex: 1; height: 10px; background: #e9ecef; border-radius: 5px; overflow: hidden;}
.paq-breakdown-bar {height: 100%; background: linear-gradient(90deg, #667eea, #764ba2); border-radius: 5px; transition: width 0.8s cubic-bezier(0.4,0,0.2,1);}
.paq-breakdown-winner .paq-breakdown-bar {background: linear-gradient(90deg, #28a745, #20c997);}
.paq-breakdown-pct {width: 40px; text-align: right; font-size: 13px; font-weight: 600; color: #666;}
.paq-retry-psycho {border-color: #667eea; color: #667eea;}
.paq-retry-psycho:hover {background: #667eea; color: #fff;}
@media (max-width: 500px) {
.paq-question {font-size: 17px;}
.paq-option {font-size: 14px; padding: 12px 14px; gap: 8px;}
.paq-option-letter {width: 26px; height: 26px; font-size: 12px;}
.paq-score-circle {width: 120px; height: 120px;}
.paq-score-num {font-size: 26px;}
.paq-profile-emoji {font-size: 48px;}
.paq-profile-name {font-size: 22px;}
.paq-breakdown-label {width: 100px; font-size: 12px;}
.paq-recap-row {font-size: 13px; padding: 6px 8px;}
.paq-midquiz-title {font-size: 17px;}
}