:root{--az-magenta:#d0006f;--az-magenta-dark:#97005d;--az-gold:#f2aa00;--az-pink:#fbf0f7;--az-gray:#e8eceb;--text:#1b1b1f;--muted:#666a70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}input{font:inherit}.sr-only,.skip-link{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link:focus{position:fixed!important;left:8px;top:8px;z-index:100;width:auto;height:auto;clip:auto;padding:8px 14px;color:#fff;background:var(--az-magenta)}.utility-inner,.nav-inner,.breadcrumb-inner,.hero-inner,.tabs-inner,.library-shell{width:min(100%,1180px);margin-inline:auto;padding-inline:28px}.utility-bar{height:24px;border-bottom:1px solid #eee;font-size:12px}.utility-inner{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted)}.utility-inner a{text-decoration:underline;font-weight:700}.main-nav{height:50px;border-bottom:1px solid #ededed}.nav-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:4px;color:var(--az-magenta-dark);font-size:16px}.brand svg{width:24px;height:24px}.nav-links{display:flex;gap:34px;font-size:14px}.nav-links .active{color:var(--az-magenta);font-weight:700}.breadcrumb{height:38px;font-size:12px}.breadcrumb-inner{height:100%;display:flex;align-items:center;gap:10px}.breadcrumb-inner span:last-child{color:var(--az-magenta);font-weight:700}.hero{background:var(--az-pink);border-top:1px solid #f7e8f1}.hero-inner{min-height:126px;display:flex;flex-direction:column;justify-content:center}.hero p{margin:0;color:var(--az-magenta-dark);font-size:19px}.hero h1{margin:2px 0 0;color:var(--az-magenta-dark);font-size:36px;line-height:1.2;font-weight:500}.tabs-bar{background:var(--az-gray);border-bottom:1px solid #d5dbd9}.tabs-inner{min-height:49px;display:flex;align-items:center;justify-content:flex-end;gap:13px;overflow-x:auto}.tab-button{padding:4px 21px;border:1px solid var(--az-magenta);border-radius:3px;color:var(--az-magenta);background:#fff;font-size:14px;font-weight:700;white-space:nowrap}.tab-button.active{color:#fff;background:var(--az-magenta)}.library-shell{padding-top:36px;padding-bottom:80px}.library-intro{padding-bottom:22px;border-bottom:2px solid var(--az-magenta)}.kicker{margin:0 0 4px;color:var(--az-magenta-dark);font-size:12px;font-weight:700;letter-spacing:.06em}.library-intro h2,.approach-note h2{margin:0;font-size:24px;line-height:1.4}.library-intro>p:last-child,.approach-note>p:last-child{margin:9px 0 0;color:var(--muted);font-size:13.5px}.search-box{display:block;margin-top:26px}.search-box input{width:min(100%,620px);height:40px;padding:0 14px;border:1px solid #b9bdbf;outline:none}.search-box input:focus{border-color:var(--az-magenta);box-shadow:0 0 0 2px rgba(208,0,111,.12)}.guide-count{margin:8px 0;color:var(--muted);font-size:12px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-card{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:260px;border:1px solid #d4d8d7;background:#fff;box-shadow:0 2px 9px rgba(20,25,30,.07);overflow:hidden}.guide-card:hover{border-color:#c89ab5;box-shadow:0 4px 15px rgba(151,0,93,.12)}.guide-cover{display:flex;align-items:center;justify-content:center;padding:15px;background:#f3f4f4;border-right:1px solid #ddd}.guide-cover img{display:block;max-width:100%;max-height:225px;box-shadow:0 2px 7px rgba(0,0,0,.18)}.guide-content{display:flex;flex-direction:column;padding:22px 20px}.guide-content h2{margin:0;font-size:20px;line-height:1.45}.guide-product-en{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.guide-meta{display:flex;flex-wrap:wrap;gap:7px 13px;margin:16px 0;color:var(--muted);font-size:12px}.guide-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.guide-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:4px 12px;border:1px solid var(--az-magenta);border-radius:3px;color:var(--az-magenta);font-size:12px;font-weight:700}.guide-actions a.primary{color:#fff;background:var(--az-magenta)}.guide-actions a:hover,.guide-actions a:focus-visible{color:#fff;background:var(--az-magenta-dark);border-color:var(--az-magenta-dark);outline:none}.empty-state{padding:30px 0;color:var(--muted)}.approach-note{margin-top:46px;padding:22px 24px;background:var(--az-pink);border-left:5px solid var(--az-magenta)}footer{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(28px,calc((100vw - 1180px)/2 + 28px));border-top:1px solid #eee;color:var(--muted);font-size:12px}@media(max-width:860px){.guide-list{grid-template-columns:1fr}.utility-inner,.nav-inner,.breadcrumb-inner,.hero-inner,.tabs-inner,.library-shell{padding-inline:20px}}@media(max-width:620px){.utility-bar,.breadcrumb,.nav-links{display:none}.tabs-inner{justify-content:flex-start}.hero h1{font-size:29px}.guide-card{grid-template-columns:110px minmax(0,1fr);min-height:220px}.guide-cover{padding:9px}.guide-content{padding:17px 14px}.guide-content h2{font-size:17px}.guide-actions{display:grid;grid-template-columns:1fr}.library-shell{padding-inline:15px}footer{align-items:flex-start;flex-direction:column;padding-inline:16px}}