.article-content,#article-content{line-height:1.8}.article-content h2,#article-content h2{color:#dc2626;font-size:2rem;font-weight:700;margin-top:2.5rem;margin-bottom:1.5rem;position:relative;padding-left:1rem;border-left:4px solid #dc2626}.article-content h3,#article-content h3{color:#16a34a;font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;position:relative;padding-left:.75rem;border-left:3px solid #16a34a}.article-content h4{color:#fbbf24;font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.article-content p{margin-bottom:1.25rem;text-align:justify;color:#000}.article-content ul,.article-content ol{margin:1.25rem 0;padding-left:2rem}.article-content li{margin-bottom:.5rem;position:relative;line-height:1.6;color:#000}.article-content ul li:before{content:"🎁";position:absolute;left:-1.5rem;color:#dc2626}.article-content ol{list-style:none;counter-reset:article-counter}.article-content ol li:before{content:counter(article-counter);counter-increment:article-counter;position:absolute;left:-2rem;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#dc2626,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.article-content blockquote{background:linear-gradient(135deg,#fef2f2,#f0fdf4);border-left:4px solid #dc2626;margin:1.5rem 0;padding:1rem 1.5rem;border-radius:0 8px 8px 0;position:relative;font-style:italic}.article-content blockquote:before{content:'"';position:absolute;left:.5rem;top:0;font-size:4rem;color:#dc2626/20;font-family:serif;line-height:1}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}.article-content th{background:linear-gradient(135deg,#dc2626,#16a34a);color:#fff;padding:1rem;text-align:left;font-weight:600}.article-content td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.article-content tr:nth-child(2n){background-color:#f9fafb}.article-content tr:hover{background-color:#f3f4f6}.article-content code{background:#fef3c7;color:#92400e;padding:.125rem .25rem;border-radius:4px;font-size:.875rem;font-family:Courier New,monospace;border:1px solid #f59e0b}.article-content pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:2px solid #374151}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px #00000026;transition:transform .2s ease,box-shadow .2s ease}.article-content img:hover{transform:scale(1.02);box-shadow:0 6px 16px #0003}.table-of-contents{background:linear-gradient(135deg,#fef2f2,#f0fdf4);border:2px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;overflow:hidden;max-height:70vh}.table-of-contents.collapsed .toc-content{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out}.table-of-contents.expanded .toc-content{max-height:60vh;opacity:1;transition:all .3s ease-in-out;padding:1rem;overflow-y:auto}.table-of-contents h3{color:#1f2937;font-size:1rem;margin:0;text-align:center;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;transition:all .2s;background:linear-gradient(135deg,#fffc,#f8fafce6);border-bottom:1px solid rgba(0,0,0,.1)}.table-of-contents h3:hover,.table-of-contents h3:focus{background:linear-gradient(135deg,#fffffff2,#f1f5f9f2);color:#111827}.table-of-contents h3:before{display:none}.table-of-contents h3 .toggle-icon{transition:transform .3s ease;font-size:.9em}.table-of-contents.expanded h3 .toggle-icon{transform:rotate(180deg)}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin-bottom:.5rem;padding:0}.table-of-contents li:before{display:none}.table-of-contents a{color:#1f2937;text-decoration:none;display:flex;align-items:center;padding:.25rem .5rem;border-radius:4px;transition:all .2s;font-weight:500;font-size:.875rem}.table-of-contents a:hover{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);color:#dc2626;transform:translate(4px);box-shadow:0 2px 8px #0000001a;border-left:3px solid #dc2626}.table-of-contents .toc-h2{font-weight:600}.table-of-contents .toc-h3{margin-left:2rem;font-weight:500;font-size:.9rem;color:#6b7280}.table-of-contents .toc-h3:hover{color:#16a34a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible{outline:2px solid #dc2626;outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:6px;background:#dc2626;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .3s ease}.skip-link:focus{top:6px}.article-content a{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;color:#dc2626;font-weight:500;transition:all .2s ease}.article-content a:focus{outline:3px solid #fbbf24;outline-offset:2px;border-radius:4px}.article-content a:hover{color:#16a34a;text-decoration-thickness:3px}.article-content a[href^=http]:after{content:"↗";font-size:.8em;margin-left:2px;opacity:.7;speak:none}.article-content h2,.article-content h3,#article-content h3{scroll-margin-top:100px}.article-content h2:focus,.article-content h3:focus{outline:2px solid #fbbf24;outline-offset:4px;border-radius:4px}.article-content img:focus{outline:3px solid #fbbf24;outline-offset:2px}.reading-progress-container{height:6px;background:#e5e7eb;position:relative}.reading-progress-container:focus-within{outline:2px solid #fbbf24;outline-offset:2px}#reading-progress{height:6px;background:linear-gradient(to right,#dc2626,#16a34a);transition:width .3s ease}@media(max-width:768px){.article-content h2:before,.article-content h3:before{display:none}.article-content h2,.article-content h3,#article-content h3{padding-left:.5rem}.table-of-contents .toc-h3{margin-left:1rem}}@media print{.article-content a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}.table-of-contents,.reading-progress-container,.social-share{display:none}.article-content{font-size:12pt;line-height:1.5}.article-content h2,#article-content h2{page-break-before:auto}}@media(prefers-contrast:high){.article-content a{color:#00e}.article-content code{background:#000;color:#fff;border:2px solid #FFF}}@media(prefers-reduced-motion:reduce){.article-content *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.article-content{color:#e5e7eb}.article-content a{color:#f87171}.article-content a:hover{color:#34d399}}html{scroll-behavior:smooth}.info-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin:25px 0;box-shadow:0 8px 25px #667eea4d;border-left:5px solid #ffd700;font-size:1.1em;line-height:1.6}.pro-tip{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:25px;border-radius:15px;margin:30px 0;box-shadow:0 10px 30px #f093fb66;position:relative;overflow:hidden}.pro-tip:before{content:"💡";position:absolute;top:-20px;right:-20px;font-size:80px;opacity:.3;transform:rotate(-15deg)}.pro-tip h4{margin-bottom:10px;font-size:1.3em;color:#fff}.pro-tip p{margin-bottom:0;font-size:1.05em}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #0000001a;font-size:.95em}.comparison-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comparison-table th{padding:18px 15px;text-align:left;font-weight:600;font-size:1.1em;border:none}.comparison-table td{padding:15px;border-bottom:1px solid #e2e8f0;vertical-align:top;line-height:1.6}.comparison-table tbody tr:nth-child(2n){background-color:#f8fafc}.comparison-table tbody tr:hover{background-color:#e2e8f0;transition:background-color .3s ease}.comparison-table tbody tr:last-child td{border-bottom:none}.decision-test{background:#f8fafc;padding:30px;border-radius:15px;margin:30px 0;border:2px solid #e2e8f0;box-shadow:0 8px 25px #0000000d}.decision-test h3{color:#4a5568;margin-bottom:15px;font-size:1.3em;border-bottom:2px solid #cbd5e0;padding-bottom:8px}.decision-test ul{margin-bottom:25px}.decision-test li{margin-bottom:12px;padding-left:10px;line-height:1.6}.decision-test strong{color:#2d3748;background:linear-gradient(135deg,gold,#ffed4e);padding:2px 8px;border-radius:4px}.gift-grid,.diy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:30px 0}.gift-grid h3,.diy-grid h3{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:20px;font-size:1.2em;box-shadow:0 5px 15px #4facfe4d}.gift-grid ul,.diy-grid ul{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 20px #00000014;border-left:4px solid #4facfe}.gift-grid li,.diy-grid li{margin-bottom:12px;padding-left:10px;border-bottom:1px dashed #e2e8f0;padding-bottom:12px;line-height:1.6}.gift-grid li:last-child,.diy-grid li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-section{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:40px;border-radius:20px;margin:40px 0;box-shadow:0 15px 40px #fcb69f4d}.faq-question{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border-radius:10px;margin-bottom:10px;font-size:1.15em;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;padding:15px 20px 15px 50px}.faq-question:before{content:"❓";position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.2em}.faq-question:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ee5a2466}.faq-answer{background:#fff;padding:20px 25px;border-radius:10px;margin-bottom:25px;line-height:1.7;box-shadow:0 5px 15px #0000001a;border-left:5px solid #ff6b6b;font-size:1.05em}.internal-links-section{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:30px;border-radius:15px;margin:40px 0;border:2px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #a8edea4d}.internal-links-section h2{color:#2d3748;margin-bottom:15px;font-size:1.4em}.internal-links-section ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.internal-links-section li{background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 10px #0000001a;transition:all .3s ease}.internal-links-section li:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.internal-links-section a{color:#4299e1;text-decoration:none;font-weight:600;font-size:1.05em;transition:color .3s ease}.internal-links-section a:hover{color:#2b6cb0;text-decoration:underline}.final-recommendation{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:35px;border-radius:20px;margin:40px 0;box-shadow:0 20px 50px #667eea66;position:relative;overflow:hidden}.final-recommendation:before{content:"🏆";position:absolute;top:-30px;right:-30px;font-size:120px;opacity:.2;transform:rotate(15deg)}.final-recommendation h3{font-size:1.5em;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:2px}.final-recommendation p{font-size:1.3em;font-weight:700;text-align:center;margin-bottom:20px;background:#fff3;padding:15px;border-radius:10px}.final-recommendation ul{list-style:none;padding:0}.final-recommendation li{margin-bottom:12px;padding-left:25px;position:relative;font-size:1.05em;line-height:1.6}.final-recommendation li:before{content:"✨";position:absolute;left:0;top:0}.last-thought{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:30px;border-radius:15px;margin:40px 0;border:3px solid #fff;box-shadow:0 10px 30px #fcb69f4d;text-align:center;font-size:1.1em;line-height:1.7}.last-thought p{margin-bottom:15px}.last-thought em{display:block;margin-top:20px;padding-top:20px;border-top:2px solid rgba(255,255,255,.5);font-style:normal;font-size:.95em}.last-thought a{color:#2d3748;font-weight:600;text-decoration:none;border-bottom:2px solid #2d3748;transition:all .3s ease}.last-thought a:hover{color:#1a202c;border-bottom-color:#1a202c}@media(max-width:768px){.comparison-table{font-size:.85em}.comparison-table th,.comparison-table td{padding:10px 8px}.gift-grid,.diy-grid{grid-template-columns:1fr;gap:20px}.internal-links-section ul{grid-template-columns:1fr}.faq-section,.final-recommendation{padding:25px 20px}.final-recommendation p{font-size:1.1em}.info-box,.pro-tip,.decision-test{padding:15px;margin:15px 0}}@media(prefers-reduced-motion:reduce){.comparison-table tbody tr,.internal-links-section li,.faq-question{transition:none}}.faq-question:focus,.internal-links-section a:focus,.last-thought a:focus{outline:3px solid #4299e1;outline-offset:2px}