:root{--ink:#2d332f;--muted:#85877e;--paper:#f8f6f0;--line:#e3e2da;--orange:#cf5b3a;--sage:#e7eadf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,input,a{outline-offset:5px}header{height:88px;position:sticky;top:0;z-index:20;background:#f8f6f0ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-.5px}.mark{display:block;width:41px;height:41px;border-radius:8px;background:var(--orange);color:#fff;font-size:34px;position:relative;font-family:Georgia,serif;text-align:center}.mark>span{font-size:16px;position:absolute;top:1px;right:3px}.brand small{display:block;font-size:8px;letter-spacing:1.1px;color:#8f9188;font-weight:400;margin-top:5px}header nav{display:flex;gap:28px;align-items:center;font-size:12px}header nav a:last-child{padding:9px 15px;border:1px solid #cbcfc3;border-radius:4px}#menu{display:none}#sidebar{position:fixed;top:88px;bottom:0;width:218px;padding:28px 20px;background:#f0f0e8;border-right:1px solid var(--line);overflow:auto;z-index:15}.side-label{font-size:8px;letter-spacing:1.4px;color:#9ba091}.side-home{margin:20px 0 25px;padding:10px;display:flex;justify-content:space-between;background:#e4e7db;border-radius:4px;color:#59664d;font-size:12px;font-weight:700}.side-home>span{font-size:10px;color:#8e9a80}.nav-group{margin:22px 0}.nav-group>div{display:flex;justify-content:space-between;font-size:9px;color:#9ca08f;letter-spacing:1px;padding:0 10px;margin-bottom:9px}.nav-group a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;color:#7e8477;font-size:11px;border-radius:4px;line-height:1.5}.nav-group a:hover{background:#e5e9dc}.nav-group a.active{background:#e8dfd2;color:#b3593c;font-weight:700}.nav-group small{font-size:7px;color:#a99984}.side-bottom{border-top:1px solid #dfe2d5;margin-top:24px;padding:15px 10px 0}.side-bottom>a{display:block;font-size:10px;color:#969d8a;padding:7px 0}.side-bottom p{font-size:8px;line-height:2;color:#a3ab98;margin-top:20px}#main{margin-left:218px;padding:41px 45px 0;min-height:calc(100vh - 88px)}.home,.inner-page{max-width:1260px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#9a9b8d;font-weight:600}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:36px;align-items:center;padding:35px 0 45px;min-height:430px}.hero h1{font-size:clamp(48px,4.5vw,69px);font-weight:800;letter-spacing:-2.7px;line-height:1.2;margin:0}.hero h1 span{color:var(--orange)}.hero>div>p{font-size:14px;color:#8a8c81;line-height:1.9;margin:25px 0}.hero-actions{display:flex;align-items:center;gap:22px;font-size:11px;margin-top:28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;background:var(--orange);border-radius:4px;padding:13px 19px;font-size:11px;font-weight:700}.hero-actions>a:last-child{color:#7c8572}.hero-meta{display:flex;gap:22px;margin-top:25px;font-size:8px;color:#9b9f91;align-items:center}.hero-meta b{font-size:13px;margin-right:3px;color:#858b7a}.hero-board{position:relative;isolation:isolate;height:382px;background:#efede3;border:1px solid #e4e2d6;border-radius:6px;background-image:radial-gradient(#d8d8c84d 1px,transparent 1px);background-size:12px 12px}.board-top{padding:16px 19px;color:#a8a78f;letter-spacing:1.8px;font-size:7px;display:flex;justify-content:space-between}.board-top>span{font-size:14px}.visual{position:absolute;overflow:hidden;box-shadow:0 5px 17px #55472618;background:#fff;padding:7px;border:1px solid #e2ddd0;border-radius:3px}.visual img{width:100%;height:calc(100% - 21px);object-fit:cover;display:block;object-position:center}.visual>span{font-size:6px;letter-spacing:1px;display:block;color:#9b9883;padding:8px 1px 0}.visual-a{width:64%;height:157px;left:8%;top:52px;transform:rotate(-7deg);z-index:2}.visual-b{width:40%;height:213px;right:5%;top:102px;transform:rotate(6deg);z-index:3}.visual-c{width:54%;height:149px;left:4%;top:198px;transform:rotate(-2deg);z-index:4}.board-stamp{position:absolute;top:43px;right:11px;font-size:10px;line-height:1.5;letter-spacing:1px;transform:rotate(8deg);color:#8d9578;text-align:center;z-index:1}.board-stamp b{font-size:18px;color:var(--orange)}.hero-board>p{position:absolute;bottom:5px;right:17px;font-size:6px!important;color:#a4a68e;z-index:5;margin:0!important}.intent-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:flex;gap:27px;align-items:center;font-size:10px}.intent-bar>span{color:#a4a393;margin-right:auto}.intent-bar>a{color:#7c8373}.collection{margin-top:47px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading h2{font-size:25px;margin:13px 0 0;letter-spacing:-.5px}.search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #a5aa9a;padding:10px 0;min-width:245px}.search>span{font-size:22px;color:#848d77}.search input{font-size:11px;border:0;background:transparent;width:100%;min-width:0;outline:none;color:var(--ink)}.search kbd{font-size:10px;color:#a5ae96;border:1px solid #d9ded0;padding:1px 5px}.filters{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;margin:26px 0 24px;gap:15px}.filters>div{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #dfe2d6;padding:8px 11px;border-radius:3px;color:#969f89;font-size:9px}.filters button[aria-pressed=true]{background:var(--ink);color:#e4e7d9;border-color:var(--ink)}#count{font-size:9px;white-space:nowrap;color:#a1a991}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 19px}.skill-card{display:flex;flex-direction:column;background:#fffef9;border:1px solid #e5e3d8;border-radius:5px;overflow:hidden;transition:transform .2s,border-color .2s}.skill-card:hover{transform:translateY(-3px);border-color:#b9c2a6}.card-image{aspect-ratio:1.55;position:relative;overflow:hidden;background:#e9e9df}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.skill-card:hover .card-image img{transform:scale(1.025)}.card-index{position:absolute;top:10px;left:10px;display:block;background:#f8f6f0de;padding:4px 6px;color:#9b9d88;font-size:8px;border:1px solid #dce0c97a}.risk-tag{position:absolute;top:10px;right:10px;background:#ede1ce;color:#9b7851;font-size:7px;padding:4px 5px}.card-body{padding:17px;display:flex;flex:1;flex-direction:column}.card-category{font-size:7px;letter-spacing:1px;color:#aaa88e}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0}.card-heading h3{font-size:16px;line-height:1.5;margin:0;font-weight:700;letter-spacing:-.2px}.card-heading>span{color:#929e7e;font-size:17px}.card-body>code{font-size:8px;color:#a5ad96;overflow-wrap:anywhere}.card-body>p{font-size:10px;color:#949981;line-height:1.9;margin:15px 0 18px;flex:1}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #e9ecdf;font-size:7px;color:#a7af99;line-height:1.7}.card-bottom>b{font-size:8px;font-weight:400;color:#8a9977;white-space:nowrap}.type-art{height:100%;padding:18px 18px 14px;background:#dfe6d7;display:flex;flex-direction:column;position:relative;color:#697d54}.type-art>span{font-size:6px;letter-spacing:1px;align-self:flex-end;color:#98a588}.type-art>b{font-size:29px;letter-spacing:-1px;font-family:Georgia,serif;font-weight:400;margin:auto 0}.type-art>small{font-size:7px;display:flex;gap:10px;align-items:center;line-height:1.6}.type-art>small>i{font-size:12px;font-style:normal}.type-1{background:#eee5d4;color:#997c55}.type-1>span{color:#b2a186}.type-2{background:#e1e6e8;color:#728591}.type-2>span{color:#9dabb4}.type-3{background:#ecddd1;color:#aa8161}.type-3>span{color:#b89b81}.type-4{background:#e3dfee;color:#897e9d}.type-4>span{color:#a59ab9}.empty{grid-column:1/-1;padding:40px;text-align:center;color:#a3aa94;font-size:12px}.workflow-callout{display:grid;grid-template-columns:1fr 240px;gap:40px;padding:38px 36px;margin-top:54px;background:#e8eadd;border:1px solid #dfe3d0;border-radius:6px}.workflow-callout h2{font-size:29px;line-height:1.45;margin:17px 0;letter-spacing:-.5px}.workflow-callout p{font-size:11px;line-height:1.9;color:#929b7d;margin:20px 0}.workflow-callout a{font-size:11px;color:#7e8f65}.mini-workflow{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.mini-workflow>a{background:#f6f7ee;border:1px solid #d4dbc6;display:flex;gap:25px;align-items:center;padding:13px 20px;width:100%;border-radius:3px;font-size:12px;color:#73875b}.mini-workflow span{font-family:monospace;font-size:9px;color:#aab79a}.mini-workflow>b{font-size:10px;color:#a6b291;font-weight:400}.start-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0 0}.start-strip span{font-size:7px;color:#a1aa90;letter-spacing:1.5px}.start-strip h2{font-size:19px;margin:12px 0}.start-strip>a{border-bottom:1px solid #b0bc9c;padding:10px 0;font-size:10px;color:#8c9c77}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);font-size:8px;line-height:1.8;color:#a6b095;margin-top:39px}.inner-page{padding:14px 0}.inner-page>h1{font-size:39px;line-height:1.4;letter-spacing:-1px;margin:22px 0}.lead{font-size:13px;color:#8a967b;line-height:1.9;margin:16px 0 30px}.detail-layout{display:grid;grid-template-columns:minmax(0,750px) 225px;gap:45px;max-width:1100px;margin:auto}.breadcrumbs{font-size:9px;color:#9fa993;display:flex;gap:12px;align-items:center}.detail-header{padding:29px 0 24px;border-bottom:1px solid var(--line)}.category-pill{display:inline-block;font-size:8px;padding:5px 8px;color:#849568;background:#eaf0e1;border-radius:3px}.detail-header h1{font-size:36px;letter-spacing:-1px;line-height:1.4;margin:16px 0 10px}.detail-header>code{font-size:10px;color:#94a07f;overflow-wrap:anywhere}.detail-header>p{font-size:14px;line-height:1.9;color:#8e9b7b;margin:24px 0}.detail-meta{display:flex;gap:20px;justify-content:space-between;font-size:8px;color:#a3af95;line-height:1.8}.detail-meta a{color:#8c9f72}.detail-tabs{display:flex;gap:24px;padding-top:25px;border-bottom:1px solid #e0e6d6}.detail-tabs button{border:0;background:transparent;padding:0 0 14px;font-size:11px;color:#a0ad8e}.detail-tabs button[aria-selected=true]{color:#829a65;border-bottom:2px solid #829a65}.detail-aside{position:sticky;top:125px;height:max-content;padding-top:19px}.detail-image{background:#fff;padding:10px;border:1px solid #e2e6d7;width:100%;border-radius:3px}.detail-image img{width:100%;display:block;height:auto}.detail-image>span{display:block;font-size:8px;color:#99a787;padding-top:12px}.detail-art{height:180px;border-radius:4px;overflow:hidden}.detail-aside .aside-label{font-size:7px;letter-spacing:1.5px;color:#a3b18f;margin-top:27px}.detail-aside>p{font-size:10px;color:#95a780;line-height:1.9;margin:14px 0}.detail-aside>span{font-size:10px;color:#b1bf9e}.detail-aside>a{display:inline-block;font-size:8px;color:#9fae8b;border-top:1px solid #e0e7d4;padding-top:18px;margin-top:14px}#detail-panel>section,.reading>section{margin:33px 0}#detail-panel h2,.reading h2{font-size:22px;letter-spacing:-.5px;margin:0 0 18px}#detail-panel p,.reading p,.reading li{font-size:12px;line-height:2;color:#7e8f6b}.io-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe6d4;background:#f2f5ed;margin:23px 0;border-radius:4px;overflow:hidden}.io-grid>div{padding:18px;border-right:1px solid #dfe6d4}.io-grid>div:last-child{border:0}.io-grid span{font-size:7px;letter-spacing:1.2px;color:#a0b38b;display:block;margin-bottom:10px}.io-grid p{font-size:11px!important;margin:0}.io-grid code{display:block;font-size:9px;overflow-wrap:anywhere;color:#90a376;background:transparent}.note{background:#eee9db;padding:22px;border-left:3px solid #ccb38c;border-radius:2px;color:#ac946c;font-size:11px;line-height:1.9}.note h3{font-size:13px;margin:0 0 10px;color:#ad9265}.note p{font-size:11px!important;color:#ac9a79!important;margin:0!important}.small-note{font-size:9px!important;color:#a3b08e!important;line-height:1.8}.codebox{border:1px solid #dbe4ce;border-radius:5px;background:#eef3e7;margin:22px 0;overflow:hidden}.codebar{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:1px solid #dce6d0;background:#e8efdd;color:#a0b688;font-size:8px}.codebar button{background:transparent;border:0;color:#8fa777;font-size:8px;min-width:50px;text-align:right}pre{padding:20px;margin:0;overflow:auto;font-size:10px;line-height:1.85;color:#819c66;font-family:SFMono-Regular,Consolas,monospace}.source-code pre{max-height:65vh;white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px}.source-link{color:#91a975;font-size:10px;display:inline-block;padding:5px 0}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sample-grid button{padding:9px;border:1px solid #dfe8d2;background:#fff;text-align:left;border-radius:3px;min-width:0}.sample-grid img{width:100%;height:170px;object-fit:contain;background:#f2f5ec;display:block}.sample-grid span{font-size:8px;color:#9eb486;display:block;margin:10px 0 3px}.detail-pagination{border-top:1px solid #dfe7d4;display:flex;justify-content:space-between;font-size:10px;color:#9aaf82;padding:24px 0 0;margin-top:35px}.reading{max-width:850px}.reading code{font-size:10px;background:#ebf2e4;padding:2px 5px;color:#92a879;border-radius:2px;overflow-wrap:anywhere}.reading pre code{padding:0;background:transparent}.reading a{color:#91a878}.reading ul{padding-left:20px}.reading li{margin:10px 0}.reading table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.9;border:1px solid #dfe8d3}.reading td,.reading th{border:1px solid #dfe8d3;padding:13px;vertical-align:top;text-align:left;color:#91a47d}.reading th{font-size:10px;width:110px;background:#f0f5e9;font-weight:400;color:#9fb18d}.reading h1{color:var(--ink)}.recipes{margin-top:43px}.recipe{display:flex;gap:25px;border-top:1px solid var(--line);padding:36px 0}.recipe-number{font-size:13px;color:#b1bb9e;font-family:monospace;padding-top:3px}.recipe-content{flex:1;min-width:0}.recipe h2{font-size:25px;letter-spacing:-.7px;margin:15px 0}.recipe p{color:#94a37e;font-size:12px;line-height:1.9}.recipe-chain{display:flex;align-items:center;gap:12px;margin:25px 0;flex-wrap:wrap}.recipe-chain>a{display:flex;gap:12px;align-items:center;border:1px solid #dce6cd;background:#f1f6e9;padding:14px 16px;font-size:11px;color:#97ac7b;border-radius:4px}.recipe-chain a>span{font-size:8px;color:#b6c6a1}.recipe-chain>b{font-size:10px;font-weight:400;color:#b8c79f}.recipe .note{font-size:10px}#shade{display:none}dialog{border:1px solid #d6dfc9;background:#fafcf5;border-radius:6px;width:max-content;max-width:92vw;max-height:92vh;padding:16px}dialog::backdrop{background:#213019aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog>div{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:8px;color:#a5b692;padding-bottom:13px}dialog button{background:transparent;border:0;font-size:10px;color:#9cae87;padding:8px}dialog img{display:block;max-height:77vh;max-width:85vw;object-fit:contain;margin:auto}body:has(dialog[open]){overflow:hidden}@media(min-width:1700px){#main{padding-left:70px;padding-right:70px}}@media(max-width:1200px){#main{padding:35px 30px 0}.hero{gap:25px}.hero h1{font-size:53px}.hero-board{height:345px}.visual-a{height:144px;top:45px}.visual-b{height:185px;top:95px}.visual-c{height:135px;top:179px}.hero-board>p{font-size:5px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.detail-layout{grid-template-columns:minmax(0,1fr) 180px;gap:28px}.detail-aside>p{font-size:9px}.hero-meta{gap:15px}.hero p{font-size:13px}.section-heading h2{font-size:23px}.search{min-width:200px}.type-art>b{font-size:32px}}@media(max-width:980px){header{padding:0 24px;height:78px}.brand{font-size:20px}.brand small{font-size:7px}header nav{gap:20px;font-size:11px}#sidebar{top:78px;width:190px;padding:25px 15px}#main{margin-left:190px;padding:30px 25px 0}.hero{display:block;padding:30px 0}.hero h1{font-size:57px}.hero-board{margin-top:35px;height:345px;max-width:510px}.visual-a{width:61%;left:8%}.visual-b{width:35%;right:6%;height:199px}.visual-c{width:50%;left:9%}.intent-bar{gap:15px;flex-wrap:wrap;font-size:9px}.intent-bar>span{width:100%}.section-heading{display:block}.search{margin-top:20px;width:100%}.card-heading h3{font-size:15px}.card-body{padding:15px}.type-art>b{font-size:27px}.workflow-callout{grid-template-columns:1fr 160px;padding:28px;gap:25px}.workflow-callout h2{font-size:24px}.workflow-callout p{font-size:10px}.mini-workflow>a{font-size:10px;padding:11px 12px;gap:12px}.detail-layout{display:block}.detail-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:35px;border-top:1px solid var(--line);margin-top:25px}.detail-aside .detail-image,.detail-aside .detail-art{grid-row:span 5}.detail-aside .aside-label{margin-top:0}.detail-aside>p{margin:0}.detail-aside>a{font-size:9px}.detail-aside>span{margin:0}.inner-page>h1{font-size:34px}.recipe h2{font-size:22px}.recipe-chain>a{padding:12px;font-size:10px}}@media(max-width:780px){header{height:70px;padding:0 20px}.brand{font-size:20px}.brand small{font-size:7px}.mark{width:36px;height:36px;font-size:30px}header nav{display:none}#menu{display:block;border:0;background:none;color:#9aa78a;font-size:20px;padding:8px}#sidebar{top:70px;width:260px;transform:translate(-100%);transition:transform .2s}.menu-open #sidebar{transform:translate(0)}.menu-open #shade{display:block;position:fixed;inset:70px 0 0;background:#23331d65;z-index:14}#main{margin-left:0;padding:29px 23px 0}.hero{padding-top:28px}.hero h1{font-size:59px}.hero-board{max-width:none;height:354px}.hero-meta{font-size:9px;gap:22px}.hero-meta b{font-size:14px}.section-heading h2{font-size:24px}.grid{gap:20px}.detail-header h1{font-size:32px}.detail-header>p{font-size:13px}.workflow-callout{grid-template-columns:1fr 180px}.type-art>b{font-size:32px}.detail-aside .detail-image img{max-height:230px;object-fit:contain}.inner-page{padding-top:8px}.reading>section{margin:30px 0}}@media(max-width:480px){#main{padding:26px 18px 0}.brand{font-size:19px}.brand small{font-size:6px;letter-spacing:.6px}.hero h1{font-size:54px;letter-spacing:-2px}.hero>div>p{font-size:12px;line-height:2;margin:22px 0}.hero-actions{gap:17px;font-size:10px}.primary{padding:12px 15px;font-size:10px;gap:17px}.hero-meta{gap:18px;font-size:7px}.hero-meta b{font-size:12px}.hero-board{height:310px;margin-top:28px}.board-top{font-size:6px;padding:14px}.visual-a{width:63%;height:133px;left:6%;top:44px}.visual-b{width:38%;height:169px;right:4%;top:93px}.visual-c{width:54%;height:119px;top:163px;left:4%}.board-stamp{font-size:8px;top:40px;right:8px}.board-stamp b{font-size:15px}.intent-bar{gap:20px;font-size:9px;padding:19px 0}.intent-bar>span{font-size:9px}.collection{margin-top:36px}.section-heading h2{font-size:23px;line-height:1.45}.eyebrow{font-size:7px;letter-spacing:1.3px}.filters{align-items:flex-start;margin-top:23px;gap:12px}.filters>div{gap:5px}.filters button{padding:7px 8px;font-size:8px}#count{padding-top:8px;font-size:8px}.grid{gap:17px 12px}.card-image{aspect-ratio:1.25}.card-index{font-size:7px;top:7px;left:7px;padding:3px 4px}.card-body{padding:12px}.card-category{font-size:6px}.card-heading{gap:5px;margin:7px 0}.card-heading h3{font-size:13px;line-height:1.55}.card-heading>span{font-size:14px}.card-body>code{font-size:7px;line-height:1.6}.card-body>p{font-size:9px;line-height:1.9;margin:12px 0}.card-bottom{display:block;padding-top:10px;font-size:7px}.card-bottom b{display:block;margin-top:5px;font-size:7px}.type-art{padding:13px}.type-art>span{font-size:5px;letter-spacing:.5px}.type-art>b{font-size:22px;letter-spacing:-.5px}.type-art>small{font-size:6px;line-height:1.6;display:block}.type-art>small>i{display:inline-block;font-size:9px;margin:0 5px}.risk-tag{font-size:5px;top:7px;right:5px;padding:3px}.workflow-callout{display:block;padding:26px;margin-top:38px}.workflow-callout h2{font-size:25px}.workflow-callout p{font-size:10px}.mini-workflow{margin-top:25px;gap:8px}.mini-workflow>a{font-size:11px;padding:12px 15px;gap:22px}.start-strip{display:block;padding-top:30px}.start-strip h2{font-size:18px}.start-strip>a{display:inline-block;font-size:10px;margin-top:8px}footer{font-size:7px;gap:15px;margin-top:30px}.detail-header{padding-top:24px}.detail-header h1{font-size:29px}.detail-header>code{font-size:9px}.detail-header>p{font-size:12px}.detail-meta{font-size:7px;flex-wrap:wrap;gap:10px}.detail-tabs{gap:23px}.detail-tabs button{font-size:10px}#detail-panel h2,.reading h2{font-size:21px}#detail-panel p,.reading p,.reading li{font-size:11px;line-height:2}.io-grid>div{padding:15px 12px}.io-grid span{font-size:6px}.io-grid p{font-size:10px!important}.io-grid code{font-size:8px}.note{padding:18px;font-size:10px}.note p{font-size:10px!important}.codebar{padding:10px 12px;font-size:7px}.codebar button{font-size:7px}pre{font-size:9px;padding:15px}.sample-grid img{height:140px}.detail-aside{gap:18px}.detail-pagination{font-size:9px}.inner-page>h1{font-size:30px;margin-top:20px}.lead{font-size:11px}.recipe{gap:14px;padding:27px 0}.recipe-number{font-size:10px}.recipe h2{font-size:21px}.recipe p{font-size:11px}.recipe-chain{display:block;margin:20px 0}.recipe-chain>a{display:flex;font-size:10px;margin:9px 0;gap:15px}.recipe-chain>b{display:block;text-align:center;transform:rotate(90deg)}.recipe .note{font-size:9px}.reading table{font-size:9px;line-height:1.8}.reading td,.reading th{padding:10px}.reading th{width:79px;font-size:8px}.reading code{font-size:8px}.sample-grid span{font-size:7px}dialog>div{font-size:7px}dialog button{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.card-body>p{color:#68725e;font-size:12px}.card-body>code{font-size:9px;color:#879076}.card-bottom{font-size:9px;color:#7f8a6e}.card-bottom>b{font-size:9px;color:#73835d}.nav-group a{color:#69715f}.hero>div>p{color:#717966}#detail-panel p,.reading p,.reading li{color:#626f55;font-size:13px}.detail-header>p{color:#6e7d5e}.recipe p{color:#6e805b}.codebox pre{color:#5c7845;font-size:11px}.note p{color:#8c7855!important}.detail-meta{color:#859776}.card-category{color:#90957c;font-size:8px}.type-art>small{color:#5b7050}.type-1>small{color:#8a6e44}.type-2>small{color:#5b7280}.type-3>small{color:#89664b}.type-4>small{color:#72618e}.source-code pre{font-size:10px}.reading td{color:#6d8156}.workflow-callout p{color:#6f7e59}.lead{color:#71835e}@media(max-width:480px){.card-body>p{font-size:10px}.card-body>code{font-size:7px}.card-bottom,.card-bottom>b{font-size:8px}.card-category{font-size:7px}#detail-panel p,.reading p,.reading li{font-size:12px}.codebox pre{font-size:10px}}