.is-style-callout,.is-style-warning,.is-style-error,.is-style-info,.is-style-note,.is-style-notice,.is-style-minimal{padding:var(--space-single,1.2rem) var(--space-mid,1.5rem);border-radius:var(--radius-m,8px);margin:1.5em 0 1em;font-weight:500;line-height:1.6}.is-style-callout{background:linear-gradient(135deg,var(--color-content-bg,#f8fafc) 0%,var(--color-bg,#f1f5f9) 100%);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-m) var(--radius-m) 0;padding-left:1.5rem}.is-style-warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-left:4px solid #f59e0b;border-radius:0 var(--radius-m) var(--radius-m) 0;color:#92400e}.is-style-error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-left:4px solid #ef4444;border-radius:0 var(--radius-m) var(--radius-m) 0;color:#991b1b}.is-style-info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:4px solid #3b82f6;border-radius:0 var(--radius-m) var(--radius-m) 0;color:#1e40af}.is-style-note{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-left:4px solid #10b981;border-radius:0 var(--radius-m) var(--radius-m) 0;color:#065f46}.is-style-notice{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);border-left:4px solid #eab308;border-radius:0 var(--radius-m) var(--radius-m) 0;color:#713f12}.is-style-minimal{background:var(--color-content-bg,#f8fafc);padding:var(--space-single);border-left:4px solid var(--color-border);border-radius:0}.is-style-callout a,.is-style-warning a,.is-style-error a,.is-style-info a,.is-style-note a,.is-style-notice a,.is-style-minimal a{font-weight:var(--font-weight-bold,700);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.is-style-callout a{color:var(--color-primary)}.is-style-warning a{color:#b45309}.is-style-error a{color:#b91c1c}.is-style-info a{color:#1d4ed8}.is-style-note a{color:#047857}.is-style-notice a{color:#a16207}.is-style-minimal a{color:var(--color-text)}.is-style-intro{font-size:clamp(1.125rem, 1rem + 0.5vw, 1.35rem);line-height:1.6;color:var(--color-text-sec)}.is-style-serif,p.is-style-serif{font-family:var(--font-serif);font-size:1.1em;line-height:1.8;letter-spacing:.01em}.is-style-small{font-size:var(--fs-s,.875rem);color:var(--color-text-sec);line-height:1.5}.is-style-large{font-size:clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);font-weight:500;line-height:1.5}.is-style-lead{font-size:clamp(1.125rem, 1rem + 0.4vw, 1.25rem);line-height:1.7;color:var(--color-text);font-weight:500;border-bottom:2px solid var(--color-border);padding-bottom:var(--space-single);margin-bottom:var(--space-mid)}.is-style-card,p.is-style-card{background:var(--color-content-bg,#fff);border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-single) var(--space-mid);margin:1.5em 0;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.is-style-card:hover,p.is-style-card:hover{box-shadow:var(--shadow-md)}.is-style-glass{background:rgb(255 255 255 / .7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .3);border-radius:var(--radius-l);padding:var(--space-mid) var(--space-double);margin:1.5em 0;box-shadow:0 8px 32px rgb(0 0 0 / .08)}.is-style-highlight-box{background:linear-gradient(135deg,var(--color-primary) 0%,var(--accent-color-secondary,#8b5cf6) 100%);color:#fff;padding:var(--space-mid) var(--space-double);border-radius:var(--radius-l);font-size:var(--fs-m);line-height:1.6;margin:1.5em 0;box-shadow:var(--shadow-md)}.is-style-cta-box{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);color:#78350f;padding:var(--space-double);border-radius:var(--radius-l);font-size:var(--fs-m);font-weight:var(--font-weight-bold);margin:2em 0;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.is-style-cta-box::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:cta-shine 3s infinite}@keyframes cta-shine{0%{left:-100%}50%,100%{left:100%}}.is-style-urgent{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:#991b1b;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-left:5px solid #ef4444;border-radius:0 var(--radius-m) var(--radius-m) 0;font-weight:500;margin:1.5em 0;position:relative}.is-style-urgent::before{content:"⚠️";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.is-style-success-box{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#065f46;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-left:5px solid #10b981;border-radius:0 var(--radius-m) var(--radius-m) 0;margin:1.5em 0;font-weight:500;position:relative}.is-style-success-box::before{content:"✓";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-bold)}.is-style-tip{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#1e3a8a;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-radius:var(--radius-m);border:1px solid #93c5fd;margin:1.5em 0;position:relative;font-weight:500}.is-style-tip::before{content:"💡";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.is-style-premium{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#fbbf24;padding:var(--space-double);border-radius:var(--radius-l);border:2px solid #fbbf24;margin:2em 0;font-size:var(--fs-m);font-weight:var(--font-weight-bold);box-shadow:0 0 30px rgb(251 191 36 / .15);text-align:center}.is-style-stats{background:var(--color-content-bg,#fff);color:var(--color-text);padding:var(--space-double);border-radius:var(--radius-l);border:2px solid var(--color-border);margin:1.5em 0;text-align:center;font-size:clamp(1.5rem, 1.25rem + 1vw, 2.5rem);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.is-style-testimonial-snippet{background:var(--color-content-bg,#f8fafc);color:var(--color-text-sec);padding:var(--space-mid) var(--space-double) var(--space-mid) 3.5rem;border-left:4px solid var(--color-primary);border-radius:0 var(--radius-m) var(--radius-m) 0;margin:1.5em 0;font-style:italic;position:relative}.is-style-testimonial-snippet::before{content:'"';position:absolute;left:.875rem;top:.5rem;font-size:3rem;color:var(--color-primary);font-family:var(--font-serif);line-height:1;opacity:.3}.is-style-feature{background:var(--color-content-bg,#fff);color:var(--color-text);padding:var(--space-mid);border-radius:var(--radius-l);border:1px solid var(--color-border);margin:1.5em 0;box-shadow:var(--shadow-sm);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.is-style-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.is-style-offer{background:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%);color:#fff;padding:var(--space-double);border-radius:var(--radius-l);margin:2em 0;font-size:var(--fs-m);font-weight:var(--font-weight-bold);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.is-style-offer::before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .15),transparent);transform:rotate(45deg);animation:offer-shimmer 2s ease-in-out infinite}@keyframes offer-shimmer{0%,100%{transform:rotate(45deg) translateX(-100%)}50%{transform:rotate(45deg) translateX(100%)}}.is-style-bordered{padding:var(--space-single) var(--space-mid);border:2px solid var(--color-border);border-radius:var(--radius-m);margin:1.5em 0}.is-style-dark{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#e2e8f0;padding:var(--space-mid) var(--space-double);border-radius:var(--radius-m);margin:1.5em 0;font-weight:500}.is-style-muted{color:var(--color-text-sec);font-size:var(--fs-s);opacity:.8}.is-style-highlighted{background:linear-gradient(180deg,transparent 60%,#fef08a 60%);display:inline;padding:0 .25rem;box-decoration-break:clone;-webkit-box-decoration-break:clone}.is-style-gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;color:#fff0;font-weight:var(--font-weight-bold)}.is-style-quote{font-style:italic;color:var(--color-text-sec);padding-left:var(--space-single);border-left:3px solid var(--color-primary);margin:1em 0}.is-style-code{font-family:var(--font-mono,monospace);background:var(--color-content-bg,#f1f5f9);padding:var(--space-single) var(--space-mid);border-radius:var(--radius-m);margin:1em 0;font-size:.9em;border:1px solid var(--color-border)}.is-style-spotlight{background:var(--color-content-bg,#fff);padding:var(--space-mid) var(--space-double);border-radius:var(--radius-l);margin:1.5em 0;box-shadow:0 0 0 1px var(--color-border),0 10px 40px -10px rgb(59 130 246 / .15);position:relative}.is-style-spotlight::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#8b5cf6,#ec4899);border-radius:var(--radius-l) var(--radius-l) 0 0}.is-style-ribbon-box{background:var(--color-content-bg,#fff);padding:var(--space-mid) var(--space-double) var(--space-mid) 4rem;border-radius:var(--radius-m);margin:1.5em 0;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:relative}.is-style-ribbon-box::before{content:"★";position:absolute;left:0;top:0;bottom:0;width:3rem;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border-radius:var(--radius-m) 0 0 var(--radius-m)}.is-style-numbered-box{background:var(--color-content-bg,#fff);padding:var(--space-mid) var(--space-double) var(--space-mid) 4rem;border-radius:var(--radius-m);margin:1.5em 0;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:relative;counter-increment:para-counter}.is-style-numbered-box::before{content:counter(para-counter);position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:var(--font-weight-bold)}.is-style-key-point{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);color:#78350f;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-radius:var(--radius-m);margin:1.5em 0;font-weight:500;position:relative;border:1px solid #fcd34d}.is-style-key-point::before{content:"🔑";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.is-style-important{background:linear-gradient(135deg,#fef2f2 0%,#fce7f3 100%);color:#881337;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-radius:var(--radius-m);margin:1.5em 0;font-weight:600;position:relative;border:1px solid #fda4af}.is-style-important::before{content:"❗";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.is-style-question{background:linear-gradient(135deg,#f3e8ff 0%,#ede9fe 100%);color:#5b21b6;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-radius:var(--radius-m);margin:1.5em 0;font-weight:500;position:relative;border:1px solid #c4b5fd}.is-style-question::before{content:"❓";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.is-style-pro-tip{background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 100%);color:#134e4a;padding:var(--space-single) var(--space-mid) var(--space-single) 3.5rem;border-radius:var(--radius-m);margin:1.5em 0;font-weight:500;position:relative;border:1px solid #5eead4}.is-style-pro-tip::before{content:"🚀";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem}@media (min-width:1366px){.is-style-aside,.is-style-aside-right{position:absolute;max-width:200px;font-size:var(--fs-s);color:var(--color-text-sec);text-align:left;margin-top:-10rem;padding:var(--space-half);border-radius:var(--radius-s);background:var(--color-content-bg,rgb(255 255 255 / .8))}.is-style-aside{left:0}.is-style-aside-right{right:0}}