.page-header-grammar{background:linear-gradient(#000000b3,#000c),url(/assets/forest-image-PsVuxP0D.jpg);background-size:cover;background-position:center 40%;background-attachment:fixed;padding:var(--space-10) 0 var(--space-8);margin-bottom:var(--space-8);position:relative}.page-header-grammar .back-link{color:#fffc;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);transition:color var(--transition-normal);font-weight:500}.page-header-grammar .back-link:hover,.page-header-grammar .back-link:focus{color:#fff}.page-header-grammar .post-title{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--space-5);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-header-grammar .post-subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:#ffffffe6;max-width:800px;margin:0 auto var(--space-6);font-weight:400}.page-header-grammar .post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-5);color:#ffffffd9;font-size:var(--text-sm);flex-wrap:wrap}.page-header-grammar .post-meta span{display:flex;align-items:center;gap:var(--space-2)}.page-header-grammar .post-tag{background:#48bb78cc;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff}.cycle-visualization{margin:var(--space-10) 0;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-light) 0%,#faf5f0 100%);border-radius:var(--radius-lg);border:1px solid rgba(139,69,19,.1)}.cycle-visualization h3{text-align:center;margin-bottom:var(--space-6);font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-text)}.cycle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-6)}@media (min-width: 768px){.cycle-grid{grid-template-columns:repeat(4,1fr)}}.cycle-phase{text-align:center;padding:var(--space-4);position:relative}.phase-number{width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg);margin:0 auto var(--space-3)}.phase-2 .phase-number{background:var(--color-secondary)}.phase-3 .phase-number{background:var(--color-highlight)}.phase-4 .phase-number{background:#4c51bf}.phase-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.phase-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.cycle-arrow{display:none}@media (min-width: 768px){.cycle-arrow{display:block;position:absolute;top:50%;right:-30px;transform:translateY(-50%);color:var(--color-border);font-size:var(--text-xl)}.cycle-phase:last-child .cycle-arrow{display:none}}.proof-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-8);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.proof-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.proof-header{padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.proof-header h3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-3)}.proof-icon{font-size:var(--text-2xl)}.proof-body{padding:var(--space-5)}.phase-list{list-style:none;padding:0}.phase-item{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.phase-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.phase-label{font-weight:600;color:var(--color-primary);margin-bottom:var(--space-1);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.historical-lens-box{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:1px solid rgba(76,81,191,.2);padding:var(--space-6);margin:var(--space-8) 0;border-radius:var(--radius-lg);position:relative}.historical-lens-box:before{content:"Historical Lens";position:absolute;top:-12px;left:var(--space-6);background:#4c51bf;color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.forest-quote{border-left:4px solid var(--color-success);padding:var(--space-6);margin:var(--space-8) 0;font-size:var(--text-xl);font-style:italic;color:var(--color-success);background:#48bb780d;border-radius:0 var(--radius-lg) var(--radius-lg) 0;line-height:var(--leading-relaxed)}.cta-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin:var(--space-8) 0}@media (min-width: 768px){.cta-grid{grid-template-columns:repeat(2,1fr)}}.cta-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.cta-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.cta-card h4{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.cta-card.cta-inner{border-top:4px solid var(--color-primary)}.cta-card.cta-outer{border-top:4px solid #4C51BF}.article-content-grammar{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-content-grammar .lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-6);font-weight:500}.article-content-grammar h2{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:500;margin:var(--space-8) 0 var(--space-5);color:var(--color-text);line-height:var(--leading-snug);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.article-content-grammar h2:first-of-type{border-top:none;padding-top:0}.article-content-grammar h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;margin:var(--space-6) 0 var(--space-4);color:var(--color-text)}.article-content-grammar p{margin-bottom:var(--space-5)}.article-content-grammar strong{color:var(--color-text);font-weight:600}.article-content-grammar em{color:var(--color-text);font-style:italic}.key-rule{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fbbf24;padding:var(--space-6);margin:var(--space-8) 0;border-radius:var(--radius-lg);text-align:center;position:relative;font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.key-rule:before{content:"✨ Key Rule:";position:absolute;top:-15px;left:10%;transform:translate(-50%);background:#fff;padding:5px 10px;border-radius:var(--radius-full);font-size:1rem;border:1px solid #fbbf24}@media (max-width: 768px){.page-header-grammar .post-title{font-size:var(--text-4xl)}.page-header-grammar .post-subtitle{font-size:var(--text-lg)}.article-container-grammar{padding:var(--space-6) var(--space-4)}.cycle-grid{grid-template-columns:1fr;gap:var(--space-6)}.cycle-arrow{display:none}.forest-quote{padding:var(--space-5);font-size:var(--text-lg)}.article-content-grammar h2{font-size:var(--text-2xl)}.article-content-grammar h3{font-size:var(--text-lg)}.proof-header h3{font-size:var(--text-xl)}}@media (max-width: 480px){.page-header-grammar .post-title{font-size:var(--text-3xl)}.page-header-grammar .post-meta{flex-direction:column;align-items:center;gap:var(--space-3)}.article-content-grammar h2{font-size:var(--text-2xl)}.article-content-grammar h3{font-size:var(--text-lg)}}.article-container-grammar{max-width:840px;margin:0 auto;padding:var(--space-8) var(--space-6)}.email-form-grammar{display:flex;gap:var(--space-4);margin-top:var(--space-5);justify-content:center;flex-wrap:wrap}.email-form-grammar .form-group{position:relative;flex:1;min-width:250px}.email-form-grammar .email-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.email-form-grammar .email-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b45131a}.email-form-grammar .email-input::placeholder{color:var(--color-text-light)}.email-form-grammar .btn-primary{white-space:nowrap}@media (max-width: 768px){.email-form-grammar{flex-direction:column;align-items:stretch}.email-form-grammar .form-group{min-width:100%}}.related-content-grammar{max-width:var(--max-width);margin:var(--space-8) auto;padding:0 var(--space-6)}.related-grid-grammar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.related-card-grammar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block}.related-card-grammar:hover,.related-card-grammar:focus{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary);outline:none}.author-bio-grammar{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) auto;max-width:800px;text-align:center;border-top:4px solid var(--color-primary)}.author-bio-grammar h3{margin-bottom:var(--space-4);color:var(--color-text)}.preview-card{margin:var(--space-8) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:all var(--transition-normal);overflow:hidden}.preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.preview-link{text-decoration:none;color:inherit;display:block;padding:var(--space-5)}.preview-link:hover,.preview-link:focus{outline:none}.preview-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm)}.preview-tag{background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.preview-read-time{color:var(--color-text-light)}.preview-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.preview-excerpt{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.preview-footer{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:500;font-size:var(--text-sm)}.preview-footer i{font-size:var(--text-xs);transition:transform var(--transition-fast)}.preview-card:hover .preview-footer i{transform:translate(4px)}.reference-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-6) 0 var(--space-8);position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.reference-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.reference-card:before{content:"Deep Dive";position:absolute;top:-12px;left:var(--space-5);background:#0ea5e9;color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.reference-header h4{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.reference-icon{font-size:var(--text-xl)}.reference-body{padding-top:var(--space-2)}.reference-body p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.reference-card .btn-secondary{background:#0ea5e9;color:#fff;border:none;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-2);transition:background-color var(--transition-normal);white-space:normal;text-align:center;min-height:44px}.reference-card .btn-secondary:hover{background:#0284c7}.image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;box-shadow:var(--shadow-sm)}.image-card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.image-card-title{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);margin:0}.image-card-icon{margin-right:var(--space-2)}.image-card-body{display:flex;flex-direction:column;gap:var(--space-4)}.responsive-image{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.image-caption{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.caption-credit{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;margin-top:var(--space-2)}.image-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.image-card.visible{opacity:1;transform:translateY(0)}.cycle-carousel-section{margin:var(--space-10) 0;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-light) 0%,#faf5f0 100%);border-radius:var(--radius-lg);border:1px solid rgba(139,69,19,.1)}.cycle-carousel-section h2{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-6);text-align:center}.phase-tabs{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;max-width:800px;margin-left:auto;margin-right:auto}.phase-tab{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all var(--transition-normal);min-width:90px;text-align:center;border:none;font-family:var(--font-sans)}.phase-tab:hover,.phase-tab:focus{background:var(--color-bg);transform:translateY(-2px);box-shadow:var(--shadow-md);outline:none}.phase-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.phase-tab.active .tab-number{background:#fff3}.tab-number{width:28px;height:28px;background:var(--color-bg);color:var(--color-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);transition:all var(--transition-normal)}.phase-tab.active .tab-number{background:#ffffff4d;color:#fff}.tab-title{font-weight:600;font-size:var(--text-sm)}.tab-subtitle{font-size:var(--text-xs);color:var(--color-text-light);opacity:.8}.phase-tab.active .tab-subtitle{color:#ffffffe6}.cycle-carousel{max-width:700px;margin:0 auto var(--space-6);position:relative}.cycle-carousel .carousel-track{min-height:320px}.phase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;flex-shrink:0;transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-sm)}.phase-card:hover{box-shadow:var(--shadow-md)}.card-header{text-align:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.phase-number{width:50px;height:50px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-xl);margin:0 auto var(--space-3)}.phase-card[data-phase="2"] .phase-number{background:var(--color-secondary)}.phase-card[data-phase="3"] .phase-number{background:var(--color-highlight)}.phase-card[data-phase="4"] .phase-number{background:#4c51bf}.card-header h3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-1);color:var(--color-text)}.phase-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.card-body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.card-body p{margin-bottom:var(--space-3)}.card-body p:last-child{margin-bottom:0}.card-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.phase-tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.phase-card[data-phase="1"] .phase-tag{background:#8b45131a;color:var(--color-primary)}.phase-card[data-phase="2"] .phase-tag{background:#a6d05d1a;color:var(--color-secondary)}.phase-card[data-phase="3"] .phase-tag{background:#d977061a;color:var(--color-highlight)}.phase-card[data-phase="4"] .phase-tag{background:#4c51bf1a;color:#4c51bf}.cycle-carousel .carousel-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%);z-index:10;box-shadow:var(--shadow-md)}.cycle-carousel .carousel-btn:hover,.cycle-carousel .carousel-btn:focus{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cycle-carousel .carousel-btn.prev{left:8px;top:92%}.cycle-carousel .carousel-btn.next{right:8px;top:92%}.cycle-carousel-section .carousel-nav{margin-top:var(--space-4)}.cycle-carousel-section .carousel-dot{width:12px;height:12px}.cycle-carousel-section .carousel-dot.active{background:var(--color-primary)}.cycle-description{max-width:700px;margin:var(--space-6) auto 0;padding:var(--space-5);background:#ffffffb3;border-radius:var(--radius-lg);text-align:center;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);border:1px solid rgba(139,69,19,.1)}.cycle-description p{margin:0}@media (max-width: 768px){.cycle-carousel-section{padding:var(--space-5);margin:var(--space-8) 0}.cycle-carousel-section h2{font-size:var(--text-2xl)}.phase-tabs{gap:var(--space-1)}.phase-tab{min-width:70px;padding:var(--space-2) var(--space-3)}.tab-title{font-size:var(--text-xs)}.tab-subtitle{display:none}.cycle-carousel{max-width:100%}.phase-card{padding:var(--space-5)}.card-body{font-size:var(--text-base)}.cycle-carousel .carousel-btn{width:40px;height:40px;display:none}.cycle-carousel .carousel-btn.prev{left:var(--space-2)}.cycle-carousel .carousel-btn.next{right:var(--space-2)}@media (hover: hover){.cycle-carousel .carousel-btn{display:flex}}}@media (max-width: 480px){.phase-tab{min-width:60px;padding:var(--space-2)}.tab-number{width:24px;height:24px;font-size:var(--text-xs)}.phase-card{padding:var(--space-4)}.phase-number{width:40px;height:40px;font-size:var(--text-lg)}.card-header h3{font-size:var(--text-xl)}.cycle-description{padding:var(--space-4);font-size:var(--text-base)}}@media (hover: none) and (pointer: coarse){.cycle-carousel:after{content:"← Swipe →";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:var(--text-sm);color:var(--color-text-light);font-weight:500;opacity:.7;white-space:nowrap}}.cycle-carousel-section.looping{animation:gentleLoopPulse .6s ease-out}.cycle-carousel-section.looping .phase-card.active{animation:cardFocusPulse .5s cubic-bezier(.4,0,.2,1)}.cycle-carousel-section.looping-forward .phase-card.active{animation:cardFocusPulseForward .5s cubic-bezier(.4,0,.2,1)}.cycle-carousel-section.looping-backward .phase-card.active{animation:cardFocusPulseBackward .5s cubic-bezier(.4,0,.2,1)}@keyframes gentleLoopPulse{0%{background:linear-gradient(135deg,var(--color-primary-light) 0%,#faf5f0 100%)}25%{background:linear-gradient(135deg,#8b45131a,#f5f0ea)}to{background:linear-gradient(135deg,var(--color-primary-light) 0%,#faf5f0 100%)}}@keyframes cardFocusPulse{0%{transform:translateY(0) scale(1);box-shadow:var(--shadow-sm)}50%{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px -5px #8b45131a,0 6px 8px -4px #8b45131a}to{transform:translateY(0) scale(1);box-shadow:var(--shadow-sm)}}@keyframes cardFocusPulseForward{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes cardFocusPulseBackward{0%{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1)}}.cycle-carousel-section.looping:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,var(--color-primary-light),var(--color-secondary-light),transparent);border-radius:calc(var(--radius-lg) + 2px);z-index:-1;opacity:0;animation:gradientBorder .8s ease-out}@keyframes gradientBorder{0%{opacity:0;background-position:-100% 0}50%{opacity:.3;background-position:200% 0}to{opacity:0;background-position:500% 0}}@media (prefers-reduced-motion: reduce){.cycle-carousel-section.looping,.cycle-carousel-section.looping .phase-card.active,.cycle-carousel-section.looping:before,.cycle-carousel-section.looping-forward .phase-card.active,.cycle-carousel-section.looping-backward .phase-card.active{animation:none;transition:none}.cycle-carousel-section.looping{border:2px solid var(--color-primary-light)}}