:root {
--air-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--air-serif-family: Georgia, 'Times New Roman', serif;
--air-mono-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace; --air-color-primary: #0ea5e9; --air-color-secondary: #22c55e; --air-color-accent: #f59e0b; --air-color-deep: #0f172a; --air-color-muted: #64748b;  --air-zen-primary: #14b8a6; --air-zen-surface: #f0fdfa; --air-zen-border: #99f6e4;  --air-bistro-primary: #ef4444; --air-bistro-surface: #fff7ed; --air-bistro-border: #fecaca;  --air-nocturne-primary: #8b5cf6; --air-nocturne-surface: #0b1220; --air-nocturne-border: #1f2937; } .air-recipe-container {
margin: 2rem 0;
font-family: var(--air-font-family);
line-height: 1.6;
color: #2d3748;
word-wrap: break-word;
overflow-wrap: break-word;
font-size: 14px;
min-font-size: 14px;
} .air-recipe-container * {
box-sizing: border-box;
}
.air-recipe-container img {
max-width: 100%;
height: auto;
}
.air-recipe-container ul,
.air-recipe-container ol {
margin: 0;
padding: 0;
}
.air-recipe-container h1,
.air-recipe-container h2,
.air-recipe-container h3,
.air-recipe-container h4,
.air-recipe-container h5,
.air-recipe-container h6 {
margin: 0;
line-height: 1.2;
} .air-recipe-container p,
.air-recipe-container span,
.air-recipe-container div,
.air-recipe-container li,
.air-recipe-container td,
.air-recipe-container th,
.air-recipe-container input,
.air-recipe-container textarea,
.air-recipe-container button {
font-size: max(1em, 14px);
} .air-recipe-container .air-meta-label,
.air-recipe-container .air-nutrition-label,
.air-recipe-container .air-recipe-tag {
font-size: max(0.9em, 14px);
}
.air-recipe-container .air-ingredient-optional,
.air-recipe-container .air-etape-temps {
font-size: max(0.85em, 14px);
} .air-style-moderne {
max-width: 1200px;
margin: 2rem auto;
padding: 0 1rem;
}
.air-style-moderne .air-recipe-card {
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
overflow: hidden;
border: 1px solid #e5e7eb;
position: relative;
}
.air-style-moderne .air-recipe-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--air-color-primary), var(--air-color-secondary), var(--air-color-accent));
}
.air-style-moderne .air-recipe-header {
background: linear-gradient(135deg, #0ea5e9 0%, #22c55e 100%);
color: white;
padding: 2.5rem 2rem;
text-align: center;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
}
.air-style-moderne .air-recipe-title {
font-size: 2.5rem;
font-weight: 700;
margin: 0 0 1rem 0;
line-height: 1.2;
}
.air-style-moderne .air-recipe-description {
font-size: 1.1rem;
opacity: 0.9;
margin: 0 0 2rem 0;
line-height: 1.6;
}
.air-recipe-meta-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.air-meta-item {
display: flex;
align-items: center;
gap: 0.75rem;
background: rgba(255, 255, 255, 0.2);
padding: 1rem;
border-radius: 12px;
backdrop-filter: blur(10px);
}
.air-meta-icon {
font-size: 1.5rem;
}
.air-meta-label {
display: block;
font-size: 0.85rem;
opacity: 0.8;
margin-bottom: 0.25rem;
}
.air-meta-value {
display: block;
font-weight: 600;
font-size: 1.1rem;
}
.air-recipe-content {
display: grid;
grid-template-columns: 1fr; gap: 2rem;
padding: 3rem 2rem;
} .air-recipe-main {
grid-column: 1 / -1;
}
@media (max-width: 1024px) {
.air-recipe-content {
grid-template-columns: 1fr;
gap: 2rem;
padding: 2rem 1.5rem;
}
}
.air-recipe-sidebar {
background: #f8fafc;
padding: 2rem;
border-radius: 12px;
height: fit-content;
position: static; } .air-hub-wrap {
max-width: 1180px;
margin: 2.5rem auto;
padding: 0 1.5rem 3rem;
font-family: var(--air-font-family);
color: #1f2937;
}
.air-hub-header {
margin-bottom: 2rem;
}
.air-hub-title {
font-size: clamp(2rem, 3vw, 2.8rem);
font-weight: 700;
margin-bottom: 0.75rem;
color: var(--air-color-deep);
}
.air-hub-intro {
font-size: 1.1rem;
line-height: 1.6;
color: var(--air-color-muted);
margin: 0;
}
.air-hub-diet-links {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
}
.air-hub-diet-label {
font-weight: 600;
color: var(--air-color-deep);
}
.air-hub-diet-chip,
.air-hub-chip {
display: inline-flex;
align-items: center;
gap: 0.4rem;
background: rgba(14, 165, 233, 0.15);
color: #0369a1;
border-radius: 999px;
padding: 0.4rem 0.9rem;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}
.air-hub-diet-chip:hover,
.air-hub-chip:hover {
background: rgba(14, 165, 233, 0.25);
transform: translateY(-2px);
}
.air-hub-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.75rem;
}
.air-hub-card {
background: #ffffff;
border-radius: 18px;
border: 1px solid rgba(14, 165, 233, 0.12);
box-shadow: 0 18px 30px -24px rgba(14, 165, 233, 0.6);
padding: 1.75rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.air-hub-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 45px -20px rgba(14, 165, 233, 0.65);
}
.air-hub-card-title a {
text-decoration: none;
color: var(--air-color-deep);
}
.air-hub-card-title a:hover {
color: var(--air-color-primary);
}
.air-hub-card-lead {
color: var(--air-color-muted);
margin: 0.5rem 0 0;
line-height: 1.6;
}
.air-hub-meta {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.25rem;
font-weight: 600;
color: #0f172a;
}
.air-hub-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1rem;
}
.air-hub-tag {
background: rgba(34, 197, 94, 0.15);
color: #15803d;
border-radius: 999px;
padding: 0.35rem 0.8rem;
font-size: 0.85rem;
font-weight: 600;
}
.air-hub-chip-group {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-top: 0.5rem;
}
.air-hub-snippet {
margin: 0.75rem 0 0;
color: var(--air-color-muted);
font-size: 0.95rem;
}
.air-hub-card-link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
color: var(--air-color-primary);
font-weight: 700;
text-decoration: none;
}
.air-hub-card-link:hover {
text-decoration: underline;
}
.air-hub-pagination {
margin-top: 3rem;
display: flex;
justify-content: center;
}
.air-hub-empty {
font-size: 1.1rem;
color: var(--air-color-muted);
}
.air-hub-filter {
margin-top: 1.5rem;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
padding: 1rem 1.25rem;
border-radius: 14px;
background: rgba(14, 165, 233, 0.08);
border: 1px solid rgba(14, 165, 233, 0.15);
}
.air-hub-filter label {
font-weight: 600;
color: var(--air-color-deep);
}
.air-hub-filter select {
min-width: 220px;
padding: 0.45rem 0.75rem;
border-radius: 8px;
border: 1px solid rgba(14, 165, 233, 0.4);
font-size: 1rem;
}
.air-hub-filter-button {
background: var(--air-color-primary);
color: #fff;
border: none;
padding: 0.5rem 1.1rem;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease;
}
.air-hub-filter-button:hover {
background: #0284c7;
}
.air-hub-filter-reset {
color: var(--air-color-muted);
font-weight: 600;
text-decoration: none;
}
.air-hub-filter-reset:hover {
text-decoration: underline;
} .air-hub-breadcrumb {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
align-items: center;
margin-bottom: 1.4rem;
color: #748077;
font-size: 0.88rem;
}
.air-hub-breadcrumb a {
color: #526b4d;
text-decoration: none;
}
.air-hub-header {
position: relative;
overflow: hidden;
padding: clamp(1.5rem, 5vw, 3.4rem);
border: 1px solid rgba(65, 89, 69, 0.13);
border-radius: 24px;
background: radial-gradient(circle at 90% 10%, rgba(200, 223, 195, 0.62), transparent 36%), linear-gradient(135deg, #f8f5ed, #edf3e9);
box-shadow: 0 22px 50px rgba(44, 65, 48, 0.09);
}
.air-hub-eyebrow {
margin: 0 0 0.65rem;
color: #b85e3e;
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.air-hub-title {
max-width: 800px;
margin: 0;
color: #253429;
font-family: "Iowan Old Style", Georgia, serif;
font-size: clamp(2.15rem, 5vw, 4rem);
line-height: 1.05;
}
.air-hub-intro {
max-width: 760px;
margin-top: 1rem;
color: #58655b;
}
.air-hub-result-count,
.air-hub-disclaimer {
margin: 0.9rem 0 0;
color: #6b766d;
font-size: 0.9rem;
}
.air-hub-section-title {
margin: 2.5rem 0 1.2rem;
color: #28372b;
font-family: "Iowan Old Style", Georgia, serif;
font-size: clamp(1.6rem, 3vw, 2.2rem);
}
.air-hub-grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
gap: 1.35rem;
}
.air-hub-card {
gap: 0;
overflow: hidden;
padding: 0;
border-color: rgba(58, 80, 61, 0.13);
box-shadow: 0 16px 35px rgba(46, 66, 50, 0.08);
}
.air-hub-card-media {
display: grid;
min-height: 210px;
max-height: 260px;
place-items: center;
overflow: hidden;
color: #667467;
background: linear-gradient(135deg, #dce7d8, #f1eee4);
font-size: 3rem;
font-weight: 800;
text-decoration: none;
}
.air-hub-card-media img {
width: 100%;
height: 100%;
min-height: 210px;
object-fit: cover;
transition: transform 280ms ease;
}
.air-hub-card:hover .air-hub-card-media img {
transform: scale(1.025);
}
.air-hub-card-content {
display: flex;
flex: 1;
flex-direction: column;
padding: 1.35rem;
}
.air-hub-card-title {
margin: 0;
font-size: 1.22rem;
line-height: 1.3;
}
.air-hub-meta {
margin-top: 1rem;
color: #536057;
font-size: 0.86rem;
}
.air-hub-rating {
color: #b86536;
}
.air-hub-rating span {
color: #778079;
font-weight: 500;
}
.air-hub-tag {
color: #456342;
background: #edf4ea;
text-decoration: none;
}
.air-hub-tag:hover,
.air-hub-tag:focus-visible {
color: #fff;
background: #526b4d;
outline: none;
}
.air-hub-card-footer {
margin-top: auto;
padding-top: 1.2rem;
}
.air-hub-card-link {
color: #526b4d;
}
.air-hub-discovery {
margin-top: 3.2rem;
padding: clamp(1.25rem, 4vw, 2.2rem);
border-radius: 20px;
background: #f6f4ed;
}
.air-hub-discovery .air-hub-section-title {
margin-top: 0;
}
@media (max-width: 640px) {
.air-hub-grid {
grid-template-columns: 1fr;
}
.air-hub-filter {
flex-direction: column;
align-items: stretch;
}
.air-hub-filter select {
width: 100%;
}
.air-hub-filter-button {
width: 100%;
justify-content: center;
}
} .air-hub-links-section {
background: rgba(14, 165, 233, 0.08);
border: 1px solid rgba(14, 165, 233, 0.15);
border-radius: 16px;
padding: 1.5rem;
margin-bottom: 2rem;
}
.air-hub-links-group + .air-hub-links-group {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(14, 165, 233, 0.2);
}
.air-hub-links-label {
font-size: 1rem;
font-weight: 600;
margin: 0 0 0.75rem;
color: var(--air-color-deep);
}
.air-hub-links-chips {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
}
.air-hub-chip-count {
display: inline-grid;
min-width: 1.45rem;
min-height: 1.45rem;
padding: 0 0.3rem;
place-items: center;
color: inherit;
border-radius: 999px;
background: rgba(255, 255, 255, 0.72);
font-size: 0.78em;
}
.air-related-recipes-section {
margin: 2rem 0;
}
.air-related-recipes-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem;
}
.air-related-recipe-card {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
min-width: 0;
overflow: hidden;
border: 1px solid rgba(52, 72, 55, 0.14);
border-radius: 14px;
background: #fff;
}
.air-related-recipe-image {
display: block;
min-height: 84px;
overflow: hidden;
background: #eef1ea;
}
.air-related-recipe-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.air-related-recipe-placeholder {
display: grid;
width: 100%;
height: 100%;
min-height: 84px;
place-items: center;
color: #6c786b;
font-weight: 800;
}
.air-related-recipe-copy {
min-width: 0;
padding: 12px;
}
.air-related-recipe-copy h4 {
margin: 0;
font-size: 0.96rem;
line-height: 1.35;
}
.air-related-recipe-copy h4 a {
color: #28372b;
text-decoration: none;
}
.air-related-recipe-copy h4 a:hover,
.air-related-recipe-copy h4 a:focus-visible {
color: #526b4d;
text-decoration: underline;
}
.air-related-recipe-copy span {
display: block;
margin-top: 7px;
color: #6c786b;
font-size: 0.8rem;
}
@media (max-width: 620px) {
.air-related-recipes-grid {
grid-template-columns: 1fr;
}
}
.air-recipe-main {
min-width: 0;
grid-column: 1 / -1; }
.air-section-title {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 1.3rem;
font-weight: 700;
color: #1f2937;
margin: 0 0 1.5rem 0;
padding-bottom: 0.75rem;
border-bottom: 2px solid #e5e7eb;
}
.air-section-icon {
font-size: 1.25rem;
} .air-ingredients-list {
list-style: none;
padding: 0;
margin: 0;
}
.air-ingredient-item {
margin-bottom: 1rem;
}
.air-ingredient-checkbox {
display: flex;
align-items: center;
gap: 0.75rem;
cursor: pointer;
padding: 0.75rem;
border-radius: 8px;
transition: background-color 0.2s;
}
.air-ingredient-checkbox:hover {
background-color: #f1f5f9;
}
.air-checkbox {
width: 20px;
height: 20px;
accent-color: #667eea;
}
.air-ingredient-quantity {
font-weight: 600;
color: var(--air-color-primary);
min-width: 60px;
}
.air-ingredient-name {
flex: 1;
}
.air-ingredient-optional {
font-style: italic;
color: #6b7280;
font-size: 0.85rem;
} .air-ustensiles-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.5rem;
}
.air-ustensile-item {
background: white;
padding: 0.75rem 1rem;
border-radius: 8px;
border-left: 4px solid var(--air-color-primary);
font-weight: 500;
} .air-etapes-list {
list-style: none;
padding: 0;
margin: 0;
}
.air-etape-item {
display: flex;
gap: 1.5rem;
margin-bottom: 2.5rem;
}
.air-etape-number {
flex-shrink: 0;
width: 48px;
height: 48px;
background: linear-gradient(135deg, var(--air-color-primary), var(--air-color-secondary));
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.1rem;
}
.air-etape-content {
flex: 1;
padding-top: 0.5rem;
}
.air-etape-description {
font-size: 1.15rem;
line-height: 1.7;
margin-bottom: 0.75rem;
color: #374151;
}
.air-etape-temps {
display: inline-block;
background: rgba(245, 158, 11, 0.15);
color: #b45309;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.air-etape-conseils {
background: #ecfdf5;
border-left: 4px solid #10b981;
padding: 1rem;
border-radius: 0 8px 8px 0;
font-size: 0.95rem;
line-height: 1.6;
}
.air-etape-conseils strong {
color: #047857;
}
.air-etape-image {
margin: 1rem 0;
text-align: center;
}
.air-etape-image img {
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} .air-etape-image-upload {
margin: 1rem 0;
text-align: center;
}
.air-upload-etape-image {
background: #f3f4f6;
border: 2px dashed #d1d5db;
color: #6b7280;
padding: 1rem 1.5rem;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
font-size: 0.9rem;
font-weight: 500;
}
.air-upload-etape-image:hover {
background: #e5e7eb;
border-color: #9ca3af;
color: #374151;
}
.air-upload-etape-image.air-image-uploaded {
background: #dcfce7;
border-color: #16a34a;
color: #166534;
}
.air-remove-etape-image {
background: none;
border: none;
cursor: pointer;
font-size: 0.85rem;
padding: 0.25rem 0.5rem;
border-radius: 4px;
transition: background-color 0.2s ease;
}
.air-remove-etape-image:hover {
background: rgba(220, 38, 38, 0.1);
} .air-etape-item.air-drag-over {
background: rgba(59, 130, 246, 0.05);
border: 2px dashed #3b82f6;
border-radius: 8px;
}
.air-etape-item.air-drag-over .air-upload-etape-image {
background: #dbeafe;
border-color: #3b82f6;
color: #1d4ed8;
} .air-recipe-footer {
background: #f8fafc;
padding: 2.5rem 2rem;
}
.air-astuces-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 1rem;
}
.air-astuce-item {
background: white;
padding: 1.25rem;
border-radius: 12px;
border-left: 4px solid var(--air-color-secondary);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.air-astuce-item::before {
content: "💡";
margin-right: 0.75rem;
} .air-veggie-section {
background: linear-gradient(135deg, var(--air-color-secondary), #047857);
color: white;
padding: 2rem;
border-radius: 12px;
margin: 2rem 0;
}
.air-veggie-section .air-section-title {
color: white;
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.air-veggie-description {
font-size: 1.1rem;
line-height: 1.7;
margin: 0;
} .air-nutrition-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 1.5rem;
}
.air-nutrition-item {
text-align: center;
background: white;
padding: 1.5rem;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.air-nutrition-value {
display: block;
font-size: 1.8rem;
font-weight: 700;
color: var(--air-color-primary);
margin-bottom: 0.5rem;
}
.air-nutrition-label {
display: block;
font-size: 0.9rem;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.5px;
} .air-style-zen .air-recipe-card {
background: var(--air-zen-surface);
border: 1px solid var(--air-zen-border);
border-radius: 16px;
overflow: hidden;
}
.air-style-zen .air-recipe-header {
background: linear-gradient(135deg, var(--air-zen-primary), #2dd4bf);
color: white;
padding: 2rem;
text-align: center;
}
.air-style-zen .air-recipe-title { font-size: 2rem; font-weight: 800; }
.air-style-zen .air-recipe-description { opacity: .95; }
.air-style-zen .air-recipe-sidebar { background: #ffffff; border-radius: 12px; padding: 1.5rem; }
.air-style-zen .air-ustensile-item { border-left-color: var(--air-zen-primary); }
.air-style-zen .air-etape-number { background: linear-gradient(135deg, var(--air-zen-primary), #2dd4bf); }
.air-style-zen .air-nutrition-value { color: var(--air-zen-primary); }
.air-style-zen .air-recipe-tag { background: linear-gradient(135deg, var(--air-zen-primary), #2dd4bf); } .air-style-bistro .air-recipe-card {
background: var(--air-bistro-surface);
border: 1px solid var(--air-bistro-border);
border-radius: 14px;
overflow: hidden;
}
.air-style-bistro .air-recipe-header {
background: linear-gradient(135deg, #ef4444, #f97316);
color: #fff;
padding: 2rem 1.5rem;
text-align: left;
}
.air-style-bistro .air-recipe-title { font-size: 2.1rem; font-weight: 800; }
.air-style-bistro .air-ingredient-quantity { color: var(--air-bistro-primary); font-weight: 700; }
.air-style-bistro .air-ustensile-item { border-left-color: var(--air-bistro-primary); }
.air-style-bistro .air-etape-number { background: linear-gradient(135deg, var(--air-bistro-primary), #f97316); }
.air-style-bistro .air-recipe-tag { background: linear-gradient(135deg, var(--air-bistro-primary), #f97316); } .air-style-nocturne .air-recipe-card {
background: var(--air-nocturne-surface);
color: #e5e7eb;
border: 1px solid var(--air-nocturne-border);
border-radius: 18px;
}
.air-style-nocturne .air-recipe-header {
background: linear-gradient(135deg, #111827, #1f2937);
color: #e5e7eb;
padding: 2rem;
}
.air-style-nocturne .air-section-title { color: #e5e7eb; border-bottom-color: rgba(139,92,246,0.3); }
.air-style-nocturne .air-ustensile-item { background: #0f172a; border-left-color: var(--air-nocturne-primary); color: #e5e7eb; }
.air-style-nocturne .air-etape-number { background: linear-gradient(135deg, var(--air-nocturne-primary), #06b6d4); }
.air-style-nocturne .air-etape-conseils { background: rgba(139,92,246,0.12); border-left-color: var(--air-nocturne-primary); }
.air-style-nocturne .air-nutrition-item { background: #0f172a; }
.air-style-nocturne .air-nutrition-value { color: var(--air-nocturne-primary); }
.air-style-nocturne .air-recipe-tag { background: linear-gradient(135deg, var(--air-nocturne-primary), #06b6d4); }    .air-style-classique {
--air-color-primary: #2563eb; --air-color-secondary: #14b8a6; }
.air-style-classique .air-recipe-card { background:#ffffff; border:1px solid #e5e7eb; border-radius:14px; }
.air-style-classique .air-recipe-header { background: linear-gradient(135deg, #1d4ed8, #14b8a6); color:#fff; padding:2rem 1.5rem; }
.air-style-classique .air-recipe-title, .air-style-classique .air-recipe-description { color:#fff; } .air-style-magazine {
--air-color-primary: #ef4444; --air-color-secondary: #f59e0b; }
.air-style-magazine .air-recipe-card { background:#fff; border:1px solid #f1f5f9; border-radius:16px; }
.air-style-magazine .air-recipe-header { background: linear-gradient(135deg, #ef4444, #f59e0b); color:#fff; padding:2rem; }
.air-style-magazine .air-recipe-title, .air-style-magazine .air-recipe-description { color:#fff; } .air-style-elegant {
--air-color-primary: #c8a94b; --air-color-secondary: #1f2937; }
.air-style-elegant .air-recipe-card { background:#ffffff; border:1px solid #e5e7eb; border-radius:18px; box-shadow:0 8px 30px rgba(0,0,0,0.06); }
.air-style-elegant .air-recipe-header { background: linear-gradient(135deg, #1f2937, #111827); color:#f9fafb; padding:2rem; border-bottom:4px solid #c8a94b; }
.air-style-elegant .air-etape-number { background: linear-gradient(135deg, #c8a94b, #f59e0b); color:#111; }
.air-style-elegant .air-ustensile-item { border-left-color:#c8a94b; } .air-style-minimal {
--air-color-primary: #0ea5e9; --air-color-secondary: #64748b; }
.air-style-minimal .air-recipe-card { background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; }
.air-style-minimal .air-recipe-header { background: linear-gradient(135deg, #f8fafc, #e5e7eb); color:#111827; padding:1.75rem; }
.air-style-minimal .air-meta-item { background:#f3f4f6; color:#111827; } .air-style-colorful { --air-color-primary:#f43f5e; --air-color-secondary:#22c55e; }
.air-style-colorful .air-recipe-card { background:#fff; border:1px solid #f1f5f9; border-radius:16px; }
.air-style-colorful .air-recipe-header { background: linear-gradient(135deg, #0ea5e9, #f43f5e, #22c55e); color:#fff; padding:2rem; }
.air-style-colorful .air-meta-item { background: rgba(255,255,255,0.18); }
.air-style-colorful .air-meta-label, .air-style-colorful .air-meta-value { color:#fff; } .air-style-moderne .air-recipe-actions .button,
.air-style-classique .air-recipe-actions .button,
.air-style-magazine .air-recipe-actions .button,
.air-style-elegant .air-recipe-actions .button,
.air-style-minimal .air-recipe-actions .button,
.air-style-colorful .air-recipe-actions .button,
.air-style-zen .air-recipe-actions .button,
.air-style-bistro .air-recipe-actions .button,
.air-style-nocturne .air-recipe-actions .button {
background: var(--air-color-primary);
color:#fff;
border: none;
}
.air-style-moderne .air-recipe-actions .button:hover,
.air-style-classique .air-recipe-actions .button:hover,
.air-style-magazine .air-recipe-actions .button:hover,
.air-style-elegant .air-recipe-actions .button:hover,
.air-style-minimal .air-recipe-actions .button:hover,
.air-style-colorful .air-recipe-actions .button:hover,
.air-style-zen .air-recipe-actions .button:hover,
.air-style-bistro .air-recipe-actions .button:hover,
.air-style-nocturne .air-recipe-actions .button:hover {
filter: brightness(0.9);
} .air-style-classique .air-recipe-sidebar,
.air-style-magazine .air-recipe-sidebar,
.air-style-elegant .air-recipe-sidebar,
.air-style-minimal .air-recipe-sidebar,
.air-style-colorful .air-recipe-sidebar { background:#ffffff; border:1px solid #eef2f7; } .air-recipe-tags {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.5rem;
justify-content: center;
}
.air-recipe-tag {
background: linear-gradient(135deg, var(--air-color-primary), var(--air-color-secondary));
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
} .air-style-classique {
max-width: 800px;
margin: 0 auto;
}
.air-style-classique .air-recipe-card {
background: white;
border: 2px solid #e5e7eb;
border-radius: 8px;
padding: 2rem;
}
.air-style-classique .air-recipe-title {
font-size: 2rem;
color: #1f2937;
text-align: center;
margin-bottom: 1rem;
border-bottom: 3px solid #667eea;
padding-bottom: 1rem;
}
.air-style-classique .air-recipe-description {
text-align: center;
font-style: italic;
color: #6b7280;
margin-bottom: 2rem;
}
.air-recipe-meta-table {
width: 100%;
margin-bottom: 2rem;
border-collapse: collapse;
}
.air-recipe-meta-table td {
padding: 0.75rem;
border-bottom: 1px solid #e5e7eb;
}
.air-recipe-meta-table .air-meta-label {
font-weight: 600;
color: #374151;
width: 40%;
}
.air-recipe-meta-table .air-meta-value {
color: #667eea;
font-weight: 500;
}
.air-style-classique .air-section-title {
font-size: 1.5rem;
color: #1f2937;
border-bottom: 2px solid #667eea;
padding-bottom: 0.5rem;
margin: 2rem 0 1rem 0;
}
.air-style-classique .air-ingredients-list,
.air-style-classique .air-ustensiles-list,
.air-style-classique .air-etapes-list,
.air-style-classique .air-astuces-list {
margin-bottom: 2rem;
}
.air-style-classique .air-ingredient-item,
.air-style-classique .air-ustensile-item,
.air-style-classique .air-etape-item,
.air-style-classique .air-astuce-item {
padding: 0.75rem 0;
border-bottom: 1px solid #f3f4f6;
}
.air-style-classique .air-etape-item {
padding: 1.5rem 0;
}
.air-nutrition-table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
.air-nutrition-table td {
padding: 0.75rem;
border-bottom: 1px solid #e5e7eb;
}
.air-nutrition-table td:first-child {
font-weight: 600;
color: #374151;
}
.air-nutrition-table td:last-child {
color: #667eea;
font-weight: 500;
} .air-recipe-actions {
display: flex;
gap: 1rem;
justify-content: center;
margin: 2rem 0;
padding: 1.5rem;
background: #f8fafc;
border-radius: 12px;
}
.air-recipe-actions .button {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s;
}
.air-recipe-widget {
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin: 1rem 0;
}
.air-widget-title {
font-size: 1.2rem;
font-weight: 700;
margin: 0 0 1rem 0;
color: #1f2937;
}
.air-widget-meta {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1rem;
}
.air-widget-meta span {
font-size: 0.85rem;
color: #6b7280;
}
.air-widget-description {
color: #374151;
line-height: 1.6;
margin-bottom: 1rem;
}
.air-widget-link {
display: inline-block;
background: var(--air-color-primary);
color: white;
padding: 0.5rem 1rem;
border-radius: 6px;
text-decoration: none;
font-weight: 500;
transition: background-color 0.2s;
}
.air-widget-link:hover {
background: #0284c7;
color: white;
}  .air-style-colorful .air-recipe-header {
background: linear-gradient(135deg, #0ea5e9, #ef4444, #f59e0b);
color: #fff;
}
.air-style-colorful .air-recipe-title,
.air-style-colorful .air-recipe-description { color: #fff; }
.air-style-colorful .air-meta-item { background: rgba(255,255,255,0.18); }
.air-style-colorful .air-meta-label,
.air-style-colorful .air-meta-value { color: #fff; } .air-style-magazine .air-recipe-header {
background: linear-gradient(135deg, var(--air-color-primary), var(--air-color-secondary));
color: #fff;
}
.air-style-magazine .air-recipe-title,
.air-style-magazine .air-recipe-description { color: #fff; } .air-style-elegant .air-recipe-card { background: #fff; }
.air-style-elegant .air-section-title { color: #111827; }
.air-style-elegant .air-etape-description { color: #1f2937; } .air-style-minimal .air-meta-item { background: #f3f4f6; color: #111827; }
.air-style-minimal .air-section-title { color: #111827; } .air-recipe-tags {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 2rem;
}
.air-recipe-tag {
background: #667eea;
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
} @media (max-width: 768px) {
.air-style-moderne {
margin: 1rem;
padding: 0;
}
.air-style-moderne .air-recipe-header {
padding: 2rem 1.5rem;
}
.air-style-moderne .air-recipe-title {
font-size: 2rem;
}
.air-recipe-meta-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.air-recipe-content {
padding: 1.5rem;
}
.air-recipe-sidebar {
padding: 1.5rem;
position: static;
}
.air-section-title {
font-size: 1.3rem;
}
.air-etape-item {
gap: 1rem;
}
.air-etape-number {
font-size: 1.2rem;
width: 30px;
height: 30px;
line-height: 28px;
}
}
@media (max-width: 480px) {
.air-style-moderne .air-recipe-title {
font-size: 1.7rem;
}
.air-recipe-content {
padding: 1rem;
}
.air-recipe-sidebar {
padding: 1rem;
}
.air-meta-item {
padding: 0.75rem;
}
.air-ingredient-item {
padding: 0.5rem;
}
.air-etape-item {
gap: 0.75rem;
}
.air-etape-number {
font-size: 1rem;
width: 25px;
height: 25px;
line-height: 23px;
}
} .air-recipe-container {
transition: all 0.3s ease;
}
.air-ingredient-item {
transition: all 0.2s ease;
}
.air-ingredient-item:hover {
background: rgba(99, 102, 241, 0.05);
transform: translateX(2px);
}
.air-etape-item {
transition: all 0.2s ease;
}
.air-etape-item:hover {
background: rgba(99, 102, 241, 0.02);
transform: translateY(-1px);
}
.air-meta-item {
transition: all 0.2s ease;
}
.air-meta-item:hover {
background: rgba(255, 255, 255, 0.4);
transform: translateY(-1px);
} @keyframes slideInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.air-etape-item {
animation: slideInUp 0.5s ease forwards;
}
.air-ingredient-item {
animation: slideInUp 0.3s ease forwards;
} @media (prefers-color-scheme: dark) {
.air-recipe-container {
color: #f3f4f6;
}
.air-style-moderne .air-recipe-card {
background: #1f2937;
border-color: #374151;
}
.air-recipe-sidebar {
background: #111827;
}
.air-recipe-footer {
background: #111827;
}
.air-etape-description {
color: #d1d5db;
}
.air-astuce-item {
background: #374151;
color: #f3f4f6;
}
} .air-recipe-portions-calculator {
background: linear-gradient(135deg, #10b981, #047857);
color: white;
padding: 1rem 1.5rem;
border-radius: 12px;
margin-bottom: 1.5rem;
text-align: center;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
.air-recipe-portions-calculator label {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
font-weight: 600;
font-size: 1.1rem;
}
.air-portions-multiplier {
background: white;
border: 2px solid transparent;
border-radius: 8px;
padding: 0.5rem 1rem;
font-size: 1rem;
font-weight: 600;
color: #047857;
cursor: pointer;
transition: all 0.2s;
}
.air-portions-multiplier:focus {
outline: none;
border-color: #10b981;
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
} .air-shortcode-generator {
background: #f8fafc;
border: 2px dashed #d1d5db;
border-radius: 8px;
padding: 2rem;
text-align: center;
margin: 2rem 0;
}
.air-generate-recipe-btn {
margin-top: 1rem;
}
.air-generation-status {
margin-top: 1rem;
} .air-no-recipe {
background: #fef2f2;
border: 1px solid #fecaca;
color: #dc2626;
padding: 1rem;
border-radius: 8px;
text-align: center;
margin: 1rem 0;
} @media (max-width: 768px) {
.air-recipe-content {
grid-template-columns: 1fr;
gap: 2rem;
padding: 2rem 1rem;
}
.air-recipe-sidebar {
position: static;
order: 2;
}
.air-recipe-main {
order: 1;
}
.air-style-moderne .air-recipe-header {
padding: 2rem 1rem;
}
.air-style-moderne .air-recipe-title {
font-size: 2rem;
}
.air-recipe-meta-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.air-etape-item {
flex-direction: column;
gap: 1rem;
}
.air-etape-number {
align-self: flex-start;
}
.air-nutrition-grid {
grid-template-columns: repeat(2, 1fr);
}
.air-recipe-actions {
flex-direction: column;
}
.air-style-classique .air-recipe-card {
padding: 1rem;
}
}
@media (max-width: 480px) {
.air-style-moderne .air-recipe-title {
font-size: 1.5rem;
}
.air-recipe-meta-grid {
grid-template-columns: 1fr;
}
.air-meta-item {
padding: 0.75rem;
}
.air-nutrition-grid {
grid-template-columns: 1fr;
}
.air-recipe-tags {
justify-content: flex-start;
}
} @keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.air-recipe-container {
animation: fadeIn 0.6s ease-out;
} .air-ingredient-checkbox input:checked + .air-checkmark + .air-ingredient-quantity,
.air-ingredient-checkbox input:checked + .air-checkmark + .air-ingredient-quantity + .air-ingredient-name {
text-decoration: line-through;
opacity: 0.6;
} @media print {
.air-recipe-actions,
.air-shortcode-generator,
.air-generation-status {
display: none !important;
}
.air-recipe-container {
box-shadow: none !important;
border: 1px solid #000 !important;
}
.air-style-moderne .air-recipe-header {
background: #f0f0f0 !important;
color: #000 !important;
}
}.air-style-moderne {
--air-ink: #243126;
--air-ink-soft: #536057;
--air-cream: #fbf8f1;
--air-paper: #fffdf8;
--air-sage: #526b4d;
--air-sage-dark: #354a34;
--air-sage-soft: #e6ecdf;
--air-terracotta: #c76745;
--air-terracotta-soft: #f4ded2;
--air-gold: #d7a84c;
--air-line: rgba(53, 74, 52, 0.14);
--air-shadow: 0 28px 80px rgba(36, 49, 38, 0.13), 0 3px 12px rgba(36, 49, 38, 0.06);
max-width: 1160px;
margin: clamp(24px, 5vw, 72px) auto;
padding: 0 clamp(10px, 2vw, 24px);
container-name: air-recipe;
container-type: inline-size;
color: var(--air-ink);
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.65;
}
.air-style-moderne .air-recipe-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(53, 74, 52, 0.12);
border-radius: 30px;
background: var(--air-paper);
box-shadow: var(--air-shadow);
}
.air-style-moderne .air-recipe-card::before {
display: none;
}
.air-style-moderne .air-recipe-header {
position: relative;
isolation: isolate;
overflow: hidden;
padding: clamp(46px, 7vw, 88px) clamp(24px, 8vw, 108px) clamp(40px, 6vw, 68px);
color: #fffdf7;
text-align: left;
background:
linear-gradient(120deg, rgba(31, 51, 34, 0.98), rgba(68, 91, 61, 0.96)),
#354a34;
box-shadow: none;
}
.air-style-moderne .air-recipe-header::after {
content: "";
position: absolute;
z-index: -1;
inset: 0;
opacity: 0.18;
background-image: radial-gradient(rgba(255, 255, 255, 0.28) 0.7px, transparent 0.7px);
background-size: 9px 9px;
pointer-events: none;
}
.air-style-moderne .air-recipe-hero-content {
position: relative;
z-index: 2;
max-width: 880px;
}
.air-style-moderne .air-recipe-hero-orb {
position: absolute;
z-index: 1;
border-radius: 999px;
pointer-events: none;
}
.air-style-moderne .air-recipe-hero-orb-one {
top: -165px;
right: -125px;
width: 420px;
height: 420px;
border: 1px solid rgba(255, 255, 255, 0.13);
background: rgba(224, 184, 103, 0.12);
}
.air-style-moderne .air-recipe-hero-orb-two {
right: 90px;
bottom: -205px;
width: 330px;
height: 330px;
border: 70px solid rgba(255, 255, 255, 0.035);
}
.air-style-moderne .air-recipe-eyebrow,
.air-style-moderne p.air-recipe-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 22px;
color: #f5d99e;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.17em;
line-height: 1;
text-transform: uppercase;
}
.air-style-moderne .air-recipe-eyebrow-mark {
display: inline-grid;
width: 26px;
height: 26px;
place-items: center;
border: 1px solid rgba(245, 217, 158, 0.35);
border-radius: 50%;
background: rgba(245, 217, 158, 0.1);
}
.air-style-moderne .air-recipe-eyebrow-mark svg {
width: 14px;
fill: currentColor;
}
.air-style-moderne .air-recipe-title {
max-width: 800px;
margin: 0;
color: #fffdf7;
font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
font-size: clamp(40px, 6.2vw, 74px);
font-weight: 600;
letter-spacing: -0.045em;
line-height: 0.98;
text-wrap: balance;
}
.air-style-moderne .air-recipe-description,
.air-style-moderne p.air-recipe-description {
max-width: 720px;
margin: 24px 0 0;
color: rgba(255, 253, 247, 0.76);
font-size: clamp(16px, 1.8vw, 19px);
line-height: 1.7;
}
.air-style-moderne .air-recipe-meta-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
max-width: 850px;
margin: clamp(30px, 5vw, 48px) 0 0;
}
.air-style-moderne .air-meta-item {
display: flex;
min-width: 0;
align-items: center;
gap: 11px;
padding: 13px 14px;
color: #fffdf7;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 14px;
background: rgba(255, 255, 255, 0.075);
box-shadow: none;
backdrop-filter: blur(10px);
transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.air-style-moderne .air-meta-item:hover {
transform: translateY(-2px);
border-color: rgba(255, 255, 255, 0.26);
background: rgba(255, 255, 255, 0.11);
box-shadow: none;
}
.air-style-moderne .air-meta-icon {
display: grid;
flex: 0 0 34px;
width: 34px;
height: 34px;
place-items: center;
color: #f5d99e;
border-radius: 10px;
background: rgba(255, 255, 255, 0.08);
}
.air-style-moderne .air-meta-icon svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
.air-style-moderne .air-meta-copy {
min-width: 0;
}
.air-style-moderne .air-meta-label {
display: block;
overflow: hidden;
margin: 0 0 1px;
color: rgba(255, 253, 247, 0.58);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.3;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.air-style-moderne .air-meta-value {
display: block;
overflow: hidden;
color: #fffdf7;
font-size: 14px;
font-weight: 750;
line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
}
.air-style-moderne .air-recipe-nav {
position: sticky;
z-index: 30;
top: var(--wp-admin--admin-bar--height, 0px);
display: flex;
min-height: 70px;
align-items: center;
gap: 6px;
padding: 10px clamp(18px, 5vw, 58px);
border-bottom: 1px solid var(--air-line);
background: rgba(255, 253, 248, 0.94);
box-shadow: 0 9px 30px rgba(36, 49, 38, 0.06);
backdrop-filter: blur(16px);
}
.air-style-moderne .air-recipe-nav-link {
display: inline-flex;
min-height: 42px;
align-items: center;
gap: 8px;
padding: 8px 13px;
color: var(--air-ink-soft);
border-radius: 999px;
font-size: 13px;
font-weight: 750;
line-height: 1;
text-decoration: none;
transition: color 180ms ease, background-color 180ms ease;
}
.air-style-moderne .air-recipe-nav-link:hover,
.air-style-moderne .air-recipe-nav-link:focus-visible,
.air-style-moderne .air-recipe-nav-link.is-active {
color: var(--air-sage-dark);
background: var(--air-sage-soft);
outline: none;
}
.air-style-moderne .air-recipe-nav-link small {
display: inline-grid;
min-width: 21px;
height: 21px;
place-items: center;
padding: 0 5px;
color: var(--air-sage-dark);
border-radius: 999px;
background: rgba(255, 255, 255, 0.7);
font-size: 10px;
font-weight: 800;
}
.air-style-moderne .air-recipe-nav-spacer {
flex: 1;
}
.air-style-moderne .air-recipe-nav-action {
display: inline-grid;
width: 40px;
height: 40px;
place-items: center;
padding: 0;
color: var(--air-ink-soft);
border: 1px solid var(--air-line);
border-radius: 50%;
background: #fff;
cursor: pointer;
transition: color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.air-style-moderne .air-recipe-nav-action:hover,
.air-style-moderne .air-recipe-nav-action:focus-visible,
.air-style-moderne .air-recipe-nav-action.saved {
color: var(--air-terracotta);
border-color: rgba(199, 103, 69, 0.35);
box-shadow: 0 8px 18px rgba(36, 49, 38, 0.09);
outline: none;
transform: translateY(-1px);
}
.air-style-moderne .air-recipe-nav-action svg,
.air-style-moderne .air-action-button svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
.air-style-moderne .air-recipe-nav-action.saved svg,
.air-style-moderne .air-action-button.saved svg {
fill: currentColor;
}
.air-style-moderne .air-recipe-content {
display: grid;
grid-template-columns: minmax(310px, 0.82fr) minmax(0, 1.55fr);
gap: clamp(34px, 6vw, 78px);
align-items: start;
padding: clamp(42px, 7vw, 88px) clamp(24px, 7vw, 84px);
}
.air-style-moderne .air-recipe-sidebar,
.air-style-moderne .air-recipe-main {
min-width: 0;
}
.air-style-moderne .air-recipe-sidebar {
position: sticky;
top: calc(var(--wp-admin--admin-bar--height, 0px) + 92px);
display: grid;
gap: 24px;
padding: 0;
border-radius: 0;
background: transparent;
}
.air-style-moderne .air-recipe-main {
grid-column: auto;
}
.air-style-moderne .air-recipe-section {
scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 96px);
}
.air-style-moderne .air-ingredients-section,
.air-style-moderne .air-ustensiles-section {
padding: clamp(20px, 3vw, 30px);
border: 1px solid var(--air-line);
border-radius: 22px;
background: #fff;
}
.air-style-moderne .air-ingredients-section {
box-shadow: 0 18px 46px rgba(36, 49, 38, 0.08);
}
.air-style-moderne .air-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 16px;
margin-bottom: 22px;
}
.air-style-moderne .air-section-kicker,
.air-style-moderne p.air-section-kicker {
margin: 0 0 5px;
color: var(--air-terracotta);
font-size: 10px;
font-weight: 850;
letter-spacing: 0.16em;
line-height: 1.3;
text-transform: uppercase;
}
.air-style-moderne .air-section-title {
display: block;
margin: 0 0 28px;
padding: 0;
color: var(--air-ink);
border: 0;
font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
font-size: clamp(27px, 3vw, 38px);
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1.08;
}
.air-style-moderne .air-section-heading .air-section-title {
margin-bottom: 0;
font-size: clamp(24px, 2.6vw, 32px);
}
.air-style-moderne .air-portions-control {
flex: 0 0 auto;
text-align: right;
}
.air-style-moderne .air-portions-label {
display: block;
margin-bottom: 5px;
color: var(--air-ink-soft);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.air-style-moderne .air-portions-stepper {
display: inline-grid;
grid-template-columns: 30px 38px 30px;
align-items: center;
overflow: hidden;
border: 1px solid var(--air-line);
border-radius: 10px;
background: var(--air-cream);
}
.air-style-moderne .air-portions-button {
display: grid;
width: 30px;
height: 30px;
place-items: center;
padding: 0;
color: var(--air-sage-dark);
border: 0;
background: transparent;
cursor: pointer;
font: inherit;
font-size: 18px;
line-height: 1;
}
.air-style-moderne .air-portions-button:hover,
.air-style-moderne .air-portions-button:focus-visible {
background: var(--air-sage-soft);
outline: none;
}
.air-style-moderne .air-portions-value {
color: var(--air-ink);
font-size: 13px;
font-weight: 850;
text-align: center;
}
.air-style-moderne .air-ingredients-list {
display: grid;
gap: 2px;
list-style: none;
}
.air-style-moderne .air-ingredient-item {
display: grid;
grid-template-columns: 22px minmax(54px, auto) minmax(0, 1fr);
gap: 10px;
align-items: center;
min-height: 48px;
margin: 0;
padding: 8px 2px;
color: var(--air-ink);
border: 0;
border-bottom: 1px solid rgba(53, 74, 52, 0.09);
border-radius: 0;
background: transparent;
transition: opacity 180ms ease;
}
.air-style-moderne .air-ingredient-item:last-child {
border-bottom: 0;
}
.air-style-moderne .air-ingredient-checkbox {
position: relative;
display: block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.air-style-moderne .air-ingredient-item:hover {
background: rgba(230, 236, 223, 0.38);
}
.air-style-moderne .air-checkbox {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.air-style-moderne .air-checkmark {
position: relative;
display: block;
width: 20px;
height: 20px;
border: 1.5px solid rgba(53, 74, 52, 0.35);
border-radius: 6px;
background: #fff;
transition: border-color 180ms ease, background-color 180ms ease;
}
.air-style-moderne .air-checkmark::after {
content: "";
position: absolute;
top: 3px;
left: 6px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
opacity: 0;
transform: rotate(45deg) scale(0.7);
transition: opacity 150ms ease, transform 150ms ease;
}
.air-style-moderne .air-checkbox:focus-visible + .air-checkmark {
outline: 3px solid rgba(199, 103, 69, 0.2);
outline-offset: 2px;
}
.air-style-moderne .air-checkbox:checked + .air-checkmark {
border-color: var(--air-sage);
background: var(--air-sage);
}
.air-style-moderne .air-checkbox:checked + .air-checkmark::after {
opacity: 1;
transform: rotate(45deg) scale(1);
}
.air-style-moderne .air-ingredient-item.completed {
opacity: 0.52;
}
.air-style-moderne .air-ingredient-item.completed .air-ingredient-name {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.air-style-moderne .air-ingredient-quantity {
min-width: 0;
padding: 0;
color: var(--air-terracotta);
border-radius: 0;
background: transparent;
font-size: 13px;
font-weight: 850;
white-space: nowrap;
}
.air-style-moderne .air-quantity-number + .air-quantity-unit {
margin-left: 3px;
}
.air-style-moderne .air-ingredient-name {
min-width: 0;
color: var(--air-ink);
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.air-style-moderne .air-ingredient-name-link {
text-decoration-color: rgba(82, 107, 77, 0.28);
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.air-style-moderne .air-ingredient-name-link:hover,
.air-style-moderne .air-ingredient-name-link:focus-visible {
color: var(--air-sage-dark);
text-decoration-color: currentColor;
outline: none;
}
.air-style-moderne .air-ingredient-optional {
grid-column: 3;
justify-self: start;
margin-top: -7px;
padding: 2px 7px;
color: var(--air-ink-soft);
border-radius: 999px;
background: var(--air-cream);
font-size: 9px;
font-style: normal;
font-weight: 750;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.air-style-moderne .air-ustensiles-list {
display: flex;
flex-wrap: wrap;
gap: 7px;
list-style: none;
}
.air-style-moderne .air-ustensile-item {
padding: 6px 10px;
color: var(--air-ink-soft);
border: 1px solid var(--air-line);
border-radius: 999px;
background: var(--air-cream);
font-size: 11px;
font-weight: 700;
}
.air-style-moderne .air-etapes-list {
position: relative;
display: grid;
gap: 0;
list-style: none;
}
.air-style-moderne .air-etapes-list::before {
content: "";
position: absolute;
top: 46px;
bottom: 46px;
left: 22px;
width: 1px;
background: linear-gradient(var(--air-terracotta-soft), var(--air-sage-soft));
}
.air-style-moderne .air-etape-item {
position: relative;
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
gap: 20px;
margin: 0;
padding: 0 0 clamp(32px, 5vw, 52px);
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.air-style-moderne .air-etape-item:last-child {
padding-bottom: 0;
}
.air-style-moderne .air-etape-number {
position: relative;
z-index: 2;
display: grid;
width: 46px;
height: 46px;
place-items: center;
color: #fff;
border: 6px solid var(--air-paper);
border-radius: 50%;
background: var(--air-terracotta);
box-shadow: 0 0 0 1px rgba(199, 103, 69, 0.2), 0 7px 16px rgba(199, 103, 69, 0.19);
font-family: "Iowan Old Style", Georgia, serif;
font-size: 16px;
font-weight: 700;
}
.air-style-moderne .air-etape-content {
min-width: 0;
padding: 5px 0 0;
}
.air-style-moderne .air-etape-description {
margin: 0;
color: var(--air-ink);
font-size: clamp(16px, 1.75vw, 18px);
line-height: 1.75;
}
.air-style-moderne .air-etape-description p {
margin: 0;
}
.air-style-moderne .air-etape-image {
overflow: hidden;
margin: 18px 0 4px;
border-radius: 16px;
background: var(--air-cream);
box-shadow: 0 13px 32px rgba(36, 49, 38, 0.1);
}
.air-style-moderne .air-etape-image img {
display: block;
width: 100%;
max-height: 420px;
object-fit: cover;
border-radius: 0;
box-shadow: none;
}
.air-style-moderne .air-etape-details {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.air-style-moderne .air-etape-temps {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0;
padding: 6px 10px;
color: #8d4e35;
border: 0;
border-radius: 999px;
background: var(--air-terracotta-soft);
font-size: 11px;
font-weight: 800;
line-height: 1;
}
.air-style-moderne .air-etape-temps::before {
content: "";
width: 6px;
height: 6px;
border: 1.5px solid currentColor;
border-radius: 50%;
}
.air-style-moderne .air-timer-btn {
display: inline-grid;
width: 24px;
height: 24px;
place-items: center;
margin: -3px -6px -3px 0;
padding: 0;
color: inherit;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
font-size: 0;
}
.air-style-moderne .air-timer-btn::after {
content: "▶";
margin-left: 1px;
font-size: 8px;
}
.air-style-moderne .air-timer-display {
font-variant-numeric: tabular-nums;
}
.air-style-moderne .air-timer-display.completed {
color: var(--air-sage-dark);
}
.air-style-moderne .air-timer-stop {
padding: 2px 6px;
color: currentColor;
border: 0;
background: transparent;
cursor: pointer;
font-size: 10px;
text-decoration: underline;
}
.air-style-moderne .air-etape-conseils {
display: grid;
gap: 4px;
margin-top: 16px;
padding: 15px 18px;
color: var(--air-sage-dark);
border: 0;
border-left: 3px solid var(--air-gold);
border-radius: 0 12px 12px 0;
background: #f5f2e5;
font-size: 13px;
line-height: 1.55;
}
.air-style-moderne .air-etape-conseils strong {
color: #80611e;
font-size: 10px;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.air-style-moderne .air-recipe-footer {
display: grid;
gap: 28px;
padding: clamp(12px, 2vw, 24px) clamp(24px, 7vw, 84px) clamp(44px, 7vw, 84px);
border-top: 1px solid var(--air-line);
background: #f2eee5;
}
.air-style-moderne .air-recipe-footer > .air-recipe-section,
.air-style-moderne .air-recipe-footer > .air-extra-section,
.air-style-moderne .air-recipe-footer > section {
padding: clamp(24px, 4vw, 38px);
border: 1px solid var(--air-line);
border-radius: 22px;
background: #fff;
}
.air-style-moderne .air-recipe-footer .air-section-title {
font-size: clamp(25px, 3vw, 34px);
}
.air-style-moderne .air-astuces-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
list-style: none;
}
.air-style-moderne .air-astuce-item {
position: relative;
padding: 16px 16px 16px 44px;
color: var(--air-ink-soft);
border-radius: 14px;
background: var(--air-cream);
font-size: 13px;
line-height: 1.55;
}
.air-style-moderne .air-astuce-item::before {
content: "✦";
position: absolute;
top: 15px;
left: 17px;
color: var(--air-gold);
font-size: 15px;
}
.air-style-moderne .air-veggie-section {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 18px;
align-items: start;
border-color: rgba(82, 107, 77, 0.2) !important;
background: var(--air-sage-soft) !important;
}
.air-style-moderne .air-feature-badge {
display: grid;
width: 52px;
height: 52px;
place-items: center;
color: #fff;
border-radius: 16px;
background: var(--air-sage);
font-family: "Iowan Old Style", Georgia, serif;
font-size: 23px;
font-weight: 700;
}
.air-style-moderne .air-veggie-description {
margin: -12px 0 0;
color: var(--air-ink-soft);
}
.air-style-moderne .air-nutrition-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
.air-style-moderne .air-nutrition-item {
display: grid;
gap: 4px;
min-height: 96px;
align-content: center;
padding: 16px;
border: 1px solid var(--air-line);
border-radius: 16px;
background: var(--air-cream);
text-align: center;
}
.air-style-moderne .air-nutrition-value {
color: var(--air-sage-dark);
font-family: "Iowan Old Style", Georgia, serif;
font-size: clamp(22px, 2.8vw, 30px);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1;
}
.air-style-moderne .air-nutrition-label {
color: var(--air-ink-soft);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.air-style-moderne .air-recipe-tags {
display: flex;
flex-wrap: wrap;
gap: 7px;
padding: 2px 0;
}
.air-style-moderne .air-recipe-tag {
padding: 6px 11px;
color: var(--air-sage-dark);
border: 1px solid rgba(82, 107, 77, 0.17);
border-radius: 999px;
background: var(--air-sage-soft);
font-size: 10px;
font-weight: 750;
}
.air-style-moderne .air-recipe-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 0;
padding: 12px 0 4px;
border-radius: 0;
background: transparent;
}
.air-style-moderne .air-action-button {
display: inline-flex;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 9px;
padding: 10px 18px;
color: var(--air-sage-dark);
border: 1px solid var(--air-line);
border-radius: 999px;
background: #fff;
box-shadow: none;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 800;
text-decoration: none;
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.air-style-moderne .air-action-button:hover,
.air-style-moderne .air-action-button:focus-visible {
border-color: rgba(82, 107, 77, 0.3);
background: var(--air-cream);
box-shadow: 0 9px 20px rgba(36, 49, 38, 0.08);
outline: none;
transform: translateY(-2px);
}
.air-style-moderne .air-action-button-primary {
color: #fff;
border-color: var(--air-sage-dark);
background: var(--air-sage-dark);
}
.air-style-moderne .air-action-button-primary:hover,
.air-style-moderne .air-action-button-primary:focus-visible {
color: #fff;
background: #273a29;
}
.air-style-moderne .air-action-button.saved {
color: var(--air-terracotta);
border-color: rgba(199, 103, 69, 0.3);
background: #fff7f3;
}
.air-style-moderne .air-reviews-section {
margin-top: 12px;
}
@media (max-width: 920px) {
.air-style-moderne .air-recipe-meta-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.air-style-moderne .air-recipe-content {
grid-template-columns: 1fr;
}
.air-style-moderne .air-recipe-sidebar {
position: static;
grid-template-columns: minmax(0, 1.3fr) minmax(230px, 0.7fr);
}
} @container air-recipe (max-width: 920px) {
.air-style-moderne .air-recipe-meta-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.air-style-moderne .air-recipe-content {
grid-template-columns: minmax(0, 1fr);
gap: 52px;
padding: 56px 48px 64px;
}
.air-style-moderne .air-recipe-sidebar {
position: static;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.air-style-moderne .air-recipe-main {
width: 100%;
}
.air-style-moderne .air-recipe-footer {
padding-right: 48px;
padding-left: 48px;
}
}
@container air-recipe (max-width: 700px) {
.air-style-moderne .air-recipe-header {
padding: 54px 48px 44px;
}
.air-style-moderne .air-recipe-content {
gap: 44px;
padding: 42px 28px 54px;
}
.air-style-moderne .air-recipe-sidebar {
grid-template-columns: minmax(0, 1fr);
}
.air-style-moderne .air-recipe-footer {
padding-right: 28px;
padding-left: 28px;
}
}
@container air-recipe (max-width: 520px) {
.air-style-moderne .air-recipe-header {
padding: 42px 23px 35px;
}
.air-style-moderne .air-recipe-nav {
overflow-x: auto;
justify-content: flex-start;
padding-right: 12px;
padding-left: 12px;
scrollbar-width: none;
}
.air-style-moderne .air-recipe-nav::-webkit-scrollbar {
display: none;
}
.air-style-moderne .air-recipe-nav-link {
flex: 0 0 auto;
}
.air-style-moderne .air-recipe-nav-spacer,
.air-style-moderne .air-recipe-nav-action {
display: none;
}
.air-style-moderne .air-recipe-content,
.air-style-moderne .air-recipe-footer {
padding-right: 17px;
padding-left: 17px;
}
.air-style-moderne .air-etape-item {
grid-template-columns: 40px minmax(0, 1fr);
gap: 14px;
}
.air-style-moderne .air-etape-number {
width: 40px;
height: 40px;
border-width: 5px;
}
.air-style-moderne .air-etapes-list::before {
top: 40px;
left: 19px;
}
.air-style-moderne .air-astuces-list,
.air-style-moderne .air-nutrition-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.air-style-moderne {
margin: 18px auto;
padding: 0 6px;
}
.air-style-moderne .air-recipe-card {
border-radius: 20px;
}
.air-style-moderne .air-recipe-header {
padding: 42px 23px 35px;
}
.air-style-moderne .air-recipe-title {
font-size: clamp(37px, 13vw, 56px);
}
.air-style-moderne .air-recipe-description {
font-size: 15px;
}
.air-style-moderne .air-recipe-meta-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
}
.air-style-moderne .air-meta-item {
padding: 10px;
}
.air-style-moderne .air-meta-icon {
display: none;
}
.air-style-moderne .air-recipe-nav {
overflow-x: auto;
min-height: 60px;
justify-content: flex-start;
padding: 8px 12px;
scrollbar-width: none;
}
.air-style-moderne .air-recipe-nav::-webkit-scrollbar {
display: none;
}
.air-style-moderne .air-recipe-nav-link {
flex: 0 0 auto;
min-height: 38px;
padding: 7px 11px;
}
.air-style-moderne .air-recipe-nav-spacer,
.air-style-moderne .air-recipe-nav-action {
display: none;
}
.air-style-moderne .air-recipe-content,
.air-style-moderne .air-recipe-footer {
padding-right: 17px;
padding-left: 17px;
}
.air-style-moderne .air-recipe-content {
gap: 42px;
padding-top: 38px;
padding-bottom: 50px;
}
.air-style-moderne .air-recipe-sidebar {
grid-template-columns: 1fr;
order: 1;
}
.air-style-moderne .air-recipe-main {
order: 2;
}
.air-style-moderne .air-section-heading {
align-items: center;
}
.air-style-moderne .air-ingredient-checkbox {
grid-template-columns: 22px minmax(48px, auto) minmax(0, 1fr);
}
.air-style-moderne .air-etape-item {
grid-template-columns: 40px minmax(0, 1fr);
gap: 14px;
}
.air-style-moderne .air-etape-number {
width: 40px;
height: 40px;
border-width: 5px;
}
.air-style-moderne .air-etapes-list::before {
top: 40px;
left: 19px;
}
.air-style-moderne .air-astuces-list,
.air-style-moderne .air-nutrition-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.air-style-moderne .air-recipe-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.air-style-moderne .air-action-button-primary {
grid-column: 1 / -1;
}
}
@media (max-width: 390px) {
.air-style-moderne .air-section-heading {
align-items: start;
flex-direction: column;
}
.air-style-moderne .air-portions-control {
text-align: left;
}
}
@media (prefers-reduced-motion: reduce) {
.air-style-moderne *,
.air-style-moderne *::before,
.air-style-moderne *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
@media print {
.air-style-moderne {
margin: 0;
padding: 0;
color: #111;
}
.air-style-moderne .air-recipe-card {
border: 0;
border-radius: 0;
box-shadow: none;
}
.air-style-moderne .air-recipe-header {
padding: 24px 0;
color: #111;
background: #fff;
}
.air-style-moderne .air-recipe-title,
.air-style-moderne .air-recipe-description,
.air-style-moderne .air-meta-item,
.air-style-moderne .air-meta-value,
.air-style-moderne .air-meta-label {
color: #111;
}
.air-style-moderne .air-recipe-nav,
.air-style-moderne .air-recipe-actions,
.air-style-moderne .air-portions-control,
.air-style-moderne .air-reviews-section,
.air-style-moderne .air-timer-btn,
.air-style-moderne .air-timer-display,
.air-style-moderne .air-timer-stop {
display: none !important;
}
.air-style-moderne .air-recipe-content {
grid-template-columns: 36% 60%;
gap: 4%;
padding: 24px 0;
}
.air-style-moderne .air-recipe-sidebar {
position: static;
}
.air-style-moderne .air-recipe-footer {
padding: 0;
}
}.air-recipe-nav {
scroll-behavior: smooth;
}
.air-recipe-nav a:focus-visible,
.air-recipe-nav button:focus-visible {
outline: 3px solid rgba(199, 103, 69, 0.26);
outline-offset: 2px;
} .air-recipe-tabs {
margin: 0;
border-bottom: 1px solid #e5e7eb;
background: #fff;
}
.air-tabs-nav {
display: flex;
overflow-x: auto;
gap: 6px;
margin: 0;
padding: 10px 16px;
list-style: none;
scrollbar-width: thin;
}
.air-tab-button {
display: inline-flex;
min-height: 42px;
align-items: center;
gap: 7px;
padding: 8px 13px;
color: #59635c;
border: 0;
border-radius: 999px;
background: transparent;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
}
.air-tab-button:hover,
.air-tab-button:focus-visible,
.air-tab-button.active {
color: #354a34;
background: #e8eee3;
outline: none;
}
.air-tab-counter {
display: inline-grid;
min-width: 20px;
height: 20px;
place-items: center;
padding: 0 5px;
color: #354a34;
border-radius: 999px;
background: rgba(255, 255, 255, 0.7);
font-size: 10px;
}
.air-tab-content {
display: none;
padding: 24px;
}
.air-tab-content.active {
display: block;
}
@media (max-width: 600px) {
.air-tabs-nav {
padding: 8px 10px;
}
.air-tab-content {
padding: 18px;
}
}.air-reviews-widget {
--air-review-ink: #28352b;
--air-review-muted: #667168;
--air-review-line: rgba(54, 73, 57, 0.14);
--air-review-accent: #c76745;
--air-review-sage: #526b4d;
margin: 24px 0 0;
padding: clamp(20px, 4vw, 34px);
color: var(--air-review-ink);
border: 1px solid var(--air-review-line);
border-radius: 20px;
background: linear-gradient(145deg, #fff 0%, #fbfaf6 100%);
box-shadow: 0 18px 45px rgba(39, 55, 42, 0.08);
}
.air-reviews-stats {
display: grid;
grid-template-columns: minmax(150px, 0.72fr) minmax(240px, 1.28fr);
gap: clamp(24px, 5vw, 52px);
align-items: center;
}
.air-rating-summary {
text-align: center;
}
.air-average-rating {
display: inline-flex;
flex-direction: column;
align-items: center;
}
.air-rating-number {
color: var(--air-review-ink);
font-family: "Iowan Old Style", Georgia, serif;
font-size: clamp(42px, 7vw, 64px);
font-weight: 700;
line-height: 0.95;
}
.air-stars-display {
display: flex;
gap: 3px;
margin: 12px 0 6px;
}
.air-star {
color: #d9ddd7;
font-size: 19px;
line-height: 1;
}
.air-star.filled {
color: #dc963f;
}
.air-total-reviews,
.air-review-moderation-note,
.air-reviews-empty {
color: var(--air-review-muted);
font-size: 14px;
}
.air-rating-breakdown {
display: grid;
gap: 9px;
}
.air-rating-bar {
display: grid;
grid-template-columns: 34px minmax(90px, 1fr) 28px;
gap: 10px;
align-items: center;
}
.air-rating-label,
.air-rating-count {
color: var(--air-review-muted);
font-size: 13px;
font-weight: 700;
}
.air-rating-count {
text-align: right;
}
.air-rating-bar-bg {
display: block;
height: 8px;
overflow: hidden;
border-radius: 999px;
background: #e8ebe6;
}
.air-rating-bar-fill {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #dfa04d, #c76745);
}
.air-reviews-empty {
max-width: 390px;
margin: 0;
line-height: 1.65;
}
.air-recent-reviews {
margin-top: 30px;
padding-top: 28px;
border-top: 1px solid var(--air-review-line);
}
.air-recent-reviews h4 {
margin: 0 0 16px;
color: var(--air-review-ink);
font-size: 18px;
}
.air-review-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
gap: 12px;
}
.air-review-item {
min-width: 0;
padding: 17px;
border: 1px solid var(--air-review-line);
border-radius: 14px;
background: #fff;
}
.air-review-header {
display: flex;
flex-wrap: wrap;
gap: 7px 10px;
align-items: center;
}
.air-review-author {
color: var(--air-review-ink);
}
.air-review-rating {
display: inline-flex;
gap: 1px;
}
.air-review-rating .air-star {
font-size: 14px;
}
.air-review-date {
margin-left: auto;
color: var(--air-review-muted);
font-size: 12px;
}
.air-review-comment {
margin: 11px 0 0;
color: #445147;
font-size: 14px;
line-height: 1.65;
}
.air-add-review-section {
display: flex;
gap: 18px;
align-items: center;
justify-content: space-between;
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid var(--air-review-line);
}
.air-review-moderation-note {
max-width: 420px;
margin: 0;
line-height: 1.55;
}
.air-add-review-btn,
.air-form-submit,
.air-form-cancel {
box-sizing: border-box;
display: inline-flex;
width: auto;
max-width: 100%;
min-height: 46px;
height: auto !important;
padding: 12px 22px !important;
align-items: center;
justify-content: center;
border-radius: 999px;
appearance: none;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 750 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
text-align: center;
text-transform: none !important;
white-space: nowrap;
cursor: pointer;
transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.air-add-review-btn {
flex: 0 0 auto;
min-width: 152px;
}
.air-form-submit {
min-width: 218px;
}
.air-add-review-btn,
.air-form-submit {
color: #fff;
border: 1px solid var(--air-review-sage);
background: var(--air-review-sage);
box-shadow: 0 8px 18px rgba(50, 75, 53, 0.16);
}
.air-add-review-btn:hover,
.air-add-review-btn:focus-visible,
.air-form-submit:hover,
.air-form-submit:focus-visible {
background: #344a37;
box-shadow: 0 11px 24px rgba(50, 75, 53, 0.22);
outline: none;
transform: translateY(-1px);
}
.air-review-form {
margin-top: 24px;
padding: clamp(18px, 4vw, 28px);
border: 1px solid var(--air-review-line);
border-radius: 16px;
background: #fff;
}
.air-review-form h4 {
margin: 0 0 20px;
color: var(--air-review-ink);
font-size: 20px;
}
.air-form-group {
margin-bottom: 17px;
}
.air-form-label {
display: block;
margin-bottom: 7px;
color: var(--air-review-ink);
font-size: 14px;
font-weight: 700;
}
.air-form-label small {
color: var(--air-review-muted);
font-weight: 500;
}
.air-form-input,
.air-form-textarea {
box-sizing: border-box;
width: 100%;
padding: 11px 13px;
color: var(--air-review-ink);
border: 1px solid #cbd2ca;
border-radius: 9px;
background: #fff;
font: inherit;
}
.air-form-textarea {
min-height: 120px;
resize: vertical;
}
.air-form-input:focus,
.air-form-textarea:focus {
border-color: var(--air-review-sage);
box-shadow: 0 0 0 3px rgba(82, 107, 77, 0.13);
outline: none;
}
.air-rating-input {
display: flex;
gap: 4px;
}
.air-rating-star {
display: grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
color: #cfd4ce;
border: 0;
border-radius: 8px;
background: transparent;
font-size: 29px;
cursor: pointer;
}
.air-rating-star:hover,
.air-rating-star:focus-visible,
.air-rating-star.selected {
color: #dc963f;
background: #fff8eb;
outline: none;
}
.air-form-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: stretch;
justify-content: flex-end;
}
.air-form-cancel {
color: var(--air-review-ink);
border: 1px solid var(--air-review-line);
background: #f5f6f3;
}
.air-form-cancel:hover,
.air-form-cancel:focus-visible {
background: #ecefe9;
outline: none;
}
.air-review-honeypot {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.air-reviews-message {
margin-top: 18px;
padding: 13px 15px;
border-radius: 10px;
font-weight: 650;
}
.air-reviews-message.success {
color: #285536;
border: 1px solid #b9d8c1;
background: #eef8f0;
}
.air-reviews-message.error {
color: #872f2f;
border: 1px solid #e4baba;
background: #fff1f1;
}
@media (max-width: 700px) {
.air-reviews-stats,
.air-review-list {
grid-template-columns: 1fr;
}
.air-add-review-section {
align-items: stretch;
flex-direction: column;
}
.air-add-review-btn {
width: 100%;
}
}
@media (max-width: 480px) {
.air-form-actions {
display: grid;
grid-template-columns: 1fr;
}
.air-form-submit,
.air-form-cancel {
width: 100%;
min-width: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.air-reviews-widget * {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}.air-recipe-container,
.air-recipe-container *,
.air-reviews-widget,
.air-reviews-widget * {
box-sizing: border-box;
}
.air-recipe-container :where(button, a, input, select, textarea):focus-visible,
.air-reviews-widget :where(button, a, input, select, textarea):focus-visible,
.air-hub-wrap :where(button, a, input, select, textarea):focus-visible {
outline: 3px solid #1d6fa5;
outline-offset: 3px;
}
.air-recipe-container button,
.air-reviews-widget button,
.air-hub-wrap button,
.air-hub-wrap select {
min-height: 40px;
}
.air-recipe-container img,
.air-hub-wrap img {
max-width: 100%;
height: auto;
}
.air-recipe-container .screen-reader-text,
.air-reviews-widget .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
.air-recipe-container *,
.air-reviews-widget *,
.air-hub-wrap * {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
@media (forced-colors: active) {
.air-recipe-container,
.air-reviews-widget,
.air-hub-card {
border: 1px solid CanvasText;
}
.air-checkmark,
.air-rating-bar-bg,
.air-rating-bar-fill {
forced-color-adjust: none;
}
}
@media print {
.air-recipe-container {
color: #000 !important;
background: #fff !important;
box-shadow: none !important;
}
.air-recipe-container :where(.air-recipe-nav, .air-recipe-actions, .air-reviews-section) {
display: none !important;
}
}.air-generator-panel {
--air-generator-ink: #243126;
--air-generator-muted: #667269;
--air-generator-green: #405b3d;
--air-generator-green-soft: #e8eee3;
--air-generator-accent: #c76745;
position: relative;
isolation: isolate;
overflow: hidden;
max-width: 760px;
margin: 36px auto;
padding: clamp(28px, 5vw, 50px);
color: var(--air-generator-ink);
border: 1px solid rgba(64, 91, 61, 0.14);
border-radius: 26px;
background: linear-gradient(145deg, #fffef9, #f7f5ec);
box-shadow: 0 24px 70px rgba(36, 49, 38, 0.12);
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
text-align: center;
}
.air-generator-panel::before,
.air-generator-panel::after {
content: "";
position: absolute;
z-index: -1;
border-radius: 50%;
pointer-events: none;
}
.air-generator-panel::before {
top: -110px;
right: -90px;
width: 260px;
height: 260px;
background: rgba(199, 103, 69, 0.08);
}
.air-generator-panel::after {
bottom: -115px;
left: -100px;
width: 240px;
height: 240px;
background: rgba(64, 91, 61, 0.07);
}
.air-generator-icon {
display: grid;
width: 68px;
height: 68px;
margin: 0 auto 22px;
place-items: center;
color: #fff;
border-radius: 21px;
background: var(--air-generator-green);
box-shadow: 0 12px 28px rgba(64, 91, 61, 0.22);
transform: rotate(-3deg);
}
.air-generator-icon svg {
width: 33px;
height: 33px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.6;
}
.air-generator-kicker {
margin: 0 0 8px;
color: var(--air-generator-accent);
font-size: 11px;
font-weight: 850;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.air-generator-title {
margin: 0;
color: var(--air-generator-ink);
font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
font-size: clamp(30px, 5vw, 44px);
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1.05;
}
.air-generator-description {
max-width: 560px;
margin: 15px auto 26px;
color: var(--air-generator-muted);
font-size: 15px;
line-height: 1.65;
}
.air-generate-recipe-btn {
display: inline-flex !important;
min-height: 52px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 22px !important;
color: #fff !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--air-generator-green) !important;
box-shadow: 0 11px 25px rgba(64, 91, 61, 0.2) !important;
cursor: pointer;
font: inherit;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.air-generate-recipe-btn:hover,
.air-generate-recipe-btn:focus-visible {
color: #fff !important;
background: #304a31 !important;
box-shadow: 0 15px 30px rgba(64, 91, 61, 0.26) !important;
outline: none;
transform: translateY(-2px);
}
.air-generate-recipe-btn:disabled {
cursor: wait;
opacity: 0.72;
transform: none;
}
.air-generate-recipe-btn svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
.air-generation-status[hidden],
.air-generation-error[hidden] {
display: none !important;
}
.air-generation-status {
max-width: 560px;
margin: 28px auto 0;
text-align: left;
}
.air-generation-status-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 9px;
}
.air-generation-message {
color: var(--air-generator-ink);
font-size: 13px;
font-weight: 800;
}
.air-generation-elapsed {
color: var(--air-generator-muted);
font-size: 11px;
font-variant-numeric: tabular-nums;
}
.air-generation-progress {
overflow: hidden;
height: 8px;
border-radius: 999px;
background: #e3e7df;
}
.air-generation-progress-bar {
width: 8%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--air-generator-green), #77906d, #d7a84c);
box-shadow: 0 0 15px rgba(64, 91, 61, 0.2);
transition: width 900ms cubic-bezier(0.22, 1, 0.36, 1);
}
.air-generation-stages {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: 14px 0 0;
padding: 0;
list-style: none;
}
.air-generation-stage {
display: flex;
align-items: center;
gap: 7px;
color: #929a94;
font-size: 10px;
font-weight: 750;
line-height: 1.3;
transition: color 180ms ease;
}
.air-generation-stage::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
border: 1px solid #b8c0b9;
border-radius: 50%;
background: #fff;
}
.air-generation-stage.is-active,
.air-generation-stage.is-complete {
color: var(--air-generator-green);
}
.air-generation-stage.is-active::before {
border-color: var(--air-generator-accent);
background: var(--air-generator-accent);
box-shadow: 0 0 0 4px rgba(199, 103, 69, 0.13);
animation: air-generator-pulse 1.4s ease-in-out infinite;
}
.air-generation-stage.is-complete::before {
border-color: var(--air-generator-green);
background: var(--air-generator-green);
}
.air-generation-error {
max-width: 560px;
margin: 22px auto 0;
padding: 13px 15px;
color: #8a3d2c;
border: 1px solid rgba(199, 103, 69, 0.24);
border-radius: 12px;
background: #fff3ee;
font-size: 13px;
line-height: 1.5;
text-align: left;
}
.air-empty-recipe {
max-width: 680px;
margin: 30px auto;
padding: 25px;
color: #5d675f;
border: 1px dashed rgba(64, 91, 61, 0.25);
border-radius: 18px;
background: #faf9f4;
font: 600 14px/1.5 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
text-align: center;
}
.air-notification {
position: fixed;
z-index: 99999;
top: calc(var(--wp-admin--admin-bar--height, 0px) + 20px);
right: 20px;
display: flex;
max-width: min(390px, calc(100vw - 40px));
align-items: center;
gap: 11px;
padding: 14px 16px;
color: #27312a;
border: 1px solid rgba(36, 49, 38, 0.12);
border-radius: 14px;
background: rgba(255, 255, 252, 0.98);
box-shadow: 0 18px 45px rgba(36, 49, 38, 0.16);
backdrop-filter: blur(12px);
animation: air-toast-in 260ms ease-out both;
font: 700 13px/1.45 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.air-notification::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #607a59;
box-shadow: 0 0 0 4px rgba(96, 122, 89, 0.12);
}
.air-notification-error::before {
background: #c75f45;
box-shadow: 0 0 0 4px rgba(199, 95, 69, 0.12);
}
.air-notification-warning::before {
background: #d29c3e;
box-shadow: 0 0 0 4px rgba(210, 156, 62, 0.13);
}
.air-notification-icon {
display: none;
}
@keyframes air-generator-pulse {
50% { box-shadow: 0 0 0 7px rgba(199, 103, 69, 0.04); }
}
@keyframes air-toast-in {
from { opacity: 0; transform: translateY(-8px) scale(0.98); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 600px) {
.air-generator-panel {
margin: 20px 8px;
padding: 30px 20px;
border-radius: 20px;
}
.air-generation-stages {
grid-template-columns: 1fr;
}
.air-notification {
right: 12px;
left: 12px;
max-width: none;
}
}
@media (prefers-reduced-motion: reduce) {
.air-generation-stage.is-active::before,
.air-notification {
animation: none;
}
} .air-recipe-container .air-off-section {
--air-off-ink: #25352c;
--air-off-muted: #66736a;
--air-off-line: rgba(52, 78, 59, 0.14);
margin-top: 28px;
padding: clamp(20px, 4vw, 32px);
color: var(--air-off-ink);
border: 1px solid var(--air-off-line);
border-radius: 20px;
background: linear-gradient(145deg, #f7faf4, #fffdf8);
}
.air-recipe-container .air-off-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
gap: 14px;
margin-top: 18px;
}
.air-recipe-container .air-off-card {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 16px;
min-width: 0;
padding: 16px;
border: 1px solid var(--air-off-line);
border-radius: 16px;
background: rgba(255, 255, 255, 0.88);
box-shadow: 0 10px 28px rgba(46, 68, 50, 0.06);
}
.air-recipe-container .air-off-card-no-image {
grid-template-columns: 1fr;
}
.air-recipe-container .air-off-image {
width: 82px;
height: 104px;
object-fit: contain;
border-radius: 10px;
background: #f2f4ef;
}
.air-recipe-container .air-off-copy {
min-width: 0;
}
.air-recipe-container .air-off-ingredient {
display: block;
margin-bottom: 4px;
color: #5b715f;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.air-recipe-container .air-off-copy h4 {
margin: 0;
color: var(--air-off-ink);
font-size: 17px;
line-height: 1.25;
}
.air-recipe-container .air-off-meta {
overflow-wrap: anywhere;
margin: 5px 0 0;
color: var(--air-off-muted);
font-size: 12px;
}
.air-recipe-container .air-off-scores {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 12px;
}
.air-recipe-container .air-off-score {
display: inline-flex;
min-height: 26px;
padding: 4px 9px;
align-items: center;
color: #26332a;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 999px;
background: #eef1ec;
font-size: 11px;
font-weight: 800;
}
.air-recipe-container .air-off-grade-a { background: #d9f1d7; }
.air-recipe-container .air-off-grade-b { background: #e9f2c4; }
.air-recipe-container .air-off-grade-c { background: #fff0bd; }
.air-recipe-container .air-off-grade-d { background: #ffe0bd; }
.air-recipe-container .air-off-grade-e { background: #ffd0ca; }
.air-recipe-container .air-off-nova { background: #eee4f5; }
.air-recipe-container .air-off-nutrients {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
overflow: hidden;
margin: 13px 0 0;
border: 1px solid var(--air-off-line);
border-radius: 10px;
background: var(--air-off-line);
}
.air-recipe-container .air-off-nutrients > div {
min-width: 0;
padding: 7px 8px;
background: #fff;
}
.air-recipe-container .air-off-nutrients dt,
.air-recipe-container .air-off-nutrients dd {
margin: 0;
font-size: 11px;
}
.air-recipe-container .air-off-nutrients dt {
color: var(--air-off-muted);
}
.air-recipe-container .air-off-nutrients dd {
margin-top: 2px;
color: var(--air-off-ink);
font-weight: 800;
}
.air-recipe-container .air-off-alert {
margin: 10px 0 0;
color: #634b36;
font-size: 12px;
line-height: 1.5;
}
@media (max-width: 520px) {
.air-recipe-container .air-off-card {
grid-template-columns: 60px minmax(0, 1fr);
padding: 13px;
}
.air-recipe-container .air-off-card-no-image {
grid-template-columns: 1fr;
}
.air-recipe-container .air-off-image {
width: 60px;
height: 80px;
}
}:root {
--oqg-primary-color: #0073aa;
--oqg-secondary-color: #005177;
--oqg-success-color: #46b450;
--oqg-error-color: #dc3232;
--oqg-warning-color: #ffb900;
--oqg-border-radius: 8px;
--oqg-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
--oqg-transition: all 0.3s ease;
} .oqg-quiz-container {
max-width: 800px;
margin: 2rem auto;
background: white;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
overflow: visible;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
} .oqg-quiz-header {
background: linear-gradient(135deg, var(--oqg-primary-color), var(--oqg-secondary-color));
color: white;
padding: 2rem;
text-align: center;
}
.oqg-quiz-title {
margin: 0 0 1rem 0;
font-size: 1.8rem;
font-weight: 600;
}
.oqg-quiz-description {
margin: 0 0 1.5rem 0;
font-size: 1.1rem;
opacity: 0.9;
line-height: 1.5;
}
.oqg-quiz-info {
display: flex;
justify-content: center;
gap: 2rem;
font-size: 0.9rem;
}
.oqg-question-count,
.oqg-difficulty {
background: rgba(255, 255, 255, 0.2);
padding: 0.5rem 1rem;
border-radius: 20px;
backdrop-filter: blur(10px);
}
.oqg-difficulty-easy { background-color: var(--oqg-success-color); }
.oqg-difficulty-medium { background-color: var(--oqg-warning-color); }
.oqg-difficulty-hard { background-color: var(--oqg-error-color); } .oqg-quiz-form {
padding: 2rem;
} .oqg-user-info {
background: #f8f9fa;
padding: 1.5rem;
border-radius: var(--oqg-border-radius);
margin-bottom: 2rem;
}
.oqg-user-info h4 {
margin: 0 0 1rem 0;
color: var(--oqg-secondary-color);
}
.oqg-field {
margin-bottom: 1rem;
}
.oqg-field label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
color: #333;
}
.oqg-field input {
width: 100%;
padding: 0.75rem;
border: 2px solid #ddd;
border-radius: var(--oqg-border-radius);
font-size: 1rem;
transition: var(--oqg-transition);
}
.oqg-field input:focus {
outline: none;
border-color: var(--oqg-primary-color);
box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
} .oqg-questions {
margin-bottom: 2rem;
}
.oqg-question {
background: #fff;
border: 2px solid #f0f0f0;
border-radius: var(--oqg-border-radius);
margin-bottom: 1.5rem;
padding: 1.5rem;
transition: var(--oqg-transition);
}
.oqg-question:hover {
border-color: #ddd;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.oqg-question-header {
display: flex;
align-items: flex-start;
margin-bottom: 1rem;
}
.oqg-question-number {
background: var(--oqg-primary-color);
color: white;
width: 2rem;
height: 2rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-right: 1rem;
flex-shrink: 0;
}
.oqg-question-text {
margin: 0;
font-size: 1.1rem;
font-weight: 500;
color: #333;
line-height: 1.4;
} .oqg-options {
display: grid;
gap: 0.75rem;
}
.oqg-option {
display: flex;
align-items: center;
padding: 1rem 1.5rem;
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
min-height: 60px;
}
.oqg-option:hover {
background: #e9ecef;
border-color: var(--oqg-primary-color);
}
.oqg-option input[type="radio"] {
margin-right: 1rem;
transform: scale(1.2);
}
.oqg-option-text {
flex: 1;
font-size: 1rem;
line-height: 1.4;
}
.oqg-option input[type="radio"]:checked + .oqg-option-text {
font-weight: 500;
}
.oqg-option:has(input[type="radio"]:checked) {
background: rgba(0, 115, 170, 0.1);
border-color: var(--oqg-primary-color);
} .oqg-submit-section {
text-align: center;
padding-top: 1rem;
border-top: 2px solid #f0f0f0;
}
.oqg-submit-btn {
background: linear-gradient(135deg, var(--oqg-primary-color), var(--oqg-secondary-color));
color: white;
border: none;
padding: 1rem 2rem;
font-size: 1.1rem;
font-weight: 600;
border-radius: var(--oqg-border-radius);
cursor: pointer;
transition: var(--oqg-transition);
min-width: 200px;
position: relative;
}
.oqg-submit-btn:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 115, 170, 0.3);
}
.oqg-submit-btn:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.oqg-loading {
display: inline-block;
animation: oqg-spin 1s linear infinite;
}
@keyframes oqg-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .oqg-results {
background: #f8f9fa;
border-top: 3px solid var(--oqg-primary-color);
}
.oqg-results-container {
padding: 2rem;
}
.oqg-results-header {
text-align: center;
margin-bottom: 2rem;
}
.oqg-results-header h3 {
margin: 0 0 1.5rem 0;
color: var(--oqg-secondary-color);
font-size: 1.5rem;
}
.oqg-score-summary {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
margin-bottom: 2rem;
}
.oqg-score-circle {
width: 120px;
height: 120px;
border-radius: 50%;
background: linear-gradient(135deg, var(--oqg-success-color), #2e7d32);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.5rem;
font-weight: 700;
position: relative;
}
.oqg-score-details {
text-align: left;
}
.oqg-score-details p {
margin: 0.5rem 0;
font-size: 1.1rem;
}
.oqg-performance {
font-size: 1.2rem !important;
font-weight: 600;
color: var(--oqg-success-color);
} .oqg-results-mode-selector {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-bottom: 2rem;
padding: 1rem;
background: #e9ecef;
border-radius: var(--oqg-border-radius);
}
.oqg-results-mode-selector span {
font-weight: 600;
color: #333;
}
.oqg-mode-btn {
background: #fff;
border: 2px solid #ddd;
padding: 0.5rem 1rem;
border-radius: var(--oqg-border-radius);
cursor: pointer;
transition: var(--oqg-transition);
font-weight: 500;
}
.oqg-mode-btn:hover {
background: #f8f9fa;
border-color: var(--oqg-primary-color);
}
.oqg-mode-btn.active {
background: var(--oqg-primary-color);
color: white;
border-color: var(--oqg-primary-color);
} .oqg-results-content {
margin-bottom: 2rem;
}
.oqg-results-mode {
display: none;
}
.oqg-results-mode.active {
display: block;
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
} .oqg-mode-detailed h4 {
margin: 0 0 1.5rem 0;
color: var(--oqg-secondary-color);
font-size: 1.3rem;
}
.oqg-result-item {
background: white;
border-radius: var(--oqg-border-radius);
margin-bottom: 1rem;
padding: 1.5rem;
border-left: 4px solid #ddd;
}
.oqg-result-item.correct {
border-left-color: var(--oqg-success-color);
background: rgba(70, 180, 80, 0.05);
}
.oqg-result-item.incorrect {
border-left-color: var(--oqg-error-color);
background: rgba(220, 50, 50, 0.05);
}
.oqg-result-question {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.oqg-result-number {
background: var(--oqg-primary-color);
color: white;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
font-weight: 600;
margin-right: 1rem;
flex-shrink: 0;
}
.oqg-result-text {
flex: 1;
font-weight: 500;
}
.oqg-result-status {
margin-left: 1rem;
}
.oqg-correct-icon {
color: var(--oqg-success-color);
font-size: 1.2rem;
font-weight: bold;
}
.oqg-incorrect-icon {
color: var(--oqg-error-color);
font-size: 1.2rem;
font-weight: bold;
}
.oqg-result-answers p {
margin: 0.5rem 0;
font-size: 0.95rem;
}
.oqg-user-answer {
color: var(--oqg-error-color);
}
.oqg-correct-answer {
color: var(--oqg-success-color);
}
.oqg-explanation {
background: rgba(0, 115, 170, 0.1);
padding: 1rem;
border-radius: var(--oqg-border-radius);
margin-top: 0.5rem;
font-style: italic;
} .oqg-mode-compact h4, .oqg-mode-compact h5 {
color: var(--oqg-secondary-color);
margin: 0 0 1rem 0;
}
.oqg-compact-results {
margin-bottom: 2rem;
}
.oqg-compact-item {
display: flex;
align-items: center;
padding: 0.75rem;
border-bottom: 1px solid #eee;
}
.oqg-compact-item.correct {
background: rgba(70, 180, 80, 0.05);
}
.oqg-compact-item.incorrect {
background: rgba(220, 50, 50, 0.05);
}
.oqg-compact-number {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: var(--oqg-primary-color);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-right: 1rem;
}
.oqg-compact-status {
margin-right: 1rem;
font-size: 1.2rem;
font-weight: 700;
}
.oqg-compact-question {
flex: 1;
font-size: 0.95rem;
}
.oqg-compact-details {
background: #fff;
border-radius: var(--oqg-border-radius);
padding: 1.5rem;
border: 2px solid #f0f0f0;
}
.oqg-compact-detail {
margin-bottom: 1.5rem;
}
.oqg-compact-detail:last-child {
margin-bottom: 0;
} .oqg-mode-summary h4, .oqg-mode-summary h5 {
color: var(--oqg-secondary-color);
margin: 0 0 1rem 0;
}
.oqg-summary-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
position: relative;
}
.oqg-summary-item {
background: #fff;
border: 2px solid #f0f0f0;
border-radius: var(--oqg-border-radius);
padding: 1.5rem;
text-align: center;
transition: var(--oqg-transition);
}
.oqg-summary-item:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.oqg-summary-label {
display: block;
font-size: 0.9rem;
color: #666;
margin-bottom: 0.5rem;
}
.oqg-summary-value {
display: block;
font-size: 1.5rem;
font-weight: 700;
color: var(--oqg-primary-color);
}
.oqg-summary-breakdown {
background: #fff;
border-radius: var(--oqg-border-radius);
padding: 1.5rem;
border: 2px solid #f0f0f0;
margin-bottom: 2rem;
}
.oqg-breakdown-chart {
margin-top: 1rem;
}
.oqg-breakdown-bar {
display: flex;
height: 30px;
border-radius: 15px;
overflow: hidden;
margin-bottom: 1rem;
background: #e9ecef;
}
.oqg-bar-correct {
background: var(--oqg-success-color);
height: 100%;
}
.oqg-bar-incorrect {
background: var(--oqg-error-color);
height: 100%;
}
.oqg-breakdown-legend {
display: flex;
justify-content: center;
gap: 2rem;
}
.oqg-legend-correct, .oqg-legend-incorrect {
display: flex;
align-items: center;
gap: 0.5rem;
}
.oqg-legend-correct::before, .oqg-legend-incorrect::before {
content: '';
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
}
.oqg-legend-correct::before {
background: var(--oqg-success-color);
}
.oqg-legend-incorrect::before {
background: var(--oqg-error-color);
}
.oqg-summary-tips {
background: #fff;
border-radius: var(--oqg-border-radius);
padding: 1.5rem;
border: 2px solid #f0f0f0;
}
.oqg-summary-tips p {
margin: 0;
font-size: 1.1rem;
line-height: 1.5;
} .oqg-real-time-feedback {
margin-top: 1rem;
padding: 0.75rem 1rem;
border-radius: var(--oqg-border-radius);
font-weight: 600;
font-size: 1.1rem;
text-align: center;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
animation: fadeInUp 0.3s ease-out;
clear: both;
}
.oqg-feedback-correct {
background: rgba(70, 180, 80, 0.15);
color: var(--oqg-success-color);
border: 2px solid var(--oqg-success-color);
}
.oqg-feedback-incorrect {
background: rgba(220, 50, 50, 0.15);
color: var(--oqg-error-color);
border: 2px solid var(--oqg-error-color);
}
.oqg-option.oqg-correct-answer {
background: rgba(70, 180, 80, 0.15) !important;
border-color: var(--oqg-success-color) !important;
border-width: 2px !important;
box-shadow: 0 0 0 2px var(--oqg-success-color) !important;
}
.oqg-option.oqg-incorrect-answer {
background: rgba(220, 50, 50, 0.15) !important;
border-color: var(--oqg-error-color) !important;
border-width: 2px !important;
box-shadow: 0 0 0 2px var(--oqg-error-color) !important;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .oqg-results-actions {
text-align: center;
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 2px solid #e9ecef;
display: flex;
justify-content: center;
gap: 1rem;
}
.oqg-restart-quiz, .oqg-share-results {
background: linear-gradient(135deg, var(--oqg-primary-color), var(--oqg-secondary-color));
color: white;
border: none;
padding: 0.75rem 1.5rem;
font-size: 1rem;
font-weight: 600;
border-radius: var(--oqg-border-radius);
cursor: pointer;
transition: var(--oqg-transition);
}
.oqg-share-results {
background: linear-gradient(135deg, #6c757d, #495057);
}
.oqg-restart-quiz:hover, .oqg-share-results:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 115, 170, 0.3);
}
.oqg-share-results:hover {
box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);
}
.oqg-restart-quiz {
background: var(--oqg-primary-color);
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: var(--oqg-border-radius);
cursor: pointer;
font-size: 1rem;
transition: var(--oqg-transition);
}
.oqg-restart-quiz:hover {
background: var(--oqg-secondary-color);
transform: translateY(-1px);
} .oqg-error {
background: rgba(220, 50, 50, 0.1);
color: var(--oqg-error-color);
padding: 1rem;
border-radius: var(--oqg-border-radius);
border: 2px solid rgba(220, 50, 50, 0.2);
margin: 1rem 0;
text-align: center;
} @media (max-width: 768px) {
.oqg-quiz-container {
margin: 10px;
padding: 15px;
border-radius: 10px;
}
.oqg-quiz-title {
font-size: 1.5rem;
margin-bottom: 15px;
}
.oqg-question {
padding: 15px;
margin-bottom: 15px;
}
.oqg-question-title {
font-size: 1.1rem;
margin-bottom: 15px;
align-items: flex-start;
}
.oqg-question-number {
margin-bottom: 0.5rem;
margin-right: 0;
}
.oqg-score-summary {
flex-direction: column;
gap: 1rem;
}
.oqg-score-circle {
width: 100px;
height: 100px;
font-size: 1.3rem;
}
} .oqg-quiz-container {
animation: oqg-fadeIn 0.5s ease-out;
}
@keyframes oqg-fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.oqg-question {
animation: oqg-slideIn 0.3s ease-out forwards;
opacity: 0;
transform: translateX(-20px);
}
.oqg-question:nth-child(1) { animation-delay: 0.1s; }
.oqg-question:nth-child(2) { animation-delay: 0.2s; }
.oqg-question:nth-child(3) { animation-delay: 0.3s; }
.oqg-question:nth-child(4) { animation-delay: 0.4s; }
.oqg-question:nth-child(5) { animation-delay: 0.5s; }
@keyframes oqg-slideIn {
to {
opacity: 1;
transform: translateX(0);
}
}.molongui-disabled-link{border-bottom:none !important;text-decoration:none !important;color:inherit !important;cursor:inherit !important}.molongui-disabled-link:hover,.molongui-disabled-link:hover span{border-bottom:none !important;text-decoration:none !important;color:inherit !important;cursor:inherit !important}.m-flex-container{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.m-flex-container,.m-flex-container *,.m-flex-container *:before,.m-flex-container *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-flex-container .m-flex-row{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.m-flex-container .m-flex-column{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1}.m-flex-container .m-flex-content{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;padding:15px 20px}.molongui-clearfix{display:block !important;width:100% !important;height:0 !important;padding:0 !important;margin:0 !important;clear:both !important}.molongui-display-none{display:none !important}.molongui-remove-underline{text-decoration:none !important;border:none !important}.m-a-box-avatar img{display:block;max-width:inherit !important;margin:0 auto}.m-a-box-avatar .acronym-container{display:flex;justify-content:center;align-items:center;width:150px;height:150px;background-color:#1d2327}.m-a-box-avatar .acronym-container>div{text-align:center;font-size:78px;font-weight:300;color:#dd9933;position:relative;top:-0.065em}.m-a-box-avatar-url{text-decoration:none !important}.single .post .author-info,.author-bio{display:none !important}.m-a-box-shadow-left{box-shadow:-10px 10px 10px #ababab}.m-a-box-shadow-right{box-shadow:10px 10px 10px #ababab}.m-a-box-shadow-none{box-shadow:none}.m-radius-rounded,.m-radius-rounded img,.m-radius-rounded picture{border-radius:10px !important}.m-radius-none,.m-radius-none img,.m-radius-none picture{border-radius:0 !important}.m-radius-circled,.m-radius-circled img,.m-radius-circled picture{border-radius:50% !important}.m-a-box-container .molongui-author{display:block;margin-bottom:30px}.m-a-box-container .molongui-author:last-child{margin-bottom:0}.m-a-box-container .molongui-author .m-a-box-avatar img{margin:0 auto}@container author-box-container (min-width: 600px){.molongui-author{display:inherit}}.m-a-box-container[min-width~="600px"] .molongui-author{display:inherit}.m-a-box[data-box-layout='slim'] .m-a-box-container .m-a-box-tab{display:none}.m-a-box[data-box-layout='slim'] .m-a-box-container .m-a-box-profile{display:flex}.m-a-box-tabs{display:flex;flex-direction:column}.m-a-box-tabs input{display:none !important}.m-a-box-tabs nav{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start}.m-a-box-tabs nav label{margin:0;padding:15px 25px;font-weight:600;text-align:center;color:#555}.m-a-box-tabs nav label:hover{color:#888;cursor:pointer}.m-a-box-tabs nav label:hover span,.m-a-box-tabs nav label:hover:before{opacity:1}.m-a-box-tabs nav label:before{font-family:molongui-authorship-font;font-weight:normal;margin-right:10px}.m-a-box-tabs nav label.m-a-box-tab{border-style:none;border-width:0;border-color:transparent}.m-a-box-tabs nav label[for^='mab-tab-profile-']:before{content:'\f012'}.m-a-box-tabs nav label[for^='mab-tab-related-']:before{content:'\f010'}.m-a-box-tabs nav label[for^='mab-tab-contact-']:before{content:'\f00c'}.m-a-box-tabs [id^='mab-tab-profile-']:checked~.m-a-box-container .m-a-box-profile,.m-a-box-tabs [id^='mab-tab-related-']:checked~.m-a-box-container .m-a-box-related,.m-a-box-tabs [id^='mab-tab-contact-']:checked~.m-a-box-container .m-a-box-contact{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex}.m-a-box-tabs .m-a-box-container .m-a-box-tab{display:none}@media screen and (max-width:650px){.m-a-box-tabs label{font-size:0}.m-a-box-tabs label:before{margin:0;font-size:18px}}@media screen and (max-width:400px){.m-a-box-tabs label{padding:15px}}.m-a-box{width:100%;margin-left:auto;margin-right:auto}.m-a-box,.m-a-box *,.m-a-box *:before,.m-a-box *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-a-box a:focus{color:inherit;box-shadow:none;outline:none}.m-a-box-header{width:100%}.m-a-box-header>:first-child{margin:0}.m-a-box-header-url:hover,.m-a-box-header-url:visited{color:inherit}.m-a-box-container{container-name:author-box-container;container-type:inline-size}.m-a-box-content{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:20px}.m-a-box-content-top,.m-a-box-content-middle,.m-a-box-content-bottom{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%}@container author-box-container (min-width: 600px){.m-a-box-content-top,.m-a-box-content-middle,.m-a-box-content-bottom{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.m-a-box-item{-webkit-align-self:center;-ms-align-self:center;align-self:center}.m-a-box-container[min-width~="600px"] .m-a-box-content-top,.m-a-box-container[min-width~="600px"] .m-a-box-content-middle,.m-a-box-container[min-width~="600px"] .m-a-box-content-bottom{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.m-a-box-profile .m-a-box-profile-multiauthor{width:100%;margin-bottom:4rem}.m-a-box-profile .m-a-box-profile-multiauthor:last-of-type{margin-bottom:0}.m-a-box-profile .m-a-box-content-top{width:100%}.m-a-box-profile .m-a-box-content-top .m-a-box-profile-title{width:100%;margin-bottom:20px;padding-bottom:2px;border-bottom:1px dotted #333;font-size:18px;text-align:left}.m-a-box-avatar{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.m-a-box-social{margin-top:20px}.m-a-box-data{-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;margin-top:20px}.m-a-box-data p:last-of-type{margin-bottom:0}.m-a-box-data .m-a-box-name{margin:0;text-align:center}.m-a-box-data .m-a-box-name>:first-child{margin:0 !important}.m-a-box-data .m-a-box-meta{margin-top:10px;text-align:center;font-size:70%;opacity:.7}.m-a-box-data .m-a-box-meta:first-child{margin-top:0}.m-a-box-data .m-a-box-meta a{text-decoration:none;border:none !important}.m-a-box-data .m-a-box-meta a:hover,.m-a-box-data .m-a-box-meta a:visited{color:inherit}.m-a-box-data .m-a-box-bio{margin-top:20px}@container author-box-container (max-width: 599px){.m-a-box-avatar{-webkit-align-self:center !important;-ms-align-self:center !important;align-self:center !important}.m-a-box-data .m-a-box-name>:first-child{text-align:center !important}.m-a-box-data .m-a-box-meta{text-align:center !important}}@container author-box-container (min-width: 600px){.m-a-box-avatar{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:center;-ms-align-self:center;align-self:center;padding:0 20px 0 0;min-width:auto}.m-a-box-social{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:0;padding:0 20px 0 0}.m-a-box-data{-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;margin-top:0}.m-a-box-data .m-a-box-name{text-align:left}.m-a-box-data .m-a-box-meta{text-align:left}}.m-a-box-container[max-width~="599px"] .m-a-box-profile .m-a-box-avatar{-webkit-align-self:center !important;-ms-align-self:center !important;align-self:center !important}.m-a-box-container[max-width~="599px"] .m-a-box-profile .m-a-box-data .m-a-box-name>:first-child{text-align:center !important}.m-a-box-container[max-width~="599px"] .m-a-box-profile .m-a-box-data .m-a-box-meta{text-align:center !important}.m-a-box-container[min-width~="600px"] .m-a-box-profile .m-a-box-avatar{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:center;-ms-align-self:center;align-self:center;padding:0 20px 0 0;min-width:auto}.m-a-box-container[min-width~="600px"] .m-a-box-profile .m-a-box-social{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:0;padding:0 20px 0 0}.m-a-box-container[min-width~="600px"] .m-a-box-profile .m-a-box-data{-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;margin-top:0}.m-a-box-container[min-width~="600px"] .m-a-box-profile .m-a-box-data .m-a-box-meta{text-align:left}.m-a-box-related[data-related-layout='layout-1'] .m-a-box-content-top{width:100%}.m-a-box-related[data-related-layout='layout-1'] .m-a-box-content-top .m-a-box-related-title{width:100%;margin-top:20px;margin-bottom:20px;padding-bottom:2px;border-bottom:1px dotted #333;font-size:18px;text-align:left}.m-a-box-related[data-related-layout='layout-1'] .m-a-box-content-middle{justify-content:start}.m-a-box-related-entries{margin-top:20px}.m-a-box-related-entries ul{list-style:none !important;margin:0;padding:0}.m-a-box-related-entries ul li{list-style:none !important;margin-bottom:1rem}.m-a-box-related-entries ul li:last-child{margin-bottom:0}.m-a-box-related-entries ul li .m-a-box-related-entry .m-a-box-related-entry-title i{margin:0 1rem 0 0}.m-a-box-related[data-related-layout='layout-2'] .m-a-box-content-top{width:100%}.m-a-box-related[data-related-layout='layout-2'] .m-a-box-content-top .m-a-box-related-title{width:100%;margin-top:20px;margin-bottom:20px;padding-bottom:2px;border-bottom:1px dotted #333;font-size:18px;text-align:left}.m-a-box-related[data-related-layout='layout-2'] .m-a-box-content-middle{justify-content:start}.m-a-box-related-entries{margin-top:20px}.m-a-box-related-entries ul{list-style:none !important;margin:0;padding:0}.m-a-box-related-entries ul li{list-style:none !important;margin-bottom:1rem}.m-a-box-related-entries ul li:last-child{margin-bottom:0}.m-a-box-related-entries ul li .m-a-box-related-entry{display:flex;flex-direction:row;align-items:center}.m-a-box-related-entries ul li .m-a-box-related-entry .m-a-box-related-entry-thumb{flex:0 0 70px;margin-right:1rem}.m-a-box-related-entries ul li .m-a-box-related-entry .m-a-box-related-entry-data{width:100%}.m-a-box-related-entries ul li .m-a-box-related-entry .m-a-box-related-entry-date{margin-bottom:.3rem;line-height:1;font-size:80%;text-transform:uppercase;color:grey}a.m-a-box-name-url,a.m-icon-container,.m-a-box-meta a{border:none;box-shadow:none}.m-a-box-social{text-align:center}.m-a-box-social-icon{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;margin:5px}.m-icon-container{display:flex;flex-direction:column;justify-content:center;width:1.7em;height:1.7em;line-height:1.7em}.m-icon-container:hover{opacity:.5}@container author-box-container (min-width: 600px){.m-a-box-social-icon{margin:.4em 0}}.m-a-box-container[min-width~="600px"] .m-a-box-social-icon{margin:.4em 0}@font-face{font-family:'molongui-authorship-font';font-weight:normal;font-style:normal;font-display:swap;src:url(//www.nrmagazine.com/wp-content/plugins/molongui-authorship/assets/font/molongui-authorship-font.eot?30441601);src:url(//www.nrmagazine.com/wp-content/plugins/molongui-authorship/assets/font/molongui-authorship-font.eot?30441601#iefix) format('embedded-opentype'),url(//www.nrmagazine.com/wp-content/plugins/molongui-authorship/assets/font/molongui-authorship-font.woff2?30441601) format('woff2'),url(//www.nrmagazine.com/wp-content/plugins/molongui-authorship/assets/font/molongui-authorship-font.woff?30441601) format('woff'),url(//www.nrmagazine.com/wp-content/plugins/molongui-authorship/assets/font/molongui-authorship-font.ttf?30441601) format('truetype'),url(//www.nrmagazine.com/wp-content/plugins/molongui-authorship/assets/font/molongui-authorship-font.svg?30441601#molongui-authorship-font) format('svg')}[class^="m-a-icon-"]:before,[class*=" m-a-icon-"]:before{font-family:"molongui-authorship-font";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.m-a-icon-facebook:before{content:'\e000'}.m-a-icon-twitter:before{content:'\e001'}.m-a-icon-googleplus:before{content:'\e002'}.m-a-icon-youtube:before{content:'\e003'}.m-a-icon-pinterest:before{content:'\e004'}.m-a-icon-tumblr:before{content:'\e005'}.m-a-icon-instagram:before{content:'\e006'}.m-a-icon-renren:before{content:'\e007'}.m-a-icon-vk:before{content:'\e008'}.m-a-icon-flickr:before{content:'\e009'}.m-a-icon-vine:before{content:'\e00a'}.m-a-icon-meetup:before{content:'\e00b'}.m-a-icon-weibo:before{content:'\e00c'}.m-a-icon-deviantart:before{content:'\e00d'}.m-a-icon-stumbleupon:before{content:'\e00e'}.m-a-icon-myspace:before{content:'\e00f'}.m-a-icon-mixi:before{content:'\e010'}.m-a-icon-soundcloud:before{content:'\e011'}.m-a-icon-lastfm:before{content:'\e012'}.m-a-icon-foursquare:before{content:'\e013'}.m-a-icon-spotify:before{content:'\e014'}.m-a-icon-vimeo:before{content:'\e015'}.m-a-icon-dailymotion:before{content:'\e016'}.m-a-icon-reddit:before{content:'\e017'}.m-a-icon-skype:before{content:'\e018'}.m-a-icon-periscope:before{content:'\e019'}.m-a-icon-askfm:before{content:'\e01a'}.m-a-icon-livejournal:before{content:'\e01b'}.m-a-icon-blogger:before{content:'\e01c'}.m-a-icon-taringa:before{content:'\e01d'}.m-a-icon-odnoklassniki:before{content:'\e01e'}.m-a-icon-bebee:before{content:'\e01f'}.m-a-icon-livestream:before{content:'\e020'}.m-a-icon-slides:before{content:'\e021'}.m-a-icon-quora:before{content:'\e022'}.m-a-icon-tinder:before{content:'\e023'}.m-a-icon-plurk:before{content:'\e024'}.m-a-icon-buzzfeed:before{content:'\e025'}.m-a-icon-everplaces:before{content:'\e026'}.m-a-icon-goodreads:before{content:'\e027'}.m-a-icon-whatsapp:before{content:'\e028'}.m-a-icon-telegram:before{content:'\e029'}.m-a-icon-draugiemlv:before{content:'\e02a'}.m-a-icon-spreaker:before{content:'\e02b'}.m-a-icon-houzz:before{content:'\e02c'}.m-a-icon-tripadvisor:before{content:'\e02d'}.m-a-icon-upwork:before{content:'\e02e'}.m-a-icon-gumtree:before{content:'\e02f'}.m-a-icon-speakerdeck:before{content:'\e030'}.m-a-icon-medium:before{content:'\e031'}.m-a-icon-runkeeper:before{content:'\e032'}.m-a-icon-deezer:before{content:'\e033'}.m-a-icon-bandcamp:before{content:'\e034'}.m-a-icon-kaggle:before{content:'\e035'}.m-a-icon-superuser:before{content:'\e036'}.m-a-icon-500px:before{content:'\e037'}.m-a-icon-storify:before{content:'\e038'}.m-a-icon-coderwall:before{content:'\e039'}.m-a-icon-jsfiddle:before{content:'\e03a'}.m-a-icon-ifixit:before{content:'\e03b'}.m-a-icon-mixcloud:before{content:'\e03c'}.m-a-icon-designernews:before{content:'\e03d'}.m-a-icon-twitch:before{content:'\e03e'}.m-a-icon-readthedocs:before{content:'\e03f'}.m-a-icon-coursera:before{content:'\e040'}.m-a-icon-googleplay:before{content:'\e041'}.m-a-icon-styleshare:before{content:'\e042'}.m-a-icon-github:before{content:'\e043'}.m-a-icon-wikipedia:before{content:'\e044'}.m-a-icon-ello:before{content:'\e045'}.m-a-icon-stitcher:before{content:'\e046'}.m-a-icon-codepen:before{content:'\e047'}.m-a-icon-stackoverflow:before{content:'\e048'}.m-a-icon-digg:before{content:'\e049'}.m-a-icon-line:before{content:'\e04a'}.m-a-icon-researchgate:before{content:'\e04b'}.m-a-icon-academia:before{content:'\e04c'}.m-a-icon-bookbub:before{content:'\e04d'}.m-a-icon-rss:before{content:'\e04e'}.m-a-icon-applepodcasts:before{content:'\e04f'}.m-a-icon-castbox:before{content:'\e050'}.m-a-icon-radiopublic:before{content:'\e051'}.m-a-icon-tunein:before{content:'\e052'}.m-a-icon-scoutfm:before{content:'\e053'}.m-a-icon-overcast:before{content:'\e054'}.m-a-icon-breaker:before{content:'\e055'}.m-a-icon-philpapers:before{content:'\e056'}.m-a-icon-tiktok:before{content:'\e057'}.m-a-icon-lbry:before{content:'\e058'}.m-a-icon-gab:before{content:'\e059'}.m-a-icon-orcid:before{content:'\e05a'}.m-a-icon-stackexchange:before{content:'\e05b'}.m-a-icon-mastodon:before{content:'\e05c'}.m-a-icon-peepeth:before{content:'\e05d'}.m-a-icon-vero:before{content:'\e05e'}.m-a-icon-wechat:before{content:'\e05f'}.m-a-icon-bluesky:before{content:'\e060'}.m-a-icon-strava:before{content:'\e061'}.m-a-icon-imdb:before{content:'\e062'}.m-a-icon-threads:before{content:'\e063'}.m-a-icon-qq:before{content:'\e064'}.m-a-icon-messenger:before{content:'\e065'}.m-a-icon-flipboard:before{content:'\e066'}.m-a-icon-twitterbird:before{content:'\e700'}.m-a-icon-linkedin:before{content:'\e800'}.m-a-icon-slideshare:before{content:'\e803'}.m-a-icon-itunes:before{content:'\e80a'}.m-a-icon-dropbox:before{content:'\e80c'}.m-a-icon-star-bold:before{content:'\f000'}.m-a-icon-star-empty:before{content:'\f001'}.m-a-icon-star:before{content:'\f002'}.m-a-icon-heart-empty:before{content:'\f003'}.m-a-icon-heart:before{content:'\f004'}.m-a-icon-ok:before{content:'\f005'}.m-a-icon-cancel:before{content:'\f006'}.m-a-icon-plus:before{content:'\f007'}.m-a-icon-minus:before{content:'\f008'}.m-a-icon-checkmark:before{content:'\f009'}.m-a-icon-notice:before{content:'\f00a'}.m-a-icon-tip:before{content:'\f00b'}.m-a-icon-info:before{content:'\f00c'}.m-a-icon-show:before{content:'\f00d'}.m-a-icon-hide:before{content:'\f00e'}.m-a-icon-doc:before{content:'\f00f'}.m-a-icon-docs:before{content:'\f010'}.m-a-icon-list:before{content:'\f011'}.m-a-icon-feather:before{content:'\f012'}.m-a-icon-user:before{content:'\f013'}.m-a-icon-phone:before{content:'\f014'}.m-a-icon-mail:before{content:'\f015'}.m-a-icon-mail-alt:before{content:'\f016'}.m-a-icon-paper-plane-empty:before{content:'\f017'}.m-a-icon-paper-plane:before{content:'\f018'}.m-a-icon-at:before{content:'\f019'}.m-a-icon-web:before{content:'\f01a'}.m-ico-boxed,.m-ico-branded-boxed,.m-ico-branded-boxed-reverse{border:1px solid !important;border-radius:4px}.m-ico-squared,.m-ico-branded-squared,.m-ico-branded-squared-reverse,.m-ico-circled,.m-ico-branded-circled,.m-ico-branded-circled-reverse{border:1px solid #333;border-radius:4px;background-color:#333;color:white}.m-ico-squared,.m-ico-circled{color:white !important}.m-ico-squared,.m-ico-branded-squared,.m-ico-branded-squared-reverse{border-radius:4px}.m-ico-circled,.m-ico-branded-circled,.m-ico-branded-circled-reverse{border-radius:100%}.m-ico-branded,.m-ico-branded-circled,.m-ico-branded-circled-reverse,.m-ico-branded-squared,.m-ico-branded-squared-reverse{border:none}.m-ico-branded:hover,.m-ico-branded-circled:hover,.m-ico-branded-circled-reverse:hover,.m-ico-branded-squared:hover,.m-ico-branded-squared-reverse:hover,.m-ico-branded-boxed:hover{opacity:.7}.m-ico-branded .m-a-icon-star:before,.m-ico-branded-circled .m-a-icon-star:before,.m-ico-branded-squared .m-a-icon-star:before,.m-ico-branded-boxed .m-a-icon-star:before{color:#edaa22}.m-ico-branded .m-a-icon-facebook:before,.m-ico-branded-circled .m-a-icon-facebook:before,.m-ico-branded-squared .m-a-icon-facebook:before,.m-ico-branded-boxed .m-a-icon-facebook:before{color:#3b5998}.m-ico-branded .m-a-icon-twitter:before,.m-ico-branded-circled .m-a-icon-twitter:before,.m-ico-branded-squared .m-a-icon-twitter:before,.m-ico-branded-boxed .m-a-icon-twitter:before{color:#000000}.m-ico-branded .m-a-icon-twitterbird:before,.m-ico-branded-circled .m-a-icon-twitterbird:before,.m-ico-branded-squared .m-a-icon-twitterbird:before,.m-ico-branded-boxed .m-a-icon-twitterbird:before{color:#00aced}.m-ico-branded .m-a-icon-linkedin:before,.m-ico-branded-circled .m-a-icon-linkedin:before,.m-ico-branded-squared .m-a-icon-linkedin:before,.m-ico-branded-boxed .m-a-icon-linkedin:before{color:#007bb6}.m-ico-branded .m-a-icon-googleplus:before,.m-ico-branded-circled .m-a-icon-googleplus:before,.m-ico-branded-squared .m-a-icon-googleplus:before,.m-ico-branded-boxed .m-a-icon-googleplus:before{color:#dd4b39}.m-ico-branded .m-a-icon-youtube:before,.m-ico-branded-circled .m-a-icon-youtube:before,.m-ico-branded-squared .m-a-icon-youtube:before,.m-ico-branded-boxed .m-a-icon-youtube:before{color:#bb0000}.m-ico-branded .m-a-icon-pinterest:before,.m-ico-branded-circled .m-a-icon-pinterest:before,.m-ico-branded-squared .m-a-icon-pinterest:before,.m-ico-branded-boxed .m-a-icon-pinterest:before{color:#cb2027}.m-ico-branded .m-a-icon-tumblr:before,.m-ico-branded-circled .m-a-icon-tumblr:before,.m-ico-branded-squared .m-a-icon-tumblr:before,.m-ico-branded-boxed .m-a-icon-tumblr:before{color:#2c4762}.m-ico-branded .m-a-icon-instagram:before,.m-ico-branded-circled .m-a-icon-instagram:before,.m-ico-branded-squared .m-a-icon-instagram:before,.m-ico-branded-boxed .m-a-icon-instagram:before{color:#405DE6}.m-ico-branded .m-a-icon-slideshare:before,.m-ico-branded-circled .m-a-icon-slideshare:before,.m-ico-branded-squared .m-a-icon-slideshare:before,.m-ico-branded-boxed .m-a-icon-slideshare:before{color:#007bb6}.m-ico-branded .m-a-icon-renren:before,.m-ico-branded-circled .m-a-icon-renren:before,.m-ico-branded-squared .m-a-icon-renren:before,.m-ico-branded-boxed .m-a-icon-renren:before{color:#005EAC}.m-ico-branded .m-a-icon-vk:before,.m-ico-branded-circled .m-a-icon-vk:before,.m-ico-branded-squared .m-a-icon-vk:before,.m-ico-branded-boxed .m-a-icon-vk:before{color:#45668e}.m-ico-branded .m-a-icon-flickr:before,.m-ico-branded-circled .m-a-icon-flickr:before,.m-ico-branded-squared .m-a-icon-flickr:before,.m-ico-branded-boxed .m-a-icon-flickr:before{color:#f40083}.m-ico-branded .m-a-icon-vine:before,.m-ico-branded-circled .m-a-icon-vine:before,.m-ico-branded-squared .m-a-icon-vine:before,.m-ico-branded-boxed .m-a-icon-vine:before{color:#00b489}.m-ico-branded .m-a-icon-meetup:before,.m-ico-branded-circled .m-a-icon-meetup:before,.m-ico-branded-squared .m-a-icon-meetup:before,.m-ico-branded-boxed .m-a-icon-meetup:before{color:#e0393e}.m-ico-branded .m-a-icon-weibo:before,.m-ico-branded-circled .m-a-icon-weibo:before,.m-ico-branded-squared .m-a-icon-weibo:before,.m-ico-branded-boxed .m-a-icon-weibo:before{color:#E6162D}.m-ico-branded .m-a-icon-deviantart:before,.m-ico-branded-circled .m-a-icon-deviantart:before,.m-ico-branded-squared .m-a-icon-deviantart:before,.m-ico-branded-boxed .m-a-icon-deviantart:before{color:#4a5d4e}.m-ico-branded .m-a-icon-stumbleupon:before,.m-ico-branded-circled .m-a-icon-stumbleupon:before,.m-ico-branded-squared .m-a-icon-stumbleupon:before,.m-ico-branded-boxed .m-a-icon-stumbleupon:before{color:#eb4924}.m-ico-branded .m-a-icon-myspace:before,.m-ico-branded-circled .m-a-icon-myspace:before,.m-ico-branded-squared .m-a-icon-myspace:before,.m-ico-branded-boxed .m-a-icon-myspace:before{color:#000000}.m-ico-branded .m-a-icon-mixi:before,.m-ico-branded-circled .m-a-icon-mixi:before,.m-ico-branded-squared .m-a-icon-mixi:before,.m-ico-branded-boxed .m-a-icon-mixi:before{color:#E0C074}.m-ico-branded .m-a-icon-soundcloud:before,.m-ico-branded-circled .m-a-icon-soundcloud:before,.m-ico-branded-squared .m-a-icon-soundcloud:before,.m-ico-branded-boxed .m-a-icon-soundcloud:before{color:#ff5500}.m-ico-branded .m-a-icon-lastfm:before,.m-ico-branded-circled .m-a-icon-lastfm:before,.m-ico-branded-squared .m-a-icon-lastfm:before,.m-ico-branded-boxed .m-a-icon-lastfm:before{color:#d51007}.m-ico-branded .m-a-icon-foursquare:before,.m-ico-branded-circled .m-a-icon-foursquare:before,.m-ico-branded-squared .m-a-icon-foursquare:before,.m-ico-branded-boxed .m-a-icon-foursquare:before{color:#fc4575}.m-ico-branded .m-a-icon-spotify:before,.m-ico-branded-circled .m-a-icon-spotify:before,.m-ico-branded-squared .m-a-icon-spotify:before,.m-ico-branded-boxed .m-a-icon-spotify:before{color:#2ebd59}.m-ico-branded .m-a-icon-vimeo:before,.m-ico-branded-circled .m-a-icon-vimeo:before,.m-ico-branded-squared .m-a-icon-vimeo:before,.m-ico-branded-boxed .m-a-icon-vimeo:before{color:#45bbff}.m-ico-branded .m-a-icon-dailymotion:before,.m-ico-branded-circled .m-a-icon-dailymotion:before,.m-ico-branded-squared .m-a-icon-dailymotion:before,.m-ico-branded-boxed .m-a-icon-dailymotion:before{color:#0066dc}.m-ico-branded .m-a-icon-phone:before,.m-ico-branded-circled .m-a-icon-phone:before,.m-ico-branded-squared .m-a-icon-phone:before,.m-ico-branded-boxed .m-a-icon-phone:before{color:#333333}.m-ico-branded .m-a-icon-reddit:before,.m-ico-branded-circled .m-a-icon-reddit:before,.m-ico-branded-squared .m-a-icon-reddit:before,.m-ico-branded-boxed .m-a-icon-reddit:before{color:#ff4500}.m-ico-branded .m-a-icon-skype:before,.m-ico-branded-circled .m-a-icon-skype:before,.m-ico-branded-squared .m-a-icon-skype:before,.m-ico-branded-boxed .m-a-icon-skype:before{color:#00AFF0}.m-ico-branded .m-a-icon-livejournal:before,.m-ico-branded-circled .m-a-icon-livejournal:before,.m-ico-branded-squared .m-a-icon-livejournal:before,.m-ico-branded-boxed .m-a-icon-livejournal:before{color:#00B0EA}.m-ico-branded .m-a-icon-taringa:before,.m-ico-branded-circled .m-a-icon-taringa:before,.m-ico-branded-squared .m-a-icon-taringa:before,.m-ico-branded-boxed .m-a-icon-taringa:before{color:#005dab}.m-ico-branded .m-a-icon-odnoklassniki:before,.m-ico-branded-circled .m-a-icon-odnoklassniki:before,.m-ico-branded-squared .m-a-icon-odnoklassniki:before,.m-ico-branded-boxed .m-a-icon-odnoklassniki:before{color:#F4731C}.m-ico-branded .m-a-icon-askfm:before,.m-ico-branded-circled .m-a-icon-askfm:before,.m-ico-branded-squared .m-a-icon-askfm:before,.m-ico-branded-boxed .m-a-icon-askfm:before{color:#DB3552}.m-ico-branded .m-a-icon-goodreads:before,.m-ico-branded-circled .m-a-icon-goodreads:before,.m-ico-branded-squared .m-a-icon-goodreads:before,.m-ico-branded-boxed .m-a-icon-goodreads:before{color:#663300}.m-ico-branded .m-a-icon-periscope:before,.m-ico-branded-circled .m-a-icon-periscope:before,.m-ico-branded-squared .m-a-icon-periscope:before,.m-ico-branded-boxed .m-a-icon-periscope:before{color:#40A4C4}.m-ico-branded .m-a-icon-telegram:before,.m-ico-branded-circled .m-a-icon-telegram:before,.m-ico-branded-squared .m-a-icon-telegram:before,.m-ico-branded-boxed .m-a-icon-telegram:before{color:#2CA5E0}.m-ico-branded .m-a-icon-livestream:before,.m-ico-branded-circled .m-a-icon-livestream:before,.m-ico-branded-squared .m-a-icon-livestream:before,.m-ico-branded-boxed .m-a-icon-livestream:before{color:#cf202e}.m-ico-branded .m-a-icon-styleshare:before,.m-ico-branded-circled .m-a-icon-styleshare:before,.m-ico-branded-squared .m-a-icon-styleshare:before,.m-ico-branded-boxed .m-a-icon-styleshare:before{color:#231F20}.m-ico-branded .m-a-icon-everplaces:before,.m-ico-branded-circled .m-a-icon-everplaces:before,.m-ico-branded-squared .m-a-icon-everplaces:before,.m-ico-branded-boxed .m-a-icon-everplaces:before{color:#FA4B32}.m-ico-branded .m-a-icon-draugiemlv:before,.m-ico-branded-circled .m-a-icon-draugiemlv:before,.m-ico-branded-squared .m-a-icon-draugiemlv:before,.m-ico-branded-boxed .m-a-icon-draugiemlv:before{color:#FF6600}.m-ico-branded .m-a-icon-blogger:before,.m-ico-branded-circled .m-a-icon-blogger:before,.m-ico-branded-squared .m-a-icon-blogger:before,.m-ico-branded-boxed .m-a-icon-blogger:before{color:#F38936}.m-ico-branded .m-a-icon-plurk:before,.m-ico-branded-circled .m-a-icon-plurk:before,.m-ico-branded-squared .m-a-icon-plurk:before,.m-ico-branded-boxed .m-a-icon-plurk:before{color:#FF6B6B}.m-ico-branded .m-a-icon-buzzfeed:before,.m-ico-branded-circled .m-a-icon-buzzfeed:before,.m-ico-branded-squared .m-a-icon-buzzfeed:before,.m-ico-branded-boxed .m-a-icon-buzzfeed:before{color:#EE3322}.m-ico-branded .m-a-icon-slides:before,.m-ico-branded-circled .m-a-icon-slides:before,.m-ico-branded-squared .m-a-icon-slides:before,.m-ico-branded-boxed .m-a-icon-slides:before{color:#E4637C}.m-ico-branded .m-a-icon-deezer:before,.m-ico-branded-circled .m-a-icon-deezer:before,.m-ico-branded-squared .m-a-icon-deezer:before,.m-ico-branded-boxed .m-a-icon-deezer:before{color:#2DC9D7}.m-ico-branded .m-a-icon-spreaker:before,.m-ico-branded-circled .m-a-icon-spreaker:before,.m-ico-branded-squared .m-a-icon-spreaker:before,.m-ico-branded-boxed .m-a-icon-spreaker:before{color:#F5C300}.m-ico-branded .m-a-icon-runkeeper:before,.m-ico-branded-circled .m-a-icon-runkeeper:before,.m-ico-branded-squared .m-a-icon-runkeeper:before,.m-ico-branded-boxed .m-a-icon-runkeeper:before{color:#31a4d9}.m-ico-branded .m-a-icon-medium:before,.m-ico-branded-circled .m-a-icon-medium:before,.m-ico-branded-squared .m-a-icon-medium:before,.m-ico-branded-boxed .m-a-icon-medium:before{color:#00AB6B}.m-ico-branded .m-a-icon-speakerdeck:before,.m-ico-branded-circled .m-a-icon-speakerdeck:before,.m-ico-branded-squared .m-a-icon-speakerdeck:before,.m-ico-branded-boxed .m-a-icon-speakerdeck:before{color:#339966}.m-ico-branded .m-a-icon-kaggle:before,.m-ico-branded-circled .m-a-icon-kaggle:before,.m-ico-branded-squared .m-a-icon-kaggle:before,.m-ico-branded-boxed .m-a-icon-kaggle:before{color:#20BEFF}.m-ico-branded .m-a-icon-houzz:before,.m-ico-branded-circled .m-a-icon-houzz:before,.m-ico-branded-squared .m-a-icon-houzz:before,.m-ico-branded-boxed .m-a-icon-houzz:before{color:#7AC142}.m-ico-branded .m-a-icon-gumtree:before,.m-ico-branded-circled .m-a-icon-gumtree:before,.m-ico-branded-squared .m-a-icon-gumtree:before,.m-ico-branded-boxed .m-a-icon-gumtree:before{color:#72EF36}.m-ico-branded .m-a-icon-upwork:before,.m-ico-branded-circled .m-a-icon-upwork:before,.m-ico-branded-squared .m-a-icon-upwork:before,.m-ico-branded-boxed .m-a-icon-upwork:before{color:#6FDA44}.m-ico-branded .m-a-icon-superuser:before,.m-ico-branded-circled .m-a-icon-superuser:before,.m-ico-branded-squared .m-a-icon-superuser:before,.m-ico-branded-boxed .m-a-icon-superuser:before{color:#2EACE3}.m-ico-branded .m-a-icon-bandcamp:before,.m-ico-branded-circled .m-a-icon-bandcamp:before,.m-ico-branded-squared .m-a-icon-bandcamp:before,.m-ico-branded-boxed .m-a-icon-bandcamp:before{color:#408294}.m-ico-branded .m-a-icon-itunes:before,.m-ico-branded-circled .m-a-icon-itunes:before,.m-ico-branded-squared .m-a-icon-itunes:before,.m-ico-branded-boxed .m-a-icon-itunes:before{color:#333333}.m-ico-branded .m-a-icon-mail:before,.m-ico-branded-circled .m-a-icon-mail:before,.m-ico-branded-squared .m-a-icon-mail:before,.m-ico-branded-boxed .m-a-icon-mail:before{color:#333333}.m-ico-branded .m-a-icon-ifixit:before,.m-ico-branded-circled .m-a-icon-ifixit:before,.m-ico-branded-squared .m-a-icon-ifixit:before,.m-ico-branded-boxed .m-a-icon-ifixit:before{color:#0071CE}.m-ico-branded .m-a-icon-stitcher:before,.m-ico-branded-circled .m-a-icon-stitcher:before,.m-ico-branded-squared .m-a-icon-stitcher:before,.m-ico-branded-boxed .m-a-icon-stitcher:before{color:#000000}.m-ico-branded .m-a-icon-storify:before,.m-ico-branded-circled .m-a-icon-storify:before,.m-ico-branded-squared .m-a-icon-storify:before,.m-ico-branded-boxed .m-a-icon-storify:before{color:#3A98D9}.m-ico-branded .m-a-icon-readthedocs:before,.m-ico-branded-circled .m-a-icon-readthedocs:before,.m-ico-branded-squared .m-a-icon-readthedocs:before,.m-ico-branded-boxed .m-a-icon-readthedocs:before{color:#8CA1AF}.m-ico-branded .m-a-icon-ello:before,.m-ico-branded-circled .m-a-icon-ello:before,.m-ico-branded-squared .m-a-icon-ello:before,.m-ico-branded-boxed .m-a-icon-ello:before{color:#000000}.m-ico-branded .m-a-icon-tinder:before,.m-ico-branded-circled .m-a-icon-tinder:before,.m-ico-branded-squared .m-a-icon-tinder:before,.m-ico-branded-boxed .m-a-icon-tinder:before{color:#FE5268}.m-ico-branded .m-a-icon-line:before,.m-ico-branded-circled .m-a-icon-line:before,.m-ico-branded-squared .m-a-icon-line:before,.m-ico-branded-boxed .m-a-icon-line:before{color:#00c300}.m-ico-branded .m-a-icon-researchgate:before,.m-ico-branded-circled .m-a-icon-researchgate:before,.m-ico-branded-squared .m-a-icon-researchgate:before,.m-ico-branded-boxed .m-a-icon-researchgate:before{color:#0cb}.m-ico-branded .m-a-icon-web:before,.m-ico-branded-circled .m-a-icon-web:before,.m-ico-branded-squared .m-a-icon-web:before,.m-ico-branded-boxed .m-a-icon-web:before{color:#333333}.m-ico-branded .m-a-icon-academia:before,.m-ico-branded-circled .m-a-icon-academia:before,.m-ico-branded-squared .m-a-icon-academia:before,.m-ico-branded-boxed .m-a-icon-academia:before{color:#000}.m-ico-branded .m-a-icon-bookbub:before,.m-ico-branded-circled .m-a-icon-bookbub:before,.m-ico-branded-squared .m-a-icon-bookbub:before,.m-ico-branded-boxed .m-a-icon-bookbub:before{color:#e93f33}.m-ico-branded .m-a-icon-github:before,.m-ico-branded-circled .m-a-icon-github:before,.m-ico-branded-squared .m-a-icon-github:before,.m-ico-branded-boxed .m-a-icon-github:before{color:#181717}.m-ico-branded .m-a-icon-stackoverflow:before,.m-ico-branded-circled .m-a-icon-stackoverflow:before,.m-ico-branded-squared .m-a-icon-stackoverflow:before,.m-ico-branded-boxed .m-a-icon-stackoverflow:before{color:#FE7A16}.m-ico-branded .m-a-icon-jsfiddle:before,.m-ico-branded-circled .m-a-icon-jsfiddle:before,.m-ico-branded-squared .m-a-icon-jsfiddle:before,.m-ico-branded-boxed .m-a-icon-jsfiddle:before{color:#4679a4}.m-ico-branded .m-a-icon-twitch:before,.m-ico-branded-circled .m-a-icon-twitch:before,.m-ico-branded-squared .m-a-icon-twitch:before,.m-ico-branded-boxed .m-a-icon-twitch:before{color:#6441A5}.m-ico-branded .m-a-icon-whatsapp:before,.m-ico-branded-circled .m-a-icon-whatsapp:before,.m-ico-branded-squared .m-a-icon-whatsapp:before,.m-ico-branded-boxed .m-a-icon-whatsapp:before{color:#25D366}.m-ico-branded .m-a-icon-tripadvisor:before,.m-ico-branded-circled .m-a-icon-tripadvisor:before,.m-ico-branded-squared .m-a-icon-tripadvisor:before,.m-ico-branded-boxed .m-a-icon-tripadvisor:before{color:#589442}.m-ico-branded .m-a-icon-wikipedia:before,.m-ico-branded-circled .m-a-icon-wikipedia:before,.m-ico-branded-squared .m-a-icon-wikipedia:before,.m-ico-branded-boxed .m-a-icon-wikipedia:before{color:#000000}.m-ico-branded .m-a-icon-500px:before,.m-ico-branded-circled .m-a-icon-500px:before,.m-ico-branded-squared .m-a-icon-500px:before,.m-ico-branded-boxed .m-a-icon-500px:before{color:#0099E5}.m-ico-branded .m-a-icon-mixcloud:before,.m-ico-branded-circled .m-a-icon-mixcloud:before,.m-ico-branded-squared .m-a-icon-mixcloud:before,.m-ico-branded-boxed .m-a-icon-mixcloud:before{color:#314359}.m-ico-branded .m-a-icon-quora:before,.m-ico-branded-circled .m-a-icon-quora:before,.m-ico-branded-squared .m-a-icon-quora:before,.m-ico-branded-boxed .m-a-icon-quora:before{color:#B92B27}.m-ico-branded .m-a-icon-codepen:before,.m-ico-branded-circled .m-a-icon-codepen:before,.m-ico-branded-squared .m-a-icon-codepen:before,.m-ico-branded-boxed .m-a-icon-codepen:before{color:#000000}.m-ico-branded .m-a-icon-coderwall:before,.m-ico-branded-circled .m-a-icon-coderwall:before,.m-ico-branded-squared .m-a-icon-coderwall:before,.m-ico-branded-boxed .m-a-icon-coderwall:before{color:#3E8DCC}.m-ico-branded .m-a-icon-coursera:before,.m-ico-branded-circled .m-a-icon-coursera:before,.m-ico-branded-squared .m-a-icon-coursera:before,.m-ico-branded-boxed .m-a-icon-coursera:before{color:#757575}.m-ico-branded .m-a-icon-googleplay:before,.m-ico-branded-circled .m-a-icon-googleplay:before,.m-ico-branded-squared .m-a-icon-googleplay:before,.m-ico-branded-boxed .m-a-icon-googleplay:before{color:#607D8B}.m-ico-branded .m-a-icon-digg:before,.m-ico-branded-circled .m-a-icon-digg:before,.m-ico-branded-squared .m-a-icon-digg:before,.m-ico-branded-boxed .m-a-icon-digg:before{color:#005be2}.m-ico-branded .m-a-icon-dropbox:before,.m-ico-branded-circled .m-a-icon-dropbox:before,.m-ico-branded-squared .m-a-icon-dropbox:before,.m-ico-branded-boxed .m-a-icon-dropbox:before{color:#007ee5}.m-ico-branded .m-a-icon-designernews:before,.m-ico-branded-circled .m-a-icon-designernews:before,.m-ico-branded-squared .m-a-icon-designernews:before,.m-ico-branded-boxed .m-a-icon-designernews:before{color:#2d72d9}.m-ico-branded .m-a-icon-rss:before,.m-ico-branded-circled .m-a-icon-rss:before,.m-ico-branded-squared .m-a-icon-rss:before,.m-ico-branded-boxed .m-a-icon-rss:before{color:#f26522}.m-ico-branded .m-a-icon-applepodcasts:before,.m-ico-branded-circled .m-a-icon-applepodcasts:before,.m-ico-branded-squared .m-a-icon-applepodcasts:before,.m-ico-branded-boxed .m-a-icon-applepodcasts:before{color:#d56dfb}.m-ico-branded .m-a-icon-castbox:before,.m-ico-branded-circled .m-a-icon-castbox:before,.m-ico-branded-squared .m-a-icon-castbox:before,.m-ico-branded-boxed .m-a-icon-castbox:before{color:#f55b23}.m-ico-branded .m-a-icon-radiopublic:before,.m-ico-branded-circled .m-a-icon-radiopublic:before,.m-ico-branded-squared .m-a-icon-radiopublic:before,.m-ico-branded-boxed .m-a-icon-radiopublic:before{color:#ce262f}.m-ico-branded .m-a-icon-tunein:before,.m-ico-branded-circled .m-a-icon-tunein:before,.m-ico-branded-squared .m-a-icon-tunein:before,.m-ico-branded-boxed .m-a-icon-tunein:before{color:#14d8cc}.m-ico-branded .m-a-icon-scoutfm:before,.m-ico-branded-circled .m-a-icon-scoutfm:before,.m-ico-branded-squared .m-a-icon-scoutfm:before,.m-ico-branded-boxed .m-a-icon-scoutfm:before{color:#6446c4}.m-ico-branded .m-a-icon-overcast:before,.m-ico-branded-circled .m-a-icon-overcast:before,.m-ico-branded-squared .m-a-icon-overcast:before,.m-ico-branded-boxed .m-a-icon-overcast:before{color:#fc7e0f}.m-ico-branded .m-a-icon-breaker:before,.m-ico-branded-circled .m-a-icon-breaker:before,.m-ico-branded-squared .m-a-icon-breaker:before,.m-ico-branded-boxed .m-a-icon-breaker:before{color:#003dad}.m-ico-branded .m-a-icon-philpapers:before,.m-ico-branded-circled .m-a-icon-philpapers:before,.m-ico-branded-squared .m-a-icon-philpapers:before,.m-ico-branded-boxed .m-a-icon-philpapers:before{color:#074ba9}.m-ico-branded .m-a-icon-tiktok:before,.m-ico-branded-circled .m-a-icon-tiktok:before,.m-ico-branded-squared .m-a-icon-tiktok:before,.m-ico-branded-boxed .m-a-icon-tiktok:before{color:#010101}.m-ico-branded .m-a-icon-lbry:before,.m-ico-branded-circled .m-a-icon-lbry:before,.m-ico-branded-squared .m-a-icon-lbry:before,.m-ico-branded-boxed .m-a-icon-lbry:before{color:#2f9176}.m-ico-branded .m-a-icon-gab:before,.m-ico-branded-circled .m-a-icon-gab:before,.m-ico-branded-squared .m-a-icon-gab:before,.m-ico-branded-boxed .m-a-icon-gab:before{color:#21cf7a}.m-ico-branded .m-a-icon-orcid:before,.m-ico-branded-circled .m-a-icon-orcid:before,.m-ico-branded-squared .m-a-icon-orcid:before,.m-ico-branded-boxed .m-a-icon-orcid:before{color:#a6ce39}.m-ico-branded .m-a-icon-stackexchange:before,.m-ico-branded-circled .m-a-icon-stackexchange:before,.m-ico-branded-squared .m-a-icon-stackexchange:before,.m-ico-branded-boxed .m-a-icon-stackexchange:before{color:#1e5397}.m-ico-branded .m-a-icon-mastodon:before,.m-ico-branded-circled .m-a-icon-mastodon:before,.m-ico-branded-squared .m-a-icon-mastodon:before,.m-ico-branded-boxed .m-a-icon-mastodon:before{color:#6364ff}.m-ico-branded .m-a-icon-peepeth:before,.m-ico-branded-circled .m-a-icon-peepeth:before,.m-ico-branded-squared .m-a-icon-peepeth:before,.m-ico-branded-boxed .m-a-icon-peepeth:before{color:#ee9a35}.m-ico-branded .m-a-icon-vero:before,.m-ico-branded-circled .m-a-icon-vero:before,.m-ico-branded-squared .m-a-icon-vero:before,.m-ico-branded-boxed .m-a-icon-vero:before{color:#00cccc}.m-ico-branded .m-a-icon-wechat:before,.m-ico-branded-circled .m-a-icon-wechat:before,.m-ico-branded-squared .m-a-icon-wechat:before,.m-ico-branded-boxed .m-a-icon-wechat:before{color:#09b83e}.m-ico-branded .m-a-icon-bluesky:before,.m-ico-branded-circled .m-a-icon-bluesky:before,.m-ico-branded-squared .m-a-icon-bluesky:before,.m-ico-branded-boxed .m-a-icon-bluesky:before{color:#1185fe}.m-ico-branded .m-a-icon-strava:before,.m-ico-branded-circled .m-a-icon-strava:before,.m-ico-branded-squared .m-a-icon-strava:before,.m-ico-branded-boxed .m-a-icon-strava:before{color:#fc5200}.m-ico-branded .m-a-icon-imdb:before,.m-ico-branded-circled .m-a-icon-imdb:before,.m-ico-branded-squared .m-a-icon-imdb:before,.m-ico-branded-boxed .m-a-icon-imdb:before{color:#f5c518}.m-ico-branded .m-a-icon-threads:before,.m-ico-branded-circled .m-a-icon-threads:before,.m-ico-branded-squared .m-a-icon-threads:before,.m-ico-branded-boxed .m-a-icon-threads:before{color:#000000}.m-ico-branded .m-a-icon-qq:before,.m-ico-branded-circled .m-a-icon-qq:before,.m-ico-branded-squared .m-a-icon-qq:before,.m-ico-branded-boxed .m-a-icon-qq:before{color:#000000}.m-ico-branded .m-a-icon-messenger:before,.m-ico-branded-circled .m-a-icon-messenger:before,.m-ico-branded-squared .m-a-icon-messenger:before,.m-ico-branded-boxed .m-a-icon-messenger:before{color:#168aff}.m-ico-branded .m-a-icon-muck-rack:before,.m-ico-branded-circled .m-a-icon-muck-rack:before,.m-ico-branded-squared .m-a-icon-muck-rack:before,.m-ico-branded-boxed .m-a-icon-muck-rack:before{color:#1c456d}.m-ico-branded .m-a-icon-flipboard:before,.m-ico-branded-circled .m-a-icon-flipboard:before,.m-ico-branded-squared .m-a-icon-flipboard:before,.m-ico-branded-boxed .m-a-icon-flipboard:before{color:#e12828}.m-ico-branded-circled-reverse.m-ico-star,.m-ico-branded-squared-reverse.m-ico-star{background-color:#edaa22 !important}.m-ico-branded-circled-reverse.m-ico-twitter,.m-ico-branded-squared-reverse.m-ico-twitter{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-twitterbird,.m-ico-branded-squared-reverse.m-ico-twitterbird{background-color:#00aced !important}.m-ico-branded-circled-reverse.m-ico-facebook,.m-ico-branded-squared-reverse.m-ico-facebook{background-color:#3b5998 !important}.m-ico-branded-circled-reverse.m-ico-linkedin,.m-ico-branded-squared-reverse.m-ico-linkedin{background-color:#007bb6 !important}.m-ico-branded-circled-reverse.m-ico-googleplus,.m-ico-branded-squared-reverse.m-ico-googleplus{background-color:#dd4b39 !important}.m-ico-branded-circled-reverse.m-ico-youtube,.m-ico-branded-squared-reverse.m-ico-youtube{background-color:#bb0000 !important}.m-ico-branded-circled-reverse.m-ico-pinterest,.m-ico-branded-squared-reverse.m-ico-pinterest{background-color:#cb2027 !important}.m-ico-branded-circled-reverse.m-ico-tumblr,.m-ico-branded-squared-reverse.m-ico-tumblr{background-color:#2c4762 !important}.m-ico-branded-circled-reverse.m-ico-instagram,.m-ico-branded-squared-reverse.m-ico-instagram{background-color:#405de6 !important}.m-ico-branded-circled-reverse.m-ico-slideshare,.m-ico-branded-squared-reverse.m-ico-slideshare{background-color:#007bb6 !important}.m-ico-branded-circled-reverse.m-ico-renren,.m-ico-branded-squared-reverse.m-ico-renren{background-color:#005eac !important}.m-ico-branded-circled-reverse.m-ico-vk,.m-ico-branded-squared-reverse.m-ico-vk{background-color:#45668e !important}.m-ico-branded-circled-reverse.m-ico-flickr,.m-ico-branded-squared-reverse.m-ico-flickr{background-color:#f40083 !important}.m-ico-branded-circled-reverse.m-ico-vine,.m-ico-branded-squared-reverse.m-ico-vine{background-color:#00b489 !important}.m-ico-branded-circled-reverse.m-ico-meetup,.m-ico-branded-squared-reverse.m-ico-meetup{background-color:#e0393e !important}.m-ico-branded-circled-reverse.m-ico-weibo,.m-ico-branded-squared-reverse.m-ico-weibo{background-color:#e6162d !important}.m-ico-branded-circled-reverse.m-ico-deviantart,.m-ico-branded-squared-reverse.m-ico-deviantart{background-color:#4a5d4e !important}.m-ico-branded-circled-reverse.m-ico-stumbleupon,.m-ico-branded-squared-reverse.m-ico-stumbleupon{background-color:#eb4924 !important}.m-ico-branded-circled-reverse.m-ico-myspace,.m-ico-branded-squared-reverse.m-ico-myspace{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-mixi,.m-ico-branded-squared-reverse.m-ico-mixi{background-color:#e0c074 !important}.m-ico-branded-circled-reverse.m-ico-soundcloud,.m-ico-branded-squared-reverse.m-ico-soundcloud{background-color:#ff5500 !important}.m-ico-branded-circled-reverse.m-ico-lastfm,.m-ico-branded-squared-reverse.m-ico-lastfm{background-color:#d51007 !important}.m-ico-branded-circled-reverse.m-ico-foursquare,.m-ico-branded-squared-reverse.m-ico-foursquare{background-color:#fc4575 !important}.m-ico-branded-circled-reverse.m-ico-spotify,.m-ico-branded-squared-reverse.m-ico-spotify{background-color:#2ebd59 !important}.m-ico-branded-circled-reverse.m-ico-vimeo,.m-ico-branded-squared-reverse.m-ico-vimeo{background-color:#45bbff !important}.m-ico-branded-circled-reverse.m-ico-dailymotion,.m-ico-branded-squared-reverse.m-ico-dailymotion{background-color:#0066dc !important}.m-ico-branded-circled-reverse.m-ico-phone,.m-ico-branded-squared-reverse.m-ico-phone{background-color:#333333 !important}.m-ico-branded-circled-reverse.m-ico-reddit,.m-ico-branded-squared-reverse.m-ico-reddit{background-color:#ff4500 !important}.m-ico-branded-circled-reverse.m-ico-skype,.m-ico-branded-squared-reverse.m-ico-skype{background-color:#00AFF0 !important}.m-ico-branded-circled-reverse.m-ico-livejournal,.m-ico-branded-squared-reverse.m-ico-livejournal{background-color:#00B0EA !important}.m-ico-branded-circled-reverse.m-ico-taringa,.m-ico-branded-squared-reverse.m-ico-taringa{background-color:#005dab !important}.m-ico-branded-circled-reverse.m-ico-odnoklassniki,.m-ico-branded-squared-reverse.m-ico-odnoklassniki{background-color:#F4731C !important}.m-ico-branded-circled-reverse.m-ico-askfm,.m-ico-branded-squared-reverse.m-ico-askfm{background-color:#DB3552 !important}.m-ico-branded-circled-reverse.m-ico-goodreads,.m-ico-branded-squared-reverse.m-ico-goodreads{background-color:#663300 !important}.m-ico-branded-circled-reverse.m-ico-periscope,.m-ico-branded-squared-reverse.m-ico-periscope{background-color:#40A4C4 !important}.m-ico-branded-circled-reverse.m-ico-telegram,.m-ico-branded-squared-reverse.m-ico-telegram{background-color:#2CA5E0 !important}.m-ico-branded-circled-reverse.m-ico-livestream,.m-ico-branded-squared-reverse.m-ico-livestream{background-color:#cf202e !important}.m-ico-branded-circled-reverse.m-ico-styleshare,.m-ico-branded-squared-reverse.m-ico-styleshare{background-color:#231F20 !important}.m-ico-branded-circled-reverse.m-ico-everplaces,.m-ico-branded-squared-reverse.m-ico-everplaces{background-color:#FA4B32 !important}.m-ico-branded-circled-reverse.m-ico-draugiemlv,.m-ico-branded-squared-reverse.m-ico-draugiemlv{background-color:#FF6600 !important}.m-ico-branded-circled-reverse.m-ico-blogger,.m-ico-branded-squared-reverse.m-ico-blogger{background-color:#F38936 !important}.m-ico-branded-circled-reverse.m-ico-plurk,.m-ico-branded-squared-reverse.m-ico-plurk{background-color:#FF6B6B !important}.m-ico-branded-circled-reverse.m-ico-buzzfeed,.m-ico-branded-squared-reverse.m-ico-buzzfeed{background-color:#EE3322 !important}.m-ico-branded-circled-reverse.m-ico-slides,.m-ico-branded-squared-reverse.m-ico-slides{background-color:#E4637C !important}.m-ico-branded-circled-reverse.m-ico-deezer,.m-ico-branded-squared-reverse.m-ico-deezer{background-color:#2DC9D7 !important}.m-ico-branded-circled-reverse.m-ico-spreaker,.m-ico-branded-squared-reverse.m-ico-spreaker{background-color:#F5C300 !important}.m-ico-branded-circled-reverse.m-ico-runkeeper,.m-ico-branded-squared-reverse.m-ico-runkeeper{background-color:#31a4d9 !important}.m-ico-branded-circled-reverse.m-ico-medium,.m-ico-branded-squared-reverse.m-ico-medium{background-color:#00AB6B !important}.m-ico-branded-circled-reverse.m-ico-speakerdeck,.m-ico-branded-squared-reverse.m-ico-speakerdeck{background-color:#339966 !important}.m-ico-branded-circled-reverse.m-ico-kaggle,.m-ico-branded-squared-reverse.m-ico-kaggle{background-color:#20BEFF !important}.m-ico-branded-circled-reverse.m-ico-houzz,.m-ico-branded-squared-reverse.m-ico-houzz{background-color:#7AC142 !important}.m-ico-branded-circled-reverse.m-ico-gumtree,.m-ico-branded-squared-reverse.m-ico-gumtree{background-color:#72EF36 !important}.m-ico-branded-circled-reverse.m-ico-upwork,.m-ico-branded-squared-reverse.m-ico-upwork{background-color:#6FDA44 !important}.m-ico-branded-circled-reverse.m-ico-superuser,.m-ico-branded-squared-reverse.m-ico-superuser{background-color:#2EACE3 !important}.m-ico-branded-circled-reverse.m-ico-bandcamp,.m-ico-branded-squared-reverse.m-ico-bandcamp{background-color:#408294 !important}.m-ico-branded-circled-reverse.m-ico-itunes,.m-ico-branded-squared-reverse.m-ico-itunes{background-color:#333333 !important}.m-ico-branded-circled-reverse.m-ico-mail,.m-ico-branded-squared-reverse.m-ico-mail{background-color:#333333 !important}.m-ico-branded-circled-reverse.m-ico-ifixit,.m-ico-branded-squared-reverse.m-ico-ifixit{background-color:#0071CE !important}.m-ico-branded-circled-reverse.m-ico-stitcher,.m-ico-branded-squared-reverse.m-ico-stitcher{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-storify,.m-ico-branded-squared-reverse.m-ico-storify{background-color:#3A98D9 !important}.m-ico-branded-circled-reverse.m-ico-readthedocs,.m-ico-branded-squared-reverse.m-ico-readthedocs{background-color:#8CA1AF !important}.m-ico-branded-circled-reverse.m-ico-ello,.m-ico-branded-squared-reverse.m-ico-ello{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-tinder,.m-ico-branded-squared-reverse.m-ico-tinder{background-color:#FE5268 !important}.m-ico-branded-circled-reverse.m-ico-line,.m-ico-branded-squared-reverse.m-ico-line{background-color:#00c300 !important}.m-ico-branded-circled-reverse.m-ico-researchgate,.m-ico-branded-squared-reverse.m-ico-researchgate{background-color:#0cb !important}.m-ico-branded-circled-reverse.m-ico-web,.m-ico-branded-squared-reverse.m-ico-web{background-color:#333 !important}.m-ico-branded-circled-reverse.m-ico-academia,.m-ico-branded-squared-reverse.m-ico-academia{background-color:#000 !important}.m-ico-branded-circled-reverse.m-ico-bookbub,.m-ico-branded-squared-reverse.m-ico-bookbub{background-color:#e93f33 !important}.m-ico-branded-circled-reverse.m-ico-github,.m-ico-branded-squared-reverse.m-ico-github{background-color:#181717 !important}.m-ico-branded-circled-reverse.m-ico-stackoverflow,.m-ico-branded-squared-reverse.m-ico-stackoverflow{background-color:#FE7A16 !important}.m-ico-branded-circled-reverse.m-ico-jsfiddle,.m-ico-branded-squared-reverse.m-ico-jsfiddle{background-color:#4679a4 !important}.m-ico-branded-circled-reverse.m-ico-twitch,.m-ico-branded-squared-reverse.m-ico-twitch{background-color:#6441A5 !important}.m-ico-branded-circled-reverse.m-ico-whatsapp,.m-ico-branded-squared-reverse.m-ico-whatsapp{background-color:#25D366 !important}.m-ico-branded-circled-reverse.m-ico-tripadvisor,.m-ico-branded-squared-reverse.m-ico-tripadvisor{background-color:#589442 !important}.m-ico-branded-circled-reverse.m-ico-wikipedia,.m-ico-branded-squared-reverse.m-ico-wikipedia{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-500px,.m-ico-branded-squared-reverse.m-ico-500px{background-color:#0099E5 !important}.m-ico-branded-circled-reverse.m-ico-mixcloud,.m-ico-branded-squared-reverse.m-ico-mixcloud{background-color:#314359 !important}.m-ico-branded-circled-reverse.m-ico-quora,.m-ico-branded-squared-reverse.m-ico-quora{background-color:#B92B27 !important}.m-ico-branded-circled-reverse.m-ico-codepen,.m-ico-branded-squared-reverse.m-ico-codepen{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-coderwall,.m-ico-branded-squared-reverse.m-ico-coderwall{background-color:#3E8DCC !important}.m-ico-branded-circled-reverse.m-ico-coursera,.m-ico-branded-squared-reverse.m-ico-coursera{background-color:#757575 !important}.m-ico-branded-circled-reverse.m-ico-googleplay,.m-ico-branded-squared-reverse.m-ico-googleplay{background-color:#607D8B !important}.m-ico-branded-circled-reverse.m-ico-digg,.m-ico-branded-squared-reverse.m-ico-digg{background-color:#005be2 !important}.m-ico-branded-circled-reverse.m-ico-dropbox,.m-ico-branded-squared-reverse.m-ico-dropbox{background-color:#007ee5 !important}.m-ico-branded-circled-reverse.m-ico-designernews,.m-ico-branded-squared-reverse.m-ico-designernews{background-color:#2d72d9 !important}.m-ico-branded-circled-reverse.m-ico-rss,.m-ico-branded-squared-reverse.m-ico-rss{background-color:#f26522 !important}.m-ico-branded-circled-reverse.m-ico-applepodcasts,.m-ico-branded-squared-reverse.m-ico-applepodcasts{background-color:#d56dfb !important}.m-ico-branded-circled-reverse.m-ico-castbox,.m-ico-branded-squared-reverse.m-ico-castbox{background-color:#f55b23 !important}.m-ico-branded-circled-reverse.m-ico-radiopublic,.m-ico-branded-squared-reverse.m-ico-radiopublic{background-color:#ce262f !important}.m-ico-branded-circled-reverse.m-ico-tunein,.m-ico-branded-squared-reverse.m-ico-tunein{background-color:#14d8cc !important}.m-ico-branded-circled-reverse.m-ico-scoutfm,.m-ico-branded-squared-reverse.m-ico-scoutfm{background-color:#6446c4 !important}.m-ico-branded-circled-reverse.m-ico-overcast,.m-ico-branded-squared-reverse.m-ico-overcast{background-color:#fc7e0f !important}.m-ico-branded-circled-reverse.m-ico-breaker,.m-ico-branded-squared-reverse.m-ico-breaker{background-color:#003dad !important}.m-ico-branded-circled-reverse.m-ico-philpapers,.m-ico-branded-squared-reverse.m-ico-philpapers{background-color:#074ba9 !important}.m-ico-branded-circled-reverse.m-ico-tiktok,.m-ico-branded-squared-reverse.m-ico-tiktok{background-color:#010101 !important}.m-ico-branded-circled-reverse.m-ico-lbry,.m-ico-branded-squared-reverse.m-ico-lbry{background-color:#2f9176 !important}.m-ico-branded-circled-reverse.m-ico-gab,.m-ico-branded-squared-reverse.m-ico-gab{background-color:#21cf7a !important}.m-ico-branded-circled-reverse.m-ico-orcid,.m-ico-branded-squared-reverse.m-ico-orcid{background-color:#a6ce39 !important}.m-ico-branded-circled-reverse.m-ico-stackexchange,.m-ico-branded-squared-reverse.m-ico-stackexchange{background-color:#1e5397 !important}.m-ico-branded-circled-reverse.m-ico-mastodon,.m-ico-branded-squared-reverse.m-ico-mastodon{background-color:#6364ff !important}.m-ico-branded-circled-reverse.m-ico-peepeth,.m-ico-branded-squared-reverse.m-ico-peepeth{background-color:#ee9a35 !important}.m-ico-branded-circled-reverse.m-ico-vero,.m-ico-branded-squared-reverse.m-ico-vero{background-color:#00cccc !important}.m-ico-branded-circled-reverse.m-ico-wechat,.m-ico-branded-squared-reverse.m-ico-wechat{background-color:#09b83e !important}.m-ico-branded-circled-reverse.m-ico-bluesky,.m-ico-branded-squared-reverse.m-ico-bluesky{background-color:#1185fe !important}.m-ico-branded-circled-reverse.m-ico-strava,.m-ico-branded-squared-reverse.m-ico-strava{background-color:#fc5200 !important}.m-ico-branded-circled-reverse.m-ico-imdb,.m-ico-branded-squared-reverse.m-ico-imdb{background-color:#f5c518 !important}.m-ico-branded-circled-reverse.m-ico-threads,.m-ico-branded-squared-reverse.m-ico-threads{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-qq,.m-ico-branded-squared-reverse.m-ico-qq{background-color:#000000 !important}.m-ico-branded-circled-reverse.m-ico-messenger,.m-ico-branded-squared-reverse.m-ico-messenger{background-color:#168aff !important}.m-ico-branded-circled-reverse.m-ico-muck-rack,.m-ico-branded-squared-reverse.m-ico-muck-rack{background-color:#1c456d !important}.m-ico-branded-circled-reverse.m-ico-flipboard,.m-ico-branded-squared-reverse.m-ico-flipboard{background-color:#e12828 !important}.m-ico-branded-boxed.m-ico-star{border-color:#edaa22 !important}.m-ico-branded-boxed.m-ico-twitter{border-color:#00aced !important}.m-ico-branded-boxed.m-ico-twitterbird{border-color:#00aced !important}.m-ico-branded-boxed.m-ico-facebook{border-color:#3b5998 !important}.m-ico-branded-boxed.m-ico-linkedin{border-color:#007bb6 !important}.m-ico-branded-boxed.m-ico-googleplus{border-color:#dd4b39 !important}.m-ico-branded-boxed.m-ico-youtube{border-color:#bb0000 !important}.m-ico-branded-boxed.m-ico-pinterest{border-color:#cb2027 !important}.m-ico-branded-boxed.m-ico-tumblr{border-color:#2c4762 !important}.m-ico-branded-boxed.m-ico-instagram{border-color:#405DE6 !important}.m-ico-branded-boxed.m-ico-slideshare{border-color:#007bb6 !important}.m-ico-branded-boxed.m-ico-renren{border-color:#005EAC !important}.m-ico-branded-boxed.m-ico-vk{border-color:#45668e !important}.m-ico-branded-boxed.m-ico-flickr{border-color:#f40083 !important}.m-ico-branded-boxed.m-ico-vine{border-color:#00b489 !important}.m-ico-branded-boxed.m-ico-meetup{border-color:#e0393e !important}.m-ico-branded-boxed.m-ico-weibo{border-color:#E6162D !important}.m-ico-branded-boxed.m-ico-deviantart{border-color:#4a5d4e !important}.m-ico-branded-boxed.m-ico-stumbleupon{border-color:#eb4924 !important}.m-ico-branded-boxed.m-ico-myspace{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-mixi{border-color:#E0C074 !important}.m-ico-branded-boxed.m-ico-soundcloud{border-color:#ff5500 !important}.m-ico-branded-boxed.m-ico-lastfm{border-color:#d51007 !important}.m-ico-branded-boxed.m-ico-foursquare{border-color:#fc4575 !important}.m-ico-branded-boxed.m-ico-spotify{border-color:#2ebd59 !important}.m-ico-branded-boxed.m-ico-vimeo{border-color:#45bbff !important}.m-ico-branded-boxed.m-ico-dailymotion{border-color:#0066dc !important}.m-ico-branded-boxed.m-ico-phone{border-color:#333333 !important}.m-ico-branded-boxed.m-ico-reddit{border-color:#ff4500 !important}.m-ico-branded-boxed.m-ico-skype{border-color:#00AFF0 !important}.m-ico-branded-boxed.m-ico-livejournal{border-color:#00B0EA !important}.m-ico-branded-boxed.m-ico-taringa{border-color:#005dab !important}.m-ico-branded-boxed.m-ico-odnoklassniki{border-color:#F4731C !important}.m-ico-branded-boxed.m-ico-askfm{border-color:#DB3552 !important}.m-ico-branded-boxed.m-ico-goodreads{border-color:#663300 !important}.m-ico-branded-boxed.m-ico-periscope{border-color:#40A4C4 !important}.m-ico-branded-boxed.m-ico-telegram{border-color:#2CA5E0 !important}.m-ico-branded-boxed.m-ico-livestream{border-color:#cf202e !important}.m-ico-branded-boxed.m-ico-styleshare{border-color:#231F20 !important}.m-ico-branded-boxed.m-ico-everplaces{border-color:#FA4B32 !important}.m-ico-branded-boxed.m-ico-draugiemlv{border-color:#FF6600 !important}.m-ico-branded-boxed.m-ico-blogger{border-color:#F38936 !important}.m-ico-branded-boxed.m-ico-plurk{border-color:#FF6B6B !important}.m-ico-branded-boxed.m-ico-buzzfeed{border-color:#EE3322 !important}.m-ico-branded-boxed.m-ico-slides{border-color:#E4637C !important}.m-ico-branded-boxed.m-ico-deezer{border-color:#2DC9D7 !important}.m-ico-branded-boxed.m-ico-spreaker{border-color:#F5C300 !important}.m-ico-branded-boxed.m-ico-runkeeper{border-color:#31a4d9 !important}.m-ico-branded-boxed.m-ico-medium{border-color:#00AB6B !important}.m-ico-branded-boxed.m-ico-speakerdeck{border-color:#339966 !important}.m-ico-branded-boxed.m-ico-kaggle{border-color:#20BEFF !important}.m-ico-branded-boxed.m-ico-houzz{border-color:#7AC142 !important}.m-ico-branded-boxed.m-ico-gumtree{border-color:#72EF36 !important}.m-ico-branded-boxed.m-ico-upwork{border-color:#6FDA44 !important}.m-ico-branded-boxed.m-ico-superuser{border-color:#2EACE3 !important}.m-ico-branded-boxed.m-ico-bandcamp{border-color:#408294 !important}.m-ico-branded-boxed.m-ico-itunes{border-color:#333333 !important}.m-ico-branded-boxed.m-ico-mail{border-color:#333333 !important}.m-ico-branded-boxed.m-ico-ifixit{border-color:#0071CE !important}.m-ico-branded-boxed.m-ico-stitcher{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-storify{border-color:#3A98D9 !important}.m-ico-branded-boxed.m-ico-readthedocs{border-color:#8CA1AF !important}.m-ico-branded-boxed.m-ico-ello{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-tinder{border-color:#FE5268 !important}.m-ico-branded-boxed.m-ico-line{border-color:#00c300 !important}.m-ico-branded-boxed.m-ico-researchgate{border-color:#0cb !important}.m-ico-branded-boxed.m-ico-web{border-color:#333 !important}.m-ico-branded-boxed.m-ico-academia{border-color:#000 !important}.m-ico-branded-boxed.m-ico-bookbub{border-color:#e93f33 !important}.m-ico-branded-boxed.m-ico-github{border-color:#181717 !important}.m-ico-branded-boxed.m-ico-stackoverflow{border-color:#FE7A16 !important}.m-ico-branded-boxed.m-ico-jsfiddle{border-color:#4679a4 !important}.m-ico-branded-boxed.m-ico-twitch{border-color:#6441A5 !important}.m-ico-branded-boxed.m-ico-whatsapp{border-color:#25D366 !important}.m-ico-branded-boxed.m-ico-tripadvisor{border-color:#589442 !important}.m-ico-branded-boxed.m-ico-wikipedia{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-500px{border-color:#0099E5 !important}.m-ico-branded-boxed.m-ico-mixcloud{border-color:#314359 !important}.m-ico-branded-boxed.m-ico-quora{border-color:#B92B27 !important}.m-ico-branded-boxed.m-ico-codepen{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-coderwall{border-color:#3E8DCC !important}.m-ico-branded-boxed.m-ico-coursera{border-color:#757575 !important}.m-ico-branded-boxed.m-ico-googleplay{border-color:#607D8B !important}.m-ico-branded-boxed.m-ico-digg{border-color:#005be2 !important}.m-ico-branded-boxed.m-ico-dropbox{border-color:#007ee5 !important}.m-ico-branded-boxed.m-ico-designernews{border-color:#2d72d9 !important}.m-ico-branded-boxed.m-ico-rss{border-color:#f26522 !important}.m-ico-branded-boxed.m-ico-applepodcasts{border-color:#d56dfb !important}.m-ico-branded-boxed.m-ico-castbox{border-color:#f55b23 !important}.m-ico-branded-boxed.m-ico-radiopublic{border-color:#ce262f !important}.m-ico-branded-boxed.m-ico-tunein{border-color:#14d8cc !important}.m-ico-branded-boxed.m-ico-scoutfm{border-color:#6446c4 !important}.m-ico-branded-boxed.m-ico-overcast{border-color:#fc7e0f !important}.m-ico-branded-boxed.m-ico-breaker{border-color:#003dad !important}.m-ico-branded-boxed.m-ico-philpapers{border-color:#074ba9 !important}.m-ico-branded-boxed.m-ico-tiktok{border-color:#010101 !important}.m-ico-branded-boxed.m-ico-lbry{border-color:#2f9176 !important}.m-ico-branded-boxed.m-ico-gab{border-color:#21cf7a !important}.m-ico-branded-boxed.m-ico-orcid{border-color:#a6ce39 !important}.m-ico-branded-boxed.m-ico-stackexchange{border-color:#1e5397 !important}.m-ico-branded-boxed.m-ico-mastodon{border-color:#6364ff !important}.m-ico-branded-boxed.m-ico-peepeth{border-color:#ee9a35 !important}.m-ico-branded-boxed.m-ico-vero{border-color:#00cccc !important}.m-ico-branded-boxed.m-ico-wechat{border-color:#09b83e !important}.m-ico-branded-boxed.m-ico-bluesky{border-color:#1185fe !important}.m-ico-branded-boxed.m-ico-strava{border-color:#fc5200 !important}.m-ico-branded-boxed.m-ico-imdb{border-color:#f5c518 !important}.m-ico-branded-boxed.m-ico-threads{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-qq{border-color:#000000 !important}.m-ico-branded-boxed.m-ico-messenger{border-color:#168aff !important}.m-ico-branded-boxed.m-ico-muck-rack{border-color:#1c456d !important}.m-ico-branded-boxed.m-ico-flipboard{border-color:#e12828 !important}