@charset "utf-8";
:root{color-scheme:light;--text:#242424;--secondary:#5e6570;--muted:#767b85;--border:#e5e5e5;--paper:#ffffff;--soft:#fafafa;--accent:#d84535;--accent-bg:#fff0eb;--container:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e99945;outline-offset:2px}.layout{max-width:var(--container);margin:0 auto;padding:0 20px}.skip{position:absolute;top:-90px;left:12px;padding:10px 18px;background:white;border:2px solid var(--accent);z-index:100}.skip:focus{top:4px}
.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:25}.header-inner{max-width:var(--container);padding:10px 20px;min-height:66px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;gap:15px}.site-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:-.05em}.site-logo:hover{color:#222}.logo-mark{background:#fff;color:var(--accent);font-size:26px;font-weight:1000;border:2px solid var(--accent);width:39px;height:39px;border-radius:9px;display:flex;justify-content:center;align-items:center;position:relative}.logo-mark:after{content:'';position:absolute;left:5px;right:5px;bottom:3px;height:3px;background:linear-gradient(90deg,#e86e75 0 17%,#f1b75b 17% 34%,#a2c45b 34% 50%,#65b8b5 50% 67%,#7d96d6 67% 84%,#ac84bc 84%)}.release-note{font-size:12px;color:var(--secondary);font-weight:700;white-space:nowrap}.main-nav{border-top:1px solid #f2f2f2}.nav-inner{max-width:var(--container);margin:auto;padding:0 20px;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.main-nav a{min-height:47px;padding:12px 16px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.main-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.main-nav a:hover{background:#fff5f1}
.home-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:29px 0 24px;border-bottom:1px solid var(--border)}.overline{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.03em;margin:0 0 4px}.home-intro h1{font-size:27px;line-height:1.4;letter-spacing:-.04em;margin:0 0 8px}.home-intro p:not(.overline){color:var(--secondary);font-size:13px;margin:0}.info-chip{color:var(--accent);background:var(--accent-bg);display:flex;align-items:center;gap:16px;padding:10px 14px;font-size:13px;border-radius:8px;font-weight:800;white-space:nowrap;min-height:46px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:34px}.section{margin:28px 0 35px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 0 13px;margin-bottom:3px;border-bottom:2px solid #333}.section-heading h2{font-size:21px;margin:0;font-weight:900;line-height:1.4}.section-heading a{color:var(--accent);font-size:12px;font-weight:800;white-space:nowrap}.story-list{display:flex;flex-direction:column}.story{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:stretch;gap:17px;padding:17px 3px;border-bottom:1px solid var(--border);min-height:143px}.story:hover .story-copy strong{text-decoration:underline;text-underline-offset:3px}.story-art{border-radius:7px;position:relative;min-height:104px;display:flex;align-items:center;justify-content:center;background:#fff2ef;color:#9b403c;overflow:hidden;border:1px solid #f0e4df}.story-art.pack{background:#fff7e8;color:#a87724}.story-art.guide{background:#edf8f3;color:#31775f}.story-art.news{background:#f1f0fa;color:#62579b}.story-art span{position:relative;z-index:2;font-size:13px;font-weight:900;padding:7px 9px;border-radius:5px;background:rgba(255,255,255,.88)}.story-art i{position:absolute;width:43px;height:61px;border:2px solid currentColor;opacity:.22;border-radius:5px;transform:rotate(-14deg) translate(-20px,-1px)}.story-art i:last-child{transform:rotate(12deg) translate(22px,3px)}.story-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.story-meta{color:var(--muted);font-size:11px;font-weight:700}.story-copy strong{font-size:17px;font-weight:900;line-height:1.5;margin:3px 0 5px}.story-desc{font-size:12px;color:var(--secondary);line-height:1.6}.read-more{color:var(--accent);margin-top:auto;padding-top:5px;font-size:12px;font-weight:800}.read-more b{font-size:18px;vertical-align:-1px}.dot{color:#bbb}.sidebar{padding-top:30px}.side-section{margin-bottom:24px;border:1px solid var(--border);border-radius:9px;padding:18px}.side-section h2,.sub-sidebar h2{font-size:15px;font-weight:900;margin:0 0 8px}.side-section a,.sub-sidebar a{border-top:1px solid #eee;display:flex;align-items:center;gap:12px;padding:13px 0;min-height:48px;font-size:13px;font-weight:700}.side-section a:first-of-type,.sub-sidebar a:first-of-type{border-top:0}.side-section a time{color:var(--muted);font-size:11px;flex:none}.side-section a span:not(.go){flex:1}.side-section b,.sub-sidebar span{margin-left:auto;color:var(--accent);font-size:18px}
.content-panel{padding:19px 0 0}.panel-intro{color:var(--secondary);font-size:13px;margin:0 0 15px}.deck-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deck-link{display:flex;align-items:center;gap:10px;padding:14px 13px;min-height:65px;border-radius:7px;border:1px solid var(--border);background:white}.deck-link:hover,.product-links a:hover,.line-card:hover,.card-row:hover{background:#fffaf8;border-color:#f2b4ab}.deck-id{flex:none;font-size:11px;font-weight:800;color:var(--accent);background:var(--accent-bg);padding:5px 6px;border-radius:4px}.deck-link strong{font-size:14px}.go{margin-left:auto;color:var(--accent);font-size:23px}.text-action{display:inline-flex;align-items:center;gap:15px;min-height:44px;margin-top:10px;color:var(--accent);font-size:13px;font-weight:800}.text-action b{font-size:19px}.product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:16px}.product-links a{border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:5px;position:relative;min-height:130px}.product-links a .product-type{color:var(--accent);font-size:11px;font-weight:800}.product-links strong{font-size:15px}.product-links a>span:last-of-type{font-size:12px;color:var(--secondary)}.product-links b{position:absolute;right:14px;top:12px;font-size:23px;color:var(--accent)}
.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:20px 0 9px}.breadcrumbs a{color:var(--accent)}.page-heading{padding:6px 0 22px;border-bottom:1px solid var(--border)}.page-heading h1{font-size:29px;letter-spacing:-.04em;line-height:1.4;margin:0 0 9px}.page-heading p{color:var(--secondary);margin:0;font-size:14px}.published{color:var(--muted);font-size:11px;margin-top:11px}.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;margin:28px 0 55px}.article-body,.article-content{min-width:0;font-size:15px}.article-body h2,.article-content h2{font-size:21px;border-bottom:2px solid var(--border);padding:0 0 12px;line-height:1.5;margin:36px 0 16px;font-weight:900;letter-spacing:-.03em}.article-body h2:first-child,.article-content h2:first-child{margin-top:0}.article-body h3{font-size:17px;margin:26px 0 9px}.article-body p,.article-content p{font-size:14px;line-height:1.9;margin:11px 0 17px;color:#353535}.article-body ul,.article-body ol{line-height:1.9;font-size:14px;padding-left:24px}.article-body li{margin:6px 0}.note,.notice{padding:16px 18px;background:#fffbf7;border:1px solid #f1e5d9;border-radius:7px;color:#52433c;font-size:13px;line-height:1.8;margin:18px 0}.notice strong{display:block;margin-bottom:3px}.notice p{font-size:13px;margin:0}.note.warn{background:#fffaef}.table-scroll{overflow-x:auto}.compare{width:100%;border-collapse:collapse;font-size:13px;line-height:1.65;margin:15px 0 22px}.compare th,.compare td{border-bottom:1px solid var(--border);padding:13px 11px;vertical-align:top;text-align:left}.compare th{background:#f8f8f8;font-weight:900;white-space:nowrap}.pill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pill{border:1px solid var(--border);border-radius:7px;padding:16px}.pill .number{font-size:11px;color:var(--accent);font-weight:800}.pill strong{display:block}.pill p{font-size:12px}.source,.source-small{color:var(--secondary);font-size:12px}.source a,.article-body a.callout-link,.article-content a:not(.card-row):not(.line-card){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.callout-link{display:inline-flex;align-items:center;min-height:44px;font-weight:800}.sub-sidebar{align-self:start;position:sticky;top:140px;border:1px solid var(--border);border-radius:8px;padding:16px 18px}.news-entry{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border)}.news-entry h2{margin:6px 0 4px;font-size:17px;border:none;padding:0}.news-entry p{margin:0;font-size:12px;color:var(--secondary)}.news-entry .arrow{color:var(--accent);font-size:22px}.news-entry:hover h2{text-decoration:underline}.update-time{font-size:11px;color:var(--muted)}.anchor{scroll-margin-top:142px}.card-rows{display:grid;gap:9px;margin:18px 0}.card-row{border:1px solid var(--border);border-radius:7px;min-height:65px;padding:13px;display:flex;align-items:center;gap:12px}.card-code{background:var(--accent-bg);color:var(--accent);font-weight:800;font-size:12px;padding:7px}.card-row strong{flex:1}.card-status{font-size:12px;color:var(--secondary)}.line-card{border:1px solid var(--border);border-radius:7px;padding:18px;display:flex;align-items:center;gap:16px;justify-content:space-between}.line-card strong{font-size:15px}.line-card span{font-size:12px;color:var(--secondary)}.line-card b{font-size:23px;color:var(--accent)}
.site-footer{border-top:1px solid var(--border);margin-top:45px;background:#f9f9f9}.foot-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:26px;padding-bottom:20px}.foot-columns strong{font-size:17px}.foot-columns p{font-size:12px;color:var(--secondary);margin:7px 0}.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-content:start;font-size:13px;font-weight:700}.foot-links a{min-height:34px}.foot-note{border-top:1px solid var(--border);padding-top:15px;padding-bottom:22px;color:var(--muted);font-size:11px}.foot-note a{display:inline;color:var(--accent);text-decoration:underline}
@media(max-width:920px){.home-columns{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.read-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.nav-inner{gap:0}.main-nav a{padding:11px 13px}}
@media(max-width:700px){.layout{padding:0 15px}.site-header{position:sticky;top:0}.header-inner{min-height:57px;padding:8px 15px}.site-logo{font-size:19px}.logo-mark{width:35px;height:35px;font-size:23px}.release-note{font-size:11px}.nav-inner{padding:0 8px}.main-nav a{min-height:47px;padding:10px 13px;font-size:13px}.home-intro{padding:19px 0 17px;display:block}.home-intro h1{font-size:22px;margin:4px 0 8px}.home-intro p:not(.overline){font-size:12px}.info-chip{display:none}.home-columns,.read-layout{grid-template-columns:1fr;gap:0}.sidebar{padding-top:5px}.section{margin:21px 0 26px}.section-heading h2{font-size:19px}.story{grid-template-columns:106px minmax(0,1fr);gap:12px;padding:14px 0;min-height:124px}.story-art{min-height:90px}.story-art span{font-size:11px}.story-copy strong{font-size:15px;line-height:1.43}.story-desc{font-size:11px;line-height:1.55}.story-meta{font-size:10px}.deck-links{gap:9px}.deck-link{padding:11px 9px;gap:6px;min-height:60px}.deck-link strong{font-size:12px}.deck-id{font-size:10px;padding:5px}.product-links a{padding:12px;min-height:126px}.side-section{margin-bottom:15px}.breadcrumbs{padding:15px 0 6px}.page-heading{padding-bottom:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:13px}.read-layout{margin:20px 0 20px}.article-body h2,.article-content h2{font-size:18px;margin-top:29px}.article-body p,.article-content p,.article-body ul{font-size:13px}.sub-sidebar{position:static;margin-top:24px}.card-row{flex-wrap:wrap;gap:8px}.card-status{width:100%;padding-left:54px}.foot-columns{grid-template-columns:1fr;gap:12px}.foot-links{gap:4px 16px}}
@media(max-width:355px){.release-note{font-size:10px}.site-logo{font-size:17px}.story{grid-template-columns:90px 1fr;gap:9px}.story-copy strong{font-size:14px}.deck-links{grid-template-columns:1fr}.product-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){.card-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"code name arrow" "code status arrow";gap:2px 10px;min-height:68px;padding:12px}.card-row .card-code{grid-area:code;align-self:center}.card-row strong{grid-area:name}.card-row .card-status{grid-area:status;width:auto;padding-left:0;font-size:11px}.card-row .go{grid-area:arrow;align-self:center}}
.contact-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 20px;border-radius:7px;color:#fff!important;background:var(--accent);font-weight:800;text-decoration:none!important}.contact-action:hover{background:#b93225;color:#fff!important}