/* v2.19 — community previews have their own hierarchy; full builds live in View Build. */
.community-preview-card{padding:24px!important;gap:0!important;min-width:0;background:radial-gradient(ellipse at 100% 0,#8c3f591c,transparent 60%),linear-gradient(145deg,#231820ed,#17131aed)!important;box-shadow:inset 0 1px #e5b9cd0a,0 12px 32px #00000012!important;border-color:#ba7c9329!important;transition:border-color .2s,box-shadow .2s!important}
.community-preview-card:hover{border-color:#be829952!important;box-shadow:inset 0 1px #e5b9cd12,0 16px 34px #00000022!important;transform:none!important}
.community-card-author{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.community-card-identity{display:flex;align-items:center;flex-wrap:wrap;gap:6px 15px;min-width:0}
.community-card-identity .member-link{font-size:16px;font-weight:700;gap:10px;min-width:0}
.community-card-identity .small-avatar{width:36px;height:36px;border-radius:11px}
.community-card-identity .member-link>span{overflow-wrap:anywhere}
.community-card-guild{display:flex;align-items:center;gap:6px;min-width:0;color:#c6aab8;font-size:13px}
.community-card-guild>.icon{width:14px;height:14px;flex-shrink:0;color:#b68e66}
.community-card-guild>span{overflow-wrap:anywhere}
.community-card-author .star-button{min-height:40px;padding:8px 12px;gap:7px;border-radius:10px;background:#e6b88108;border:1px solid #d3aa6c25;color:#efcf9e;font-size:16px;flex-shrink:0}
.community-preview-card>.thread-title{font-size:24px!important;line-height:1.3;margin:0 0 10px!important;letter-spacing:-.025em;display:block}
.community-card-context{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin:0}
.community-card-context .thread-tags{margin:0!important;gap:7px}
.community-card-context .thread-date{font-size:12px;color:#ad96a5;margin-left:auto}
.community-bundle-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#dbc09c}
.community-bundle-label .icon{width:13px;height:13px}
.community-card-context .thread-revision{font-size:12px}
.community-preview-card>.thread-excerpt{font-size:14px!important;line-height:1.6;margin:0 0 12px!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:#bca9b7}
.community-preview-card>.thread-bottom{margin:0!important;padding:13px 0 0!important;gap:10px;border-color:#bd859b1d;align-items:center;flex-wrap:wrap}
.community-preview-card .comment-count{display:inline-flex;align-items:center;gap:6px;font-size:14px;min-height:36px}
.community-preview-card .compare-recipe-button,.community-preview-card .use-recipe{font-size:14px!important;min-height:36px}
.community-preview-card .use-recipe{margin-left:auto}
.recipe-showcase{margin:18px 0 15px;container-type:inline-size;container-name:recipe-preview}
.recipe-showcase-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;color:#b695a6;padding:0 0 10px}
.recipe-showcase-label>span:first-child{display:flex;align-items:center;gap:7px;font-weight:750}
.recipe-showcase-label>span:last-child{font-size:12px;letter-spacing:0;color:#a48e9d}
.recipe-showcase-label .icon{width:14px;height:14px}
.recipe-preview-grid{border-block:1px solid #be819b26;background:linear-gradient(115deg,#8c365719,#130f1805);padding:0 16px;min-width:0}
.recipe-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.5fr);column-gap:22px;row-gap:14px;padding:18px 0;min-width:0}
.recipe-preview-heading{display:flex;align-items:center;gap:10px;min-width:0}
.recipe-gear-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:#e5bbce;background:#a8546d18;border-radius:10px}
.recipe-gear-icon>.icon{width:21px;height:21px}
.recipe-preview-heading>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.recipe-slot{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#b49aab}
.recipe-preview-heading strong{font-size:18px;line-height:1.3;color:#f5e4ee;font-weight:650;overflow-wrap:anywhere}
.recipe-preview-stat{grid-column:2;grid-row:1/3;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.recipe-preview-stat>span:first-child{font-size:11px;font-weight:700;letter-spacing:.09em;color:#c7abb9}
.recipe-preview-stat>strong{font-size:50px;line-height:1;letter-spacing:-.05em;font-weight:800;color:#fff0e5;text-shadow:0 0 32px #e2a48222;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.recipe-preview-stat>strong>small{font-size:15px;letter-spacing:0;margin-left:6px;font-weight:500;color:#c4a3a1}
.recipe-preview-stat .recipe-preview-secondary{font-size:13px;color:#baa2b1;line-height:1.5}
.recipe-preview-composition{min-width:0;grid-column:1}
.recipe-preview-label{font-size:10px;letter-spacing:.08em;color:#a98d9e;display:flex;align-items:center;gap:10px;margin-bottom:9px}
.recipe-preview-label>b{font-size:12px;font-weight:500;letter-spacing:0;color:#d3b7c6}
.recipe-preview-ores{display:flex;gap:16px;align-items:start}
.recipe-preview-ore{min-width:0;max-width:100px;flex:1;display:flex;gap:5px;align-items:center;flex-direction:column;text-align:center}
.recipe-preview-art{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:36px;flex-shrink:0}
.recipe-preview-art .ore-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 8px #06030860)}
.recipe-preview-art>b{position:absolute;right:-4px;bottom:-2px;min-width:17px;border-radius:5px;background:#382536;color:#f7e3ee;font-size:11px;padding:1px 3px;line-height:1.25;box-shadow:0 0 0 2px #271a24;font-weight:750}
.recipe-preview-ore>span:last-child{font-size:13px;line-height:1.3;overflow-wrap:anywhere;color:#d4bdca}
.recipe-preview-highlights{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 20px;min-width:0}
.recipe-highlight{display:inline-flex;align-items:baseline;gap:5px;color:#bdabb8;font-size:13px;line-height:1.5;min-width:0}
.recipe-highlight>b{font-size:15px;color:#b8dfc6;font-weight:650;white-space:nowrap}
.recipe-highlight>span{overflow-wrap:anywhere}
.recipe-highlight.is-proc{align-items:center;color:#e0be99}
.recipe-highlight .icon{width:14px;height:14px}
.recipe-preview-muted{font-size:13px;color:#a78b9d}
.recipe-preview-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-5px;min-width:0}
.recipe-preview-summary{font-size:12px;color:#ab90a1;line-height:1.5}
.recipe-penalty{color:#e0a0a6}
.recipe-view-build{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ab5c7517;border:1px solid #c28b9e43;color:#efcddd;border-radius:8px;padding:8px 12px;min-height:38px;font-size:13px;font-weight:650;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.recipe-view-build .icon{width:16px;height:16px;transition:transform .2s}
.recipe-view-build:hover{background:#a4527633;border-color:#e7a7c07a}
.recipe-view-build:hover .icon{transform:translateX(3px)}
.recipe-view-build:focus-visible{outline:2px solid #e8adca;outline-offset:3px}
.recipe-preview-grid.is-bundle{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.recipe-preview-grid.is-bundle .recipe-preview{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;border-bottom:1px solid #be819b1f;row-gap:12px}
.recipe-preview-grid.is-bundle .recipe-preview:nth-last-child(-n+2){border-bottom:0}
.recipe-preview-grid.is-bundle .recipe-preview-stat{grid-row:1}
.recipe-preview-grid.is-bundle .recipe-preview-stat>strong{font-size:34px}
.recipe-preview-grid.is-bundle .recipe-preview-stat>strong>small{font-size:11px;margin-left:4px}
.recipe-preview-grid.is-bundle .recipe-preview-stat>span:first-child{font-size:9px}
.recipe-preview-grid.is-bundle .recipe-preview-stat .recipe-preview-secondary{font-size:11px;max-width:120px}
.recipe-preview-grid.is-bundle .recipe-gear-icon{display:none}
.recipe-preview-grid.is-bundle .recipe-preview-heading strong{font-size:16px}
.recipe-preview-grid.is-bundle .recipe-preview-composition{grid-column:1/-1}
.recipe-preview-grid.is-bundle .recipe-preview-label{display:none}
.recipe-preview-grid.is-bundle .recipe-preview-ores{gap:12px;justify-content:flex-start}
.recipe-preview-grid.is-bundle .recipe-preview-ore{max-width:85px}
.recipe-preview-grid.is-bundle .recipe-preview-highlights{gap:3px 13px}
.recipe-preview-grid.is-bundle .recipe-highlight{font-size:12px}
.recipe-preview-grid.is-bundle .recipe-highlight>b{font-size:13px}
.recipe-preview-grid.is-bundle .recipe-preview-foot{flex-wrap:wrap;gap:6px}
.recipe-preview-grid.is-bundle .recipe-view-build{margin-left:auto}
.recipe-preview-grid.is-bundle .recipe-preview-summary{font-size:11px}

/* Detail: remove boxes inside boxes; keep every metric and trait rule. */
.auto-recipe-card .auto-card-overview .auto-card-body{padding:0 0 14px;background:none;border:0;box-shadow:none;border-radius:0}
.auto-recipe-card .auto-card-overview .auto-card-ore{background:none;border:0;border-bottom:1px solid #d5a7bd16;border-radius:0;padding:8px 0}
.auto-recipe-card .auto-card-overview .auto-card-main-number{font-size:42px;line-height:1.1}
.auto-recipe-card .overall-effect{border:0!important;border-bottom:1px solid #b993a321!important;background:none!important;border-radius:0!important;min-height:0!important;padding:9px 0!important}
.auto-recipe-card .overall-proc,.auto-recipe-card .overall-mechanic{border:0;border-left:2px solid #c19e6547;background:#d6aa7705;border-radius:0;padding:7px 12px}
.auto-recipe-card .overall-procs{gap:14px}
.auto-recipe-card .overall-special{border:0;border-left:2px solid #d59db04a;background:none;border-radius:0;padding:5px 12px}
.auto-recipe-card .overall-effect>span{font-size:14px}
.auto-recipe-card .auto-stat-row{font-size:14px}
.auto-recipe-card .auto-card-title{margin-top:10px}
@container recipe-preview (max-width:600px){
 .recipe-preview-grid.is-bundle{grid-template-columns:1fr}
 .recipe-preview-grid.is-bundle .recipe-preview{grid-template-columns:minmax(0,1fr) 135px}
 .recipe-preview-grid.is-bundle .recipe-preview:not(:last-child){border-bottom:1px solid #be819b26}
 .recipe-preview-grid.is-bundle .recipe-preview-stat{grid-row:1/3}
 .recipe-preview-grid.is-bundle .recipe-preview-composition{grid-column:1}
 .recipe-preview-grid.is-bundle .recipe-preview-secondary{max-width:none}
 .recipe-preview-grid.is-bundle .recipe-preview-stat>strong{font-size:40px}
}
@container recipe-preview (max-width:430px){
 .recipe-preview-grid{padding:0 12px}
 .recipe-preview,.recipe-preview-grid.is-bundle .recipe-preview{grid-template-columns:minmax(0,1fr) 120px;gap:13px 10px}
 .recipe-preview-stat,.recipe-preview-grid.is-bundle .recipe-preview-stat{grid-row:1}
 .recipe-preview-stat>strong,.recipe-preview-grid.is-bundle .recipe-preview-stat>strong{font-size:38px}
 .recipe-preview-stat>span:first-child{font-size:9px}
 .recipe-preview-stat .recipe-preview-secondary{font-size:12px}
 .recipe-preview-heading strong{font-size:16px}
 .recipe-gear-icon{display:none}
 .recipe-preview-composition,.recipe-preview-grid.is-bundle .recipe-preview-composition{grid-column:1/-1}
 .recipe-preview-label{display:none}
 .recipe-preview-ores{gap:12px}
 .recipe-preview-highlights{gap:5px 13px}
 .recipe-highlight,.recipe-preview-grid.is-bundle .recipe-highlight{font-size:13px}
 .recipe-highlight>b,.recipe-preview-grid.is-bundle .recipe-highlight>b{font-size:14px}
 .recipe-preview-foot{margin:0;gap:8px}
 .recipe-preview-summary,.recipe-preview-grid.is-bundle .recipe-preview-summary{font-size:12px}
 .recipe-view-build{font-size:13px;padding:8px 10px;min-height:40px}
}
@media(max-width:700px){
 .community-preview-card{padding:17px!important}
 .community-preview-card>.thread-title{font-size:22px!important}
 .community-card-identity{gap:5px}
 .community-card-identity .member-link{width:100%;font-size:15px}
 .community-card-guild{padding-left:46px;font-size:12px}
 .community-card-author{align-items:flex-start}
 .community-card-context{gap:6px}
 .community-card-context .thread-date{margin-left:0}
 .community-preview-card .comment-count>span{display:none}
 .community-preview-card>.thread-bottom{gap:8px}
 .community-preview-card .compare-recipe-button,.community-preview-card .use-recipe{font-size:13px!important}
 .recipe-showcase-label>span:last-child{font-size:11px}
 .auto-recipe-card .auto-card-overview .auto-card-main-number{font-size:38px}
}
@media(prefers-reduced-motion:reduce){.community-preview-card,.recipe-view-build,.recipe-view-build .icon{transition:none!important;transform:none!important}}