:root{--color-background:#ffffff;--color-text:#333333;--color-primary:#e64942;--color-primary-shade1:#cc3730;--color-secondary:#4a6fa5;--color-tertiary:#6c7c8f;--color-border:#e0e0e0;--color-success:#36c76e;--color-danger:#e64942;--color-warning:#f9a825;--color-info:#13a9de;--color-muted:#a0aec0;--color-code-bg:#f7fafc;--color-link:#4a6fa5;--color-link-hover:#3a5a8a;--color-tag-bg:#e8f0fe;--color-tag-text:#4a6fa5;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:1rem;--spacing-4:1.5rem;--spacing-5:2rem;--spacing-6:3rem;--radius:3px;--border-width:1px;--box-shadow:0 1px 3px rgba(0,0,0,0.05);--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--font-mono:'SF Mono','Menlo','Monaco','Consolas',monospace;--rhythm:2rem;--rhythm-half:calc((1/2) * var(--rhythm));--rhythm-third:calc((1/3) * var(--rhythm));--rhythm-fourth:calc((1/4) * var(--rhythm));--rhythm-sixth:calc((1/6) * var(--rhythm));--rhythm-eighth:calc((1/8) * var(--rhythm));--rhythm-twelfth:calc((1/12) * var(--rhythm));--border-radius:var(--radius);--color-primary-tint1:var(--color-primary);--color-neutral-tint4:var(--color-background);--color-neutral-shade4:var(--color-text);--color-neutral-tint3:var(--color-code-bg);--color-neutral-tint2:var(--color-muted);--color-neutral-tint1:var(--color-border);--color-neutral-shade1:var(--color-secondary);--color-neutral-shade2:var(--color-text);--color-neutral-shade3:var(--color-text);--focus-outline:var(--rhythm-twelfth) dotted var(--color-danger);--focus-outline-offset:var(--rhythm-twelfth);--font-family:var(--font-sans);--font-size:16px;--line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}button:focus,input:focus,select:focus,textarea:focus,a:focus,[tabindex]:focus,[role="button"]:focus,[role="link"]:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.button:active{background-color:var(--color-primary-shade1);color:var(--color-neutral-tint4)}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);line-height:var(--line-height);font-size:var(--font-size)}a{color:var(--color-link);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--color-link-hover)}.category-list a,.archive-list a{color:var(--color-text);display:block;padding:var(--spacing-1) 0;border-bottom:1px solid var(--color-border)}.category-list a:hover,.archive-list a:hover{color:var(--color-primary);padding-left:var(--spacing-1);transition:all 0.2s ease}.category-list li:last-child a,.archive-list li:last-child a{border-bottom:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-3)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-3)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-3)}.header{padding:var(--spacing-4) 0;border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--spacing-5)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-text)}.nav{display:flex;gap:var(--spacing-4)}.sidebar{background-color:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-4)}.sidebar-section{margin-bottom:var(--spacing-4)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section__title{margin-bottom:var(--spacing-2);font-size:1.125rem}.category-list,.tag-list,.archive-list{list-style:none}.category-list li,.tag-list li,.archive-list li{margin-bottom:var(--spacing-1)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tag-list li{margin-bottom:0}.tag{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius);font-size:0.875rem;transition:all 0.2s ease}.tag:hover{background-color:var(--color-primary);color:white;transform:translateY(-2px)}.search-form{margin-bottom:var(--spacing-4)}.search-form .field{margin-bottom:var(--spacing-2)}.footer{margin-top:var(--spacing-6);padding:var(--spacing-4) 0;border-top:var(--border-width) solid var(--color-border);text-align:center;color:var(--color-muted)}.subscribe-section{background-color:var(--color-code-bg);padding:var(--spacing-5);border-radius:var(--radius);margin:var(--spacing-5) 0}.subscribe-section__title{text-align:center;margin-bottom:var(--spacing-3)}.subscribe-form{max-width:500px;margin:0 auto}.subscribe-form .field{margin-bottom:var(--spacing-2)}@media (min-width:768px){}@media (min-width:992px){.tips-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.header-content{flex-direction:column;gap:var(--spacing-3);text-align:center}.nav{flex-wrap:wrap;justify-content:center;gap:var(--spacing-2)}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.subscribe-section{padding:var(--spacing-3)}}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.button{--border-color:transparent;--border-color-hover:transparent;--border-thickness:var(--rhythm-twelfth);--background-color:var(--color-primary);--background-color-hover:var(--color-primary-shade1);--text-color:var(--color-neutral-tint4);--text-color-hover:var(--color-neutral-tint4);align-items:center;align-content:center;background-color:var(--background-color);border:var(--border-thickness) solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--font-size);justify-content:center;line-height:var(--rhythm);max-width:100%;min-height:calc(2 * var(--rhythm));padding:calc(5 * var(--rhythm-twelfth)) var(--rhythm);text-align:center;transition-duration:250ms;transition-property:all;user-select:none;width:auto;vertical-align:middle}.button::-moz-focus-inner{border:0}.button:link,.button:visited{color:var(--text-color);text-decoration:none}.button:focus,.button:hover{background-color:var(--background-color-hover);border-color:var(--border-color-hover);color:var(--text-color-hover)}.button:active{background-color:var(--background-color);color:var(--text-color)}.button:disabled{opacity:.5;pointer-events:none}.button.-outlined{--background-color:transparent;--background-color-hover:var(--color-primary-shade1);--border-color:var(--color-primary);--border-color-hover:var(--color-primary-shade1);--text-color:var(--color-primary)}.button.-secondary{--background-color:var(--color-neutral-tint2);--background-color-hover:var(--color-neutral-tint1);--border-color:var(--color-neutral-tint2);--border-color-hover:var(--color-neutral-tint1);--text-color:var(--color-neutral-shade3);--text-color-hover:var(--color-neutral-shade3)}.button.-link{--background-color:transparent;--background-color-hover:transparent;--border-color:transparent;--border-color-hover:transparent;--text-color:var(--color-link);--text-color-hover:var(--color-link-hover);text-decoration:underline}.button.-block{display:block;width:100%}.button.-small{--sub-rhythm:calc(14 * var(--rhythm-sixteenth));--border-thickness:var(--rhythm-sixteenth);font-size:var(--font-size);line-height:var(--line-height);margin-top:calc(-2 * var(--rhythm-sixteenth));min-height:var(--sub-rhythm);padding:0 var(--rhythm-half)}.button.-large{--sub-rhythm:calc(1.5 * var(--rhythm));--border-thickness:var(--rhythm-eighth);font-size:var(--font-size);line-height:var(--line-height);min-height:calc(3 * var(--rhythm));padding:calc(3 * var(--rhythm-eighth)) calc(2 * var(--rhythm))}.field [disabled] + *,[disabled]{cursor:default;opacity:.5;pointer-events:none}.field{display:flex;margin-bottom:var(--rhythm);position:relative;text-align:left}.field .label{z-index:2}.field [type=checkbox] + .label,.field [type=radio] + .label{color:var(--color-neutral-shade4);cursor:pointer;display:inline-block;padding-left:var(--rhythm)}.field *:not([type=radio]):not([type=checkbox]) + .label{font-size:12px;color:var(--color-neutral-shade3);position:absolute;left:var(--rhythm-sixteenth);line-height:1;padding:var(--rhythm-fourth) var(--rhythm-fourth) 0;right:var(--rhythm-sixteenth);top:0}.field input,.field textarea,.field select{background-color:var(--color-neutral-tint4);border:1px solid var(--color-neutral-shade1);border-radius:var(--border-radius);box-sizing:border-box;margin-top:-2px;padding:calc(7 * var(--rhythm-eighth)) var(--rhythm-fourth) var(--rhythm-eighth);position:relative;width:100%;font-size:16px;color:#000}.field input::placeholder,.field textarea::placeholder{color:var(--color-neutral-shade2);opacity:1}.field select{z-index:1}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right var(--rhythm-fourth) center;padding-right:calc(var(--rhythm) + var(--rhythm-fourth))}.field select + .label::after{display:none}.field option[disabled]{background-color:var(--color-neutral-tint3);color:var(--color-neutral-shade2)}.field.-inline{display:inline-block;margin-right:var(--rhythm-half)}.field [type=checkbox],.field [type=radio]{opacity:0;position:absolute;z-index:0}.field [type=checkbox] + .label::before,.field [type=radio] + .label::before{background-color:var(--color-neutral-tint4);border:2px solid var(--color-neutral-shade1);content:'';height:var(--rhythm-half);left:0;position:absolute;top:var(--rhythm-eighth);transform:translateY(var(--rhythm-sixteenth));width:var(--rhythm-half)}.field [type=checkbox] + .label::after,.field [type=radio] + .label::after{background-color:var(--color-primary);border:2px solid transparent;color:var(--color-neutral-tint4);height:var(--rhythm-fourth);left:var(--rhythm-eighth);position:absolute;top:var(--rhythm-fourth);transform:translateY(var(--rhythm-sixteenth));width:var(--rhythm-fourth)}.field [type=checkbox] + .label::before,.field [type=checkbox] + .label::after{border-radius:var(--border-radius)}.field [type=radio] + .label::before,.field [type=radio] + .label::after{border-radius:var(--rhythm)}.field [type=radio]:focus + .label::before,.field [type=checkbox]:focus + .label::before{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.field [type=checkbox]:checked + .label::after,.field [type=radio]:checked + .label::after{content:''}.field textarea{margin-top:0;min-height:calc(4 * var(--rhythm))}.field.-toggle{display:flex;align-items:center;margin-bottom:var(--spacing-4);position:relative;min-height:44px}.field.-toggle [type=checkbox]{opacity:0;position:absolute;z-index:-1;width:0;height:0}.field.-toggle .label{cursor:pointer;display:inline-flex;align-items:center;padding-left:48px;position:relative;user-select:none}.field.-toggle .label::before{background-color:var(--color-border);border:1px solid var(--color-border);border-radius:16px;content:'';height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color 0.2s ease;width:40px}.field.-toggle .label::after{background-color:white;border:1px solid var(--color-border);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.1);content:'';height:20px;left:3px;position:absolute;top:50%;transform:translateY(-50%);transition:transform 0.2s ease;width:20px;z-index:1}.field.-toggle [type=checkbox]:checked + .label::before{background-color:var(--color-primary);border-color:var(--color-primary)}.field.-toggle [type=checkbox]:checked + .label::after{transform:translateY(-50%) translateX(16px);border-color:white}.field.-toggle [type=checkbox]:focus + .label::before{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.field.-toggle [type=checkbox]:disabled + .label{cursor:default;opacity:0.5}.field.-toggle [type=checkbox]:disabled + .label::before{background-color:var(--color-code-bg)}.field.-toggle [type=checkbox]:disabled + .label::after{background-color:var(--color-muted)}.field .validation-message{display:block;margin-top:var(--rhythm-eighth);font-size:12px;line-height:1.4;transition:opacity 0.2s ease}.field.-valid input,.field.-valid textarea,.field.-valid select{border-color:var(--color-success);background-color:rgba(16,185,129,0.05)}.field.-valid .validation-message{color:var(--color-success)}.field.-error input,.field.-error textarea,.field.-error select{border-color:var(--color-danger);background-color:rgba(239,68,68,0.05)}.field.-error .validation-message{color:var(--color-danger)}.field.-warning input,.field.-warning textarea,.field.-warning select{border-color:var(--color-warning);background-color:rgba(245,158,11,0.05)}.field.-warning .validation-message{color:var(--color-warning)}.field.-valid input:focus,.field.-valid textarea:focus,.field.-valid select:focus{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(16,185,129,0.2)}.field.-error input:focus,.field.-error textarea:focus,.field.-error select:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(239,68,68,0.2)}.field.-warning input:focus,.field.-warning textarea:focus,.field.-warning select:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(245,158,11,0.2)}.subscribe-form{display:flex;align-items:stretch;border-radius:var(--border-radius);border:1px solid var(--color-neutral-shade1);overflow:hidden;background-color:var(--color-neutral-tint4)}.subscribe-form input{flex:1;border:none;background-color:transparent;padding:var(--rhythm-fourth) var(--rhythm-half);font-size:16px;color:#000;outline:none}.subscribe-form input::placeholder{color:var(--color-neutral-shade2);opacity:1}.subscribe-form .subscribe-button{background-color:var(--color-primary);border:none;color:white;padding:var(--rhythm-fourth) calc(var(--rhythm) * 1.5);font-size:16px;font-weight:500;cursor:pointer;transition:background-color 0.2s ease;min-height:44px}.subscribe-form .subscribe-button:hover{background-color:var(--color-primary-shade1)}.subscribe-form .subscribe-button:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.subscribe-form .subscribe-button:disabled{background-color:var(--color-neutral-shade2);cursor:default;opacity:0.7}