/* Resources directory — confirmed information-first layouts. */
.oddig-resources-main,.oddig-resource-detail-main{background:var(--oddig-paper);color:var(--oddig-ink)}
.oddig-resources-main .oddig-wrap,.oddig-resource-detail-main .oddig-wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}.oddig-resources-main a,.oddig-resource-detail-main a{text-decoration:none}
.oddig-resources-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:var(--oddig-rust);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.oddig-resources-eyebrow::before{width:8px;height:8px;border-radius:50%;background:currentColor;content:""}
.oddig-resources-directory-hero{padding:63px 0 40px;border-bottom:1px solid var(--oddig-line);background:#fffaf0}.oddig-resources-directory-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 425px;gap:70px;align-items:end}.oddig-resources-directory-hero h1,.oddig-resources-index-hero h1,.oddig-resources-category-title h1,.oddig-resource-prose>h1{max-width:760px;margin:0 0 16px;font:400 clamp(54px,6vw,86px)/.9 var(--oddig-serif);letter-spacing:-.055em}.oddig-resources-directory-hero h1 em{color:var(--oddig-rust);font-style:normal}.oddig-resources-lede,.oddig-resources-directory-hero p:last-child,.oddig-resources-index-hero>div>p:last-child,.oddig-resources-category-title>div>p:last-child{max-width:630px;margin:0;color:#657484;font-size:17px;line-height:1.55}.oddig-resources-search{display:flex;height:53px;border:1px solid var(--oddig-ink);background:#fffdf8}.oddig-resources-search input{flex:1;min-width:0;border:0;outline:0;padding:0 15px;color:var(--oddig-ink);background:transparent;font:400 14px var(--oddig-sans)}.oddig-resources-search button{min-width:106px;border:0;color:#fff;background:var(--oddig-ink);font:900 11px var(--oddig-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.oddig-resources-search button:hover{background:#123b58}.oddig-resources-search-area>p{margin:11px 0 0;color:#657484;font-size:12px;line-height:1.4}
.oddig-resources-category-showcase{padding:45px 0 20px}.oddig-resources-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:19px}.oddig-resources-showcase-head h2{margin:0;font:400 44px/.92 var(--oddig-serif);letter-spacing:-.055em}.oddig-resources-showcase-head>p{max-width:395px;margin:0;color:#657484;font-size:13px;line-height:1.5}.oddig-resource-types__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.oddig-resource-type{display:block;border:1px solid var(--oddig-line);background:#fffaf0}.oddig-resource-type:hover{color:var(--oddig-ink);border-color:var(--oddig-ink)}.oddig-resource-type__image{height:148px;position:relative;display:block;overflow:hidden;background:#cfdfe3 center/cover}.oddig-resource-type__image::before,.oddig-resource-type__image::after{position:absolute;content:""}.oddig-resource-type__image::before{width:140px;height:140px;border:1px solid rgba(255,255,255,.65);border-radius:50%;right:-45px;top:-50px}.oddig-resource-type__image::after{width:73px;height:73px;left:23px;bottom:21px;border:1px solid rgba(6,29,50,.55);border-radius:50%}.oddig-resource-type__image b,.oddig-resource-type__icon{position:absolute;z-index:1;left:46px;bottom:38px}.oddig-resource-type__image b{font:400 30px var(--oddig-serif)}.oddig-resource-type__icon{display:block;width:30px;height:30px;object-fit:contain}.oddig-resource-type--skills .oddig-resource-type__image{background-color:#ecd7ad}.oddig-resource-type--templates .oddig-resource-type__image{background-color:#dce9dd}.oddig-resource-type--guides .oddig-resource-type__image{background-color:#e7d8ca}.oddig-resource-type--workflows .oddig-resource-type__image{background-color:#d7d6e5}.oddig-resource-type__info{display:block;padding:15px}.oddig-resource-type__info strong{display:block;margin-bottom:4px;font-size:14px}.oddig-resource-type__info small{color:#657484;font-size:11px;line-height:1.35}
.oddig-resources-directory,.oddig-resource-category-index{padding:35px 0 80px}.oddig-resources-directory-tools{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.oddig-resources-directory-tools>span{color:#657484;font-size:12px}.oddig-resources-directory-tools>span a{color:var(--oddig-ink);font-weight:800}.oddig-resources-directory-tools>span a:hover{color:var(--oddig-rust)}.oddig-resources-filters{display:flex;flex-wrap:wrap;gap:7px}.oddig-resources-filters>*{border:1px solid var(--oddig-line);padding:8px 11px;color:#516170;background:transparent;font-size:12px;font-weight:750}.oddig-resources-filters .is-active{color:#fff;border-color:var(--oddig-ink);background:var(--oddig-ink)}.oddig-resources-filters a:hover{color:var(--oddig-ink);border-color:var(--oddig-ink)}
.oddig-resource-table,.oddig-resource-category-table{border-top:2px solid var(--oddig-ink)}.oddig-resource-table__head,.oddig-resource-row{display:grid;grid-template-columns:minmax(310px,1.15fr) minmax(290px,1.25fr) 115px 112px;gap:20px;align-items:center}.oddig-resource-table__head{padding:14px 16px;color:#677585;border-bottom:1px solid var(--oddig-line);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.oddig-resource-row{position:relative;padding:20px 16px;border-bottom:1px solid var(--oddig-line);background:transparent;transition:background .16s ease}.oddig-resource-row:hover{background:#fffaf1}.oddig-resource-row__overlay{position:absolute;inset:0;z-index:1}.oddig-resource-row>*:not(.oddig-resource-row__overlay){position:relative;z-index:2;pointer-events:none}.oddig-resource-row__main{display:flex;align-items:flex-start;gap:11px}.oddig-resource-mark{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;margin-top:1px;border:1px solid currentColor;border-radius:50%;color:var(--oddig-rust);font-size:12px;font-style:normal}.oddig-resource-row__main strong{display:block;margin-bottom:4px;font-size:15px;line-height:1.2}.oddig-resource-row__main span,.oddig-resource-row__use{color:#657484;font-size:12px;line-height:1.42}.oddig-resource-row__use{margin:0}.oddig-resource-row__access{margin:0;color:#435465;font-size:12px;font-weight:750}.oddig-resource-row__access--free{color:#427b68}.oddig-resource-row__access--freemium{color:#7a5d1e}.oddig-resource-row__link{color:var(--oddig-ink);font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.oddig-resource-row:hover .oddig-resource-row__link{color:var(--oddig-rust)}.oddig-resources-guide-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--oddig-line);border-bottom:1px solid var(--oddig-line)}.oddig-resources-guide-strip div{padding:21px 24px;border-right:1px solid var(--oddig-line)}.oddig-resources-guide-strip div:last-child{border-right:0}.oddig-resources-guide-strip strong{display:block;margin-bottom:5px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.oddig-resources-guide-strip p{margin:0;color:#657484;font-size:12px;line-height:1.5}
.oddig-resources-index-hero{padding:62px 0 36px;border-bottom:1px solid var(--oddig-line);background:#fffaf0}.oddig-resources-index-hero h1{margin:0}.oddig-resources-index-hero>div>p:last-child{max-width:560px;margin:17px 0 0;font-size:16px}.oddig-resource-category-table__head,.oddig-resource-category-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr) 100px 115px;gap:20px;align-items:center}.oddig-resource-category-table__head{padding:14px 16px;color:#677585;border-bottom:1px solid var(--oddig-line);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.oddig-resource-category-row{position:relative;padding:20px 16px;border-bottom:1px solid var(--oddig-line)}.oddig-resource-category-row:hover{background:#fffaf1}.oddig-resource-category-row>*:not(.oddig-resource-row__overlay){position:relative;z-index:2;pointer-events:none}.oddig-resource-category-row strong{font-size:16px}.oddig-resource-category-row p{margin:0;color:#657484;font-size:13px;line-height:1.45}.oddig-resource-category-row>span:not(.oddig-resource-row__link){color:#60707e;font-size:12px}.oddig-resource-category-row .oddig-resource-row__link{justify-self:end}
.oddig-resources-crumb{padding:21px 0;color:#657484;font-size:12px;font-weight:750}.oddig-resources-crumb>div{display:flex;flex-wrap:wrap;gap:10px}.oddig-resources-crumb a:hover{color:var(--oddig-rust)}.oddig-resources-category-title{padding:34px 0;border-top:1px solid var(--oddig-line);border-bottom:1px solid var(--oddig-line);background:#eee7d9}.oddig-resources-category-title h1{margin:0;font-size:68px}.oddig-resources-category-title>div>p:last-child{max-width:620px;margin:14px 0 0;font-size:15px}.oddig-resources-category-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px;padding-top:34px}.oddig-resources-filter-panel{padding-right:24px;border-right:1px solid var(--oddig-line)}.oddig-resources-filter-panel h2{margin:0 0 13px;font:900 11px var(--oddig-sans);letter-spacing:.12em;text-transform:uppercase}.oddig-resources-filter-panel>span{width:100%;display:flex;justify-content:space-between;padding:10px 0;color:#556574;font-size:13px}.oddig-resources-filter-panel>span.is-active{color:var(--oddig-ink);font-weight:850}
.oddig-resource-detail{padding:35px 0 75px}.oddig-resource-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) 360px;gap:60px;width:100%;max-width:1140px;margin-inline:auto;align-items:start}.oddig-resource-prose>h1{max-width:760px;margin:10px 0 20px;font-size:73px;line-height:.89}.oddig-resource-detail-lede{max-width:720px;margin:0;color:#657484;font-size:18px;line-height:1.55}.oddig-resource-prose__content{max-width:720px}.oddig-resource-prose__content h2{margin:30px 0 12px;font:400 32px/1.06 var(--oddig-serif);letter-spacing:-.05em}.oddig-resource-prose__content h3{margin:28px 0 10px;font:400 24px/1.16 var(--oddig-serif);letter-spacing:-.04em}.oddig-resource-prose__content p,.oddig-resource-prose__content li{color:#506171;font-size:15px;line-height:1.65}.oddig-resource-prose__content p{margin:0 0 1.25em}.oddig-resource-prose__content a{color:var(--oddig-rust);text-decoration:underline;text-underline-offset:3px}.oddig-resource-prose__content ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--oddig-line)}.oddig-resource-prose__content ol li{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--oddig-line)}.oddig-resource-glance{position:sticky;top:75px;padding:25px;border-top:5px solid var(--oddig-rust);background:#eee7d8}.oddig-resource-glance h2{margin:0 0 17px;font:400 34px var(--oddig-serif);letter-spacing:-.04em}.oddig-resource-glance dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;margin:0;font-size:13px}.oddig-resource-glance dl>div{display:contents}.oddig-resource-glance dt{color:#62717e}.oddig-resource-glance dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:800;text-align:right}.oddig-resource-open{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;color:#fffdf8;background:var(--oddig-rust);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.oddig-resource-open:hover{color:#fffdf8;background:#a9471d}.oddig-resource-open--wide{display:flex;width:100%;margin-top:23px}.oddig-resource-detail-actions{display:flex;align-items:center;gap:20px;margin-top:31px;padding-top:23px;border-top:1px solid var(--oddig-line)}.oddig-resource-detail-actions .oddig-resource-open{margin-left:auto}.oddig-resource-suggest{color:#7a8792;font-size:12px;font-weight:650}.oddig-resource-suggest:hover{color:var(--oddig-rust)}.oddig-resource-empty{margin:0;padding:30px;border:1px dashed var(--oddig-line);color:#667582}
.oddig-resource-mark{overflow:hidden}.oddig-resource-mark img{display:block;width:100%;height:100%;object-fit:contain}.oddig-resource-detail .oddig-resource-prose>h1{font-size:56px;line-height:.98}.oddig-resource-detail-lede{padding-bottom:25px;border-bottom:1px solid var(--oddig-line)}@media(max-width:640px){.oddig-resource-detail .oddig-resource-prose>h1{font-size:40px;line-height:1.02}.oddig-resource-detail-lede{padding-bottom:21px}.oddig-resource-prose__content h2{font-size:27px;line-height:1.1}.oddig-resource-prose__content h3{font-size:22px;line-height:1.18}}
@media(max-width:1000px){.oddig-resources-directory-hero__grid,.oddig-resource-detail-grid{grid-template-columns:1fr;gap:30px}.oddig-resource-glance{position:static}.oddig-resource-types__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oddig-resource-table__head{display:none}.oddig-resource-row{grid-template-columns:minmax(0,1fr) 105px;gap:10px 18px}.oddig-resource-row__use{grid-column:1/-1;padding-left:36px}.oddig-resource-row__link{justify-self:end}.oddig-resource-category-table__head{display:none}.oddig-resource-category-row{grid-template-columns:minmax(0,1fr) 100px;gap:10px 18px}.oddig-resource-category-row p{grid-column:1/-1}.oddig-resources-category-layout{grid-template-columns:1fr}.oddig-resources-filter-panel{display:flex;gap:8px;overflow:auto;padding:0 0 17px;border-right:0;border-bottom:1px solid var(--oddig-line)}.oddig-resources-filter-panel h2{display:none}.oddig-resources-filter-panel>span{width:auto;min-width:max-content;border:1px solid var(--oddig-line);padding:8px 10px}.oddig-resources-guide-strip{grid-template-columns:1fr}.oddig-resources-guide-strip div{border-right:0;border-bottom:1px solid var(--oddig-line)}.oddig-resources-guide-strip div:last-child{border-bottom:0}}
@media(max-width:640px){.oddig-resources-main .oddig-wrap,.oddig-resource-detail-main .oddig-wrap{width:calc(100% - 36px)}.oddig-resources-directory-hero{padding:48px 0 32px}.oddig-resources-directory-hero h1,.oddig-resources-index-hero h1,.oddig-resources-category-title h1{font-size:55px}.oddig-resources-lede,.oddig-resources-directory-hero p:last-child{font-size:15px}.oddig-resources-search{height:50px}.oddig-resources-search button{min-width:92px}.oddig-resources-showcase-head{align-items:flex-start;flex-direction:column}.oddig-resources-showcase-head h2{font-size:39px}.oddig-resource-types__grid{grid-template-columns:1fr 1fr}.oddig-resource-type__image{height:112px}.oddig-resources-directory-tools{align-items:flex-start;flex-direction:column}.oddig-resources-directory,.oddig-resource-category-index{padding:30px 0 66px}.oddig-resource-row{padding:17px 0}.oddig-resource-row__main strong{font-size:14px}.oddig-resource-row__main span,.oddig-resource-row__use{font-size:11px}.oddig-resource-row__use{padding-left:36px}.oddig-resource-row__access{justify-self:end}.oddig-resources-index-hero{padding:48px 0 32px}.oddig-resources-category-title{padding:31px 0}.oddig-resources-category-title h1{font-size:54px}.oddig-resource-detail{padding:28px 0 62px}.oddig-resource-prose>h1{font-size:55px}.oddig-resource-detail-lede{font-size:16px}.oddig-resource-prose__content h2{font-size:27px;line-height:1.1}.oddig-resource-prose__content p,.oddig-resource-prose__content li{font-size:15px}.oddig-resource-detail-actions{align-items:stretch;flex-direction:column-reverse;gap:13px}.oddig-resource-detail-actions .oddig-resource-open{margin:0}.oddig-resource-suggest{padding:8px;text-align:center}.oddig-resource-glance{padding:25px}.oddig-resource-glance h2{font-size:32px}}