*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f2f2f2;color:#1a1a1a;line-height:1.65}a{color:#2a9d5c;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-header{background:#fff;border-bottom:1px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.06)}.site-header__inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.6rem;font-weight:700;color:#2a9d5c;letter-spacing:-.5px;text-decoration:none}.site-logo:hover{text-decoration:none;color:#228a4e}.site-nav{display:flex;gap:24px}.site-nav a{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#333}.site-nav a:hover{color:#2a9d5c;text-decoration:none}.site-body{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.site-footer{background:#1a1a1a;color:#aaa;padding:24px;text-align:center;font-size:.85rem}.site-footer .site-logo{color:#2a9d5c;font-size:1.2rem;margin-bottom:4px;display:inline-block}.site-footer p{margin-top:4px}.page-index__title{font-size:2rem;font-weight:700;margin-bottom:28px;color:#1a1a1a}.interest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px;list-style:none}.interest-card__link{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e5e5;text-decoration:none;transition:box-shadow .15s,transform .15s}.interest-card__link:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px);text-decoration:none}.interest-card__img{width:100%;aspect-ratio:16/9;object-fit:cover}.interest-card__placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.interest-card__name{padding:10px 12px;font-size:.9rem;font-weight:600;color:#1a1a1a}.page-interest{background:#fff;border-radius:8px;padding:32px 40px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.page-interest__header{margin-bottom:32px}.page-interest__header h1{font-size:2rem;font-weight:700;color:#1a1a1a}.interest-desc{color:#555;margin-top:8px}.guide-list__heading{font-size:1.1rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e5e5}.guide-list__items{list-style:none}.guide-list__item{border-bottom:1px solid #eee}.guide-list__link{display:block;padding:14px 0;font-size:1rem;font-weight:500;color:#1a1a1a;transition:padding-left .1s}.guide-list__link:hover{color:#2a9d5c;text-decoration:none;padding-left:6px}.guide-list__empty{color:#888;padding:16px 0}.page-guide{max-width:760px;margin:0 auto}.guide{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.guide__hero img{width:100%;max-height:420px;object-fit:cover}.guide__body{padding:32px 40px 48px}.breadcrumb{font-size:.8rem;color:#888;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.breadcrumb a{color:#888}.breadcrumb a:hover{color:#2a9d5c}.breadcrumb__sep{color:#ccc}.guide__title{font-size:2.1rem;font-weight:700;line-height:1.25;color:#1a1a1a;margin-bottom:10px}.guide__tagline{font-size:1.1rem;font-style:italic;color:#666;margin-bottom:16px}.guide__meta{font-size:.85rem;color:#888;margin-bottom:24px}.guide__author{font-weight:600;color:#555}.guide__intro{font-size:1rem;color:#333;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #eee}.guide__intro p{margin-bottom:12px}.steps{display:flex;flex-direction:column}.step{padding:28px 0;border-bottom:1px solid #eee}.step:last-child{border-bottom:none}.step__header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.step__number{flex-shrink:0;width:36px;height:36px;background:#2a9d5c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;margin-top:3px}.step__title{font-size:1.3rem;font-weight:700;color:#1a1a1a;line-height:1.3}.step__figure{margin:16px 0;border-radius:6px;overflow:hidden;border:1px solid #e5e5e5}.step__figure img{width:100%}.step__figure figcaption{padding:8px 12px;font-size:.8rem;color:#777;background:#fafafa}.richtext,.step__body{font-size:.975rem;color:#333;line-height:1.7}.richtext p,.step__body p{margin-bottom:12px}.richtext ol,.richtext ul,.step__body ol,.step__body ul{margin:12px 0 12px 24px}.richtext li,.step__body li{margin-bottom:6px}.richtext strong,.step__body strong{font-weight:600}.richtext em,.step__body em{font-style:italic;color:#555}.richtext code,.step__body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em;background:#f4f4f4;border:1px solid #ddd;border-radius:3px;padding:1px 5px}.richtext pre,.step__body pre{background:#1e1e1e;color:#d4d4d4;border-radius:6px;padding:16px 20px;overflow-x:auto;font-size:.88rem;margin:16px 0}.richtext pre code,.step__body pre code{background:none;border:none;padding:0;color:inherit}.richtext blockquote,.step__body blockquote{border-left:4px solid #2a9d5c;padding:8px 16px;margin:16px 0;color:#555;background:#f9fef9;border-radius:0 4px 4px 0}.richtext a,.step__body a{color:#2a9d5c}.richtext a:hover,.step__body a:hover{text-decoration:underline}.richtext h3,.step__body h3{font-size:1.1rem;font-weight:700;margin:20px 0 8px}.richtext h4,.step__body h4{font-size:1rem;font-weight:700;margin:16px 0 6px}.richtext table,.step__body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.richtext th,.step__body th{background:#f5f5f5;padding:8px 12px;text-align:left;border-bottom:2px solid #ddd;font-weight:600}.richtext td,.step__body td{padding:8px 12px;border-bottom:1px solid #eee}@media (max-width:640px){.site-body{padding:16px 16px 48px}.guide__body{padding:20px 20px 32px}.page-interest{padding:20px}.guide__title{font-size:1.6rem}.step__title{font-size:1.1rem}.interest-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}