.page-outer{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.page-container{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    width: 1000px;
    margin: auto;
    margin-top: 30px;
    max-width: 100%;
}
.pure-g{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.pure-u-2-3.main-panel{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    float: left;
    display: block;
    vertical-align: top;
    width: 66.6667%;
    padding-right: 6.67px;
}
.page-title{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0 0 16px;
    line-height: 1.2;
    font-weight: 700;
    word-break: break-all;
    font-size: 34px;
}
.block.recipe-show{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding-top: 0;
    margin: 0;
    font-size: 18px;
}
.cover.image.expandable.block-negative-margin{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    box-sizing: border-box;
    cursor: url(data:;base64,AAACAAEAICAAAAUABQCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAwAAAAOAAAADAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAMAAAAHgAAACIAAAAZAAAABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAEAAAABAAAAAAAAAAAAAAADAAAADAAAAB4AAAAyAAAAMgAAACAAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAwAAAAYAAAAIAAAACAAAAAYAAAADAAAAAwAAAAwAAAAeAAAA/wAAADsAAAAwAAAAGQAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAYAAAAOAAAAFQAAABsAAAAbAAAAFQAAAA4AAAAPAAAAHgAAAP8AAAD/AAAA/wAAAB4AAAAMAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAMAAAAFQAAACQAAAAtAAAANgAAADYAAAAtAAAAJAAAACUAAAD/AAAA/wAAAP8AAAAeAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAABwAAAAtAAAAPAAAAEIAAABIAAAASAAAAEIAAAA8AAAA/wAAAP8AAAD/AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAVAAAALQAAAP8AAAD/AAAA/wAAAP8AAABOAAAASwAAAP8AAAD/AAAA/wAAACoAAAAPAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAP8AAAD/5ubm7ebm5u7m5ubu5ubm7gAAAP8AAAD/AAAA/wAAAP8AAABBAAAAKAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/5ubm6ubm5u3m5ubu5ubm7ubm5u7m5ubu5ubm7ubm5u4AAAD/AAAATgAAAEcAAAAuAAAAEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/m5ubr5ubm7ebm5u4AAAD/AAAA/+bm5u7m5ubu5ubm7gAAAP8AAABOAAAATAAAADMAAAAZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/5ubm6Obm5uvm5ubt5ubm7gAAAP8AAAD/5ubm7ubm5u7m5ubu5ubm7gAAAP8AAABMAAAAMwAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/m5ubo5ubm6gAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/+bm5u7m5ubuAAAA/wAAAEYAAAAtAAAAEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+bm5ufm5ubpAAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/5ubm7ubm5u4AAAD/AAAAOwAAACIAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/5ubm5ubm5ujm5ubq5ubm7AAAAP8AAAD/5ubm7ubm5u7m5ubt5ubm7QAAAP8AAAAtAAAAFQAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/5ubm5+bm5unm5ubqAAAA/wAAAP/m5ubt5ubm7ebm5uwAAAD/AAAALQAAABwAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/m5ubm5ubm5+bm5ujm5ubq5ubm6ubm5uvm5ubr5ubm6gAAAP8AAAAVAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/5ubm5+bm5ufm5ubo5ubm6QAAAP8AAAD/AAAADgAAAAYAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/wAAAP8AAAD/AAAACAAAAAYAAAADAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////////////////////////////////////////////////////9////+P////H////j///wx///wA///4Af//+AH///AA///wAP//8AD///AA///4Af//+AH///wD////D///8=),pointer;
    width: 660px;
    height: 420px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.container.pos-r.pb20.has-bottom-border{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    padding-bottom: 20px!important;
}
.stats.clearfix{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin-top: 20px;
    float: left;
    font-size: 12px;
    color: #909090;
}
.score.float-left{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #909090;
    box-sizing: border-box;
    float: left;
}
.cooked.float-left{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #909090;
    box-sizing: border-box;
    float: left;
}
.number{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-size: 20px;
    color: #dd3915;
    vertical-align: middle;
    position: relative;
    top: -1px;
    font-weight: 700;
}
.title{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    color: #909090;
    box-sizing: border-box;
    vertical-align: middle;
    margin-left: 3.2px;
    margin-right: 16px;
    font-size: 14px;
}




.pure-u-1-3.right-panel{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    float: left;
    display: block;
    vertical-align: top;
    width: 33.3333%;
    padding-left: 33.33px;
}
.block.mb50{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.title-bar{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 25px;
    margin: 15px 0;
}
.pure-g.content{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.recipe-stats.block.normal-font.gray-font{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    color: #909090;
    margin-bottom: 40px;
    font-size: 14px;
}
.time{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    color: #909090;
    font-size: 14px;
    box-sizing: border-box;
}
.copyright{
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    color: #909090;
    font-size: 14px;
    box-sizing: border-box;
}
.block .title-bar .title {
    float: left;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #c0ae7d;
}


/*buzhou*/
.layout__item.directions.svelte-1dqq0pw,
.layout__item.ingredients.svelte-1dqq0pw,
.direction-list.svelte-1dqq0pw,
.ingredient-list.svelte-1dqq0pw,
.ingredient-quantity.svelte-1dqq0pw,
.layout__item {
    --good-reading-width: 45ch;
    --fonts-heading: brandon-grotesque, "Helvetica Neue", Helvetica, arial, sans-serif;
    --fonts-base: Gotham, "Helvetica Neue", Helvetica, arial, sans-serif;
    --n: 6;
    --margin: 32px;
    --gap: 24px;
    --truncate-lines: 4;
    font-family: var(--fonts-base);
    font-weight: 400;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 32px;
    --current-line-height: 32px;
    color: #2f2f2f;
    box-sizing: inherit;
}

.direction-list.svelte-1dqq0pw,
.ingredient-list.svelte-1dqq0pw {
    all: unset;
    display: flex;
    flex-flow: column nowrap;
    list-style: decimal;
    gap: 24px;
    margin-bottom: 34px;
}

.ingredient-list.svelte-1dqq0pw {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    margin-bottom: 24px;
}

.ingredient-quantity.svelte-1dqq0pw {
    font-size: 25px;
}

.layout__item {
    margin-right: 30px;
}