.guide-content{color:var(--cocoa-deep);line-height:1.8}.guide-content h1{font-size:2.5rem;font-weight:900;color:#111827;margin-bottom:2rem;margin-top:0;line-height:1.15;letter-spacing:-.025em;background:linear-gradient(135deg,#ffb3c6,#e0acd5,#c5a3e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.guide-content h1{font-size:3.5rem}}.guide-content h2{font-size:2rem;font-weight:800;color:#4a2c2c;margin-top:3.5rem;margin-bottom:1.25rem;line-height:1.3;letter-spacing:-.02em;padding-bottom:.5rem;border-bottom:2px solid #FFE5EC}.guide-content h2:before{content:"";display:inline-block;width:4px;height:1.5rem;background:linear-gradient(to bottom,#ffb3c6,#f06292);margin-right:.75rem;vertical-align:middle;border-radius:4px}.guide-content h3{font-size:1.5rem;font-weight:700;color:#4a2c2c;margin-top:2.5rem;margin-bottom:1rem;line-height:1.4}.guide-content h4{font-size:1.25rem;font-weight:600;color:#6c3f31;margin-top:2rem;margin-bottom:.75rem}.guide-content p{margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.8;color:var(--cocoa-milk)}.guide-content ul,.guide-content ol{margin-bottom:2rem;margin-left:0;padding-left:1.75rem}.guide-content ul li,.guide-content ol li{margin-bottom:.75rem;padding-left:.5rem}.guide-content ul{list-style-type:none}.guide-content ul li{position:relative}.guide-content ul li:before{content:"→";position:absolute;left:-1.75rem;color:#ff8fa3;font-weight:600}.guide-content ol{list-style-type:decimal;list-style-position:outside}.guide-content ol li{padding-left:.25rem}.guide-content ol li::marker{color:#ff8fa3;font-weight:700}.guide-content li{font-size:1.0625rem;line-height:1.75;color:var(--cocoa-milk)}.guide-content a{color:#f06292;font-weight:700;text-decoration-color:#ffe5ec;text-underline-offset:4px;text-decoration:underline 2px}.guide-content a:hover{color:#ffb3c6;background-size:100% 2px}.guide-content a.no-underline,.guide-content a[class*=inline-flex],.guide-content a[class*=px-]{text-decoration:none}.guide-content strong{color:#4a2c2c;font-weight:800}.guide-content em{font-style:italic}.guide-content code{background:linear-gradient(135deg,#fffdf5,#fff5f7);color:#be185d;padding:.2rem .5rem;border-radius:.375rem;font-size:.9375rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,monospace;border:1px solid #FFE5EC;font-weight:500}.guide-content pre{background:linear-gradient(135deg,#1e1b4b,#1f2937);color:#e5e7eb;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin-top:2rem;margin-bottom:2rem;font-size:.9375rem;line-height:1.7;border:1px solid #312e81;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #00000026}.guide-content pre code{background:transparent;color:#e5e7eb;padding:0;border:none;font-weight:400}.guide-content blockquote{border-left:4px solid #FF8FA3;padding:1.25rem 1.5rem;margin-top:2rem;margin-bottom:2rem;font-style:italic;color:#5d5454;background:linear-gradient(135deg,#fff0f399,#fff5f766);border-radius:0 .75rem .75rem 0;box-shadow:0 2px 8px #ffb3c61a;font-size:1.0625rem;line-height:1.7}.guide-content blockquote p{margin-bottom:0}.guide-content img{border-radius:.75rem;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;margin-top:2.5rem;margin-bottom:2.5rem;max-width:100%;height:auto;border:1px solid rgba(168,85,247,.1)}.guide-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,#FFE5EC,transparent);margin:3rem 0}.guide-content table{width:100%;border-collapse:separate;border-spacing:0;margin-top:2rem;margin-bottom:2rem;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 12px #00000014}.guide-content th{background:linear-gradient(135deg,#fff5f7,#fffdf5);color:#4a2c2c;font-weight:700;padding:1rem 1.25rem;text-align:left;border:1px solid #FFE5EC;font-size:.9375rem;letter-spacing:.025em;text-transform:uppercase}.guide-content td{padding:1rem 1.25rem;border:1px solid #FFF0F3;background-color:#fff;color:#5d5454;line-height:1.6}.guide-content tbody tr{transition:background-color .2s ease}.guide-content tbody tr:hover{background-color:#fff5f766}.guide-callout{background-color:#fff;border-left:4px solid;border-radius:0 .75rem .75rem 0;padding:1.5rem 1.75rem;margin-top:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.guide-callout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.guide-callout.info{border-color:#60a5fa;background:linear-gradient(135deg,#eff6ffb3,#eff6ff66)}.guide-callout.warning{border-color:#fbbf24;background:linear-gradient(135deg,#fefce8b3,#fefce866)}.guide-callout.success{border-color:#34d399;background:linear-gradient(135deg,#ecfdf5b3,#ecfdf566)}.guide-callout.tip{border-color:#ff8fa3;background:linear-gradient(135deg,#fff0f3b3,#fff5f766)}.guide-content>p:first-of-type{font-size:1.25rem;line-height:1.7;color:#1f2937;font-weight:400}.guide-content .text-sm.text-purple-600{font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ff8fa3!important}.guide-content .text-lg.text-gray-600{font-size:1.25rem;line-height:1.7;color:#4b5563;font-weight:400}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,#ffb3c6,#f06292);z-index:100;transition:width .1s ease}