/* Icon sizing — bigger and breathing room */
.giftidea-output h2 .meta-icon,
.giftidea-output strong .meta-icon,
.giftidea-why strong .meta-icon,
.giftidea-reaction strong .meta-icon,
.giftidea-where strong .meta-icon,
.creation-item .giftidea-why strong svg,
.creation-item .giftidea-reaction strong svg,
.creation-item .giftidea-where strong svg {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    flex-shrink: 0;
}

.giftidea-chip .meta-icon,
.creation-item .giftidea-chip svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Section spacing — generous vertical margins between blocks */
.giftidea-why,
.giftidea-reaction {
    margin: 18px 0;
    padding: 14px 18px;
    border-radius: 6px;
}

.giftidea-why {
    background: rgba(110, 204, 122, 0.1);
    border-left: 4px solid #6ecc7a;
}
.giftidea-why strong {
    color: #6ecc7a;
    display: inline-flex;
    align-items: center;
    font-size: 1.02em;
    margin-bottom: 6px;
}
.giftidea-why > div {
    color: #b8c5d0;
    margin-top: 6px;
    line-height: 1.55;
}

.giftidea-reaction {
    background: rgba(255, 196, 75, 0.10);
    border-left: 4px solid #ffc44b;
}
.giftidea-reaction strong {
    color: #ffc44b;
    display: inline-flex;
    align-items: center;
    font-size: 1.02em;
    margin-bottom: 6px;
}
.giftidea-reaction > div {
    color: #e8d6b0;
    margin-top: 6px;
    font-style: italic;
    line-height: 1.55;
}

.giftidea-where {
    margin: 18px 0;
    padding: 14px 18px;
    border-radius: 6px;
    background: rgba(136, 170, 204, 0.08);
    border-left: 4px solid #88aacc;
}
.giftidea-where strong {
    color: #88aacc;
    display: inline-flex;
    align-items: center;
    font-size: 1.02em;
    margin-bottom: 6px;
}
.giftidea-where > div {
    color: #b8c5d0;
    margin-top: 6px;
    line-height: 1.55;
}

.giftidea-meta-chips {
    font-size: 0.92em;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid rgba(136, 170, 204, 0.15);
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.giftidea-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b8c5d0;
}
.giftidea-chip .meta-icon {
    color: #88aacc;
}

/* Single-creation full view: a touch more breathing room around the title and description */
.creation-item .giftidea-output > h2,
.creation-item h2:has(+ div) {
    margin-bottom: 12px;
}