/* A shared reading hierarchy, not a separate design for every page. */
html{scrollbar-gutter:stable}
.portfolio{--ux-ink:var(--text,#172234);--ux-muted:var(--text-soft,#526680);--ux-panel:var(--surface,#fff);--ux-line:var(--line,#d4deeb)}
.portfolio main{max-width:1200px;padding-inline:32px}
.portfolio .section,.portfolio .page-hero,.portfolio .article-shell,.portfolio .editorial-page{width:100%}
.portfolio .portfolio-intro{padding-block:44px 24px;max-width:760px}
.portfolio .portfolio-intro h1,.portfolio.page-guide .page-hero h1{font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.12;letter-spacing:-.035em}
.portfolio .lede{font-size:1.05rem;line-height:1.7;max-width:62ch}
.portfolio .section{padding-block:32px}
.portfolio .portfolio-breadcrumbs{font-size:.78rem;padding-top:22px}
.portfolio .primary-nav .play-link{display:inline-flex;align-items:center;gap:6px;color:#79511c}
.play-spark{color:#cf8620;transform:rotate(-9deg)}
@media(min-width:768px) and (max-width:950px){.portfolio .header-shell{grid-template-columns:1fr auto auto;gap:8px}.js .portfolio .menu-toggle{display:inline-grid;place-items:center;grid-column:2}.portfolio .primary-nav{grid-column:1 / -1;grid-row:2;grid-template-columns:1fr;align-items:stretch;padding:10px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-panel)}.js .portfolio .primary-nav{display:none}.js .portfolio .site-header[data-menu-open=true] .primary-nav{display:grid}.portfolio .primary-nav .nav-download{margin:4px 0 0}:root:not(.js) .portfolio .header-shell{grid-template-columns:1fr}:root:not(.js) .portfolio .primary-nav{display:grid}}
[data-theme=dark] .portfolio .primary-nav .play-link{color:#f3c97a}
.portfolio .filter-controls{display:flex;align-items:center;gap:16px;margin:0;padding:14px 18px;background:var(--ux-panel);border:1px solid var(--ux-line);border-radius:14px}
.portfolio .price-filter{display:flex;gap:3px;align-items:center;background:var(--bg,#f4f7fb);padding:4px;border-radius:10px}
.portfolio .price-filter button{height:40px;min-height:40px;min-width:68px;border:0;border-radius:7px;background:transparent;padding:8px 16px;font-weight:550;color:var(--ux-muted)}
.portfolio .price-filter button[aria-pressed=true]{background:#255ee8;color:white;box-shadow:0 2px 5px #17366315}
.portfolio .category-filter{display:flex;align-items:center;gap:10px;font-size:.85rem;margin-left:auto;color:var(--ux-muted)}
.portfolio .category-filter>span{white-space:nowrap;flex-shrink:0}
@media(max-width:767px){.portfolio .category-filter .task-picker{min-width:0;flex:1}.portfolio .task-trigger{gap:8px;padding-inline:10px}}
.portfolio .category-filter select{font:inherit;color:var(--ux-ink);background:var(--ux-panel);border:1px solid var(--ux-line);border-radius:9px;min-height:44px;padding:9px 34px 9px 12px;max-width:100%}
.portfolio .filter-reset{border:0;border-radius:8px;background:transparent;color:var(--ux-muted);min-height:44px;padding:8px;font-size:.85rem}
.portfolio [data-filter-status]{font-size:.8rem;color:var(--ux-muted);margin:14px 2px 20px}
.portfolio .portfolio-grid{gap:24px}
.portfolio .card-copy{padding:20px}
.portfolio .card-copy p{font-size:.9rem}
.portfolio .card-copy h2{font-size:1.25rem}
.portfolio .portfolio-card{display:flex;flex-direction:column}
.portfolio .portfolio-card>.card-copy{display:flex;flex-direction:column;flex:1}
.portfolio .portfolio-card .card-copy>.text-link{margin-top:auto;padding-top:8px}
.portfolio .filter-controls{max-width:none;border:0;border-block:1px solid var(--ux-line);border-radius:0;background:transparent;padding:16px 0}
.portfolio .price-filter{border:1px solid var(--ux-line);background:var(--ux-panel)}
.portfolio .price-filter button{min-height:44px;height:44px}
.portfolio .editorial-page{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
.portfolio .editorial-page>.page-hero{padding:44px 0 28px;max-width:840px;margin:0}
.portfolio .editorial-page>.page-hero h1{font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.13;letter-spacing:-.035em;max-width:24ch}
.portfolio .editorial-page>.reading-body{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none}
.portfolio .reading-body>section{max-width:780px;margin:0;padding:28px 0;border:0;border-top:1px solid var(--ux-line);scroll-margin-top:100px}
.portfolio .reading-body>section h2{font-size:1.45rem;margin:0 0 16px;line-height:1.3}
.portfolio .reading-body>section h3{font-size:1.05rem;margin-top:24px}
.portfolio .reading-body>section p,.portfolio .reading-body>section li{font-size:.95rem;line-height:1.8}
.reading-jumps{display:flex;flex-wrap:wrap;gap:8px 22px;padding:8px 0 24px;max-width:900px}
.reading-jumps a{font-size:.82rem;line-height:1.5;text-decoration:none;padding-block:6px}
.portfolio .support-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px}
.portfolio .support-choices>div{padding:22px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-panel)}
.portfolio .support-choices h3{margin:0 0 12px;font-size:1.1rem}
.portfolio .support-choices h2{margin:0 0 12px;font-size:1.2rem}
.portfolio .support-choices p{margin:0}
.portfolio .support-app-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.portfolio .support-app-links a{font-size:.9rem;padding:8px 0}
.portfolio .play-invitation{position:relative;isolation:isolate;overflow:hidden;min-height:280px;border:1px solid #d4e1cf;background:linear-gradient(110deg,#eff5e9,#e6f0e9 65%,#f9ecd1);padding-right:34%;border-radius:26px}
.portfolio .play-invitation p{max-width:43ch}
.portfolio .play-invitation:after{content:"";position:absolute;width:600px;height:200px;bottom:-160px;right:-60px;border-radius:50%;background:#cbdcbf;z-index:-1;rotate:-10deg}
.invitation-friends{position:absolute;right:7%;top:50%;translate:0 -50%;display:flex;gap:14px;pointer-events:none}
.friend-card{position:relative;width:80px;height:106px;background:#fffbef;border:3px solid white;border-radius:16px;rotate:-12deg;box-shadow:0 6px 0 #839a8825}
.friend-card+ .friend-card{rotate:10deg;translate:0 15px}
.friend-card:before{content:"";position:absolute;left:10px;top:23px;width:53px;height:53px;border-radius:50% 50% 42% 42%;background:#edb184}
.friend-card:after{content:"";position:absolute;left:25px;top:43px;width:4px;height:5px;border-radius:50%;background:#694d37;box-shadow:20px 0 #694d37}
.friend-card i{position:absolute;left:31px;top:56px;width:12px;height:7px;border-bottom:2px solid #694d37;border-radius:50%;z-index:1}
.friend-star{position:absolute;top:-25px;right:-20px;color:#b9802c;font-size:34px}
[data-theme=dark] .portfolio .play-invitation{background:linear-gradient(110deg,#243a36,#2c3544);border-color:#45554b}
@media(max-width:767px){.portfolio .editorial-page>.page-hero{padding-top:28px}.portfolio .support-choices{grid-template-columns:1fr;gap:14px}.portfolio .play-invitation{padding:28px 24px 160px}.invitation-friends{top:auto;bottom:36px;right:40px;translate:none;scale:.75;transform-origin:bottom right}.reading-jumps{gap:4px 16px}}
@media(forced-colors:active){.portfolio :is(input,select,textarea):focus-visible{outline:2px solid Highlight}}
.portfolio .product-decision{margin-top:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.portfolio .product-decision>div{min-width:0}.portfolio .product-decision .portfolio-intro{width:auto;max-width:100%}
.portfolio .product-decision .product-intro{padding:0;margin:0 0 22px}
.portfolio .product-intro h1{font-size:clamp(2.1rem,3.3vw,3rem);max-width:18ch;margin-block:14px 18px}
.portfolio .product-decision .product-price{margin-block:0 12px}
.portfolio .product-decision .button-row{align-items:center;gap:16px}
.portfolio .product-decision .small-note{font-size:.8rem;color:var(--ux-muted);margin-top:16px}
.portfolio .product-hero-image{border-radius:14px;border:1px solid var(--ux-line);background:transparent}
.portfolio .benefit-grid{gap:28px;margin-top:14px}
.portfolio .benefit-grid h2{font-size:1.15rem;margin-bottom:10px}
.portfolio .benefit-grid p{font-size:.92rem;line-height:1.7}
.portfolio .important-limits{padding:18px 22px;border:1px solid var(--ux-line);border-radius:12px;background:transparent;margin-top:24px}
.portfolio .important-limits .plain-list{margin-bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 30px}
.portfolio .important-limits li{font-size:.83rem;line-height:1.65;padding-block:4px}
.portfolio .paid-gallery{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio .screenshot-card{background:transparent;border:1px solid var(--ux-line);border-radius:14px;overflow:hidden;min-width:0}
.portfolio .screenshot-card>a{display:block;background:transparent;border-radius:0;overflow:hidden}
.portfolio .screenshot-card img{display:block;border-radius:0;background:transparent;box-shadow:none}
.portfolio .product-detail{max-width:880px;margin-inline:auto}
.portfolio .product-detail>h2{font-size:1.55rem}
.portfolio .product-detail>details{padding:10px 0}
.portfolio summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer}
.portfolio summary::-webkit-details-marker{display:none}
.portfolio summary::marker{content:""}
.portfolio summary:after{content:"";margin-left:auto;margin-right:4px;flex:none;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.portfolio details[open]>summary:after{transform:rotate(225deg) translate(-2px,-2px)}
.portfolio .download-entry{padding:26px 24px;margin-top:16px;gap:32px;grid-template-columns:1fr 1fr;background:var(--ux-panel);border:1px solid var(--ux-line);border-radius:14px}
.portfolio .download-entry h2{display:flex;align-items:center;gap:10px;font-size:1.25rem}
.download-icon{width:32px;height:32px;flex:none;object-fit:contain}
[data-theme=dark] .portfolio main img[data-logo-surface=light]{background:#f5f7fb;padding:4px;border-radius:8px;box-sizing:border-box;object-fit:contain}
.portfolio .download-entry p{font-size:.9rem;line-height:1.65;margin-block:10px}
.portfolio .download-entry .product-price{display:inline;margin-right:12px;font-size:.85rem}
.portfolio .download-entry .version-label{display:inline;color:var(--ux-muted);font-size:.8rem}
.portfolio .download-actions{align-content:center;gap:10px}
.portfolio .verification{margin-top:0}
.portfolio .verification summary{font-size:.85rem;color:var(--ux-muted);border-top:1px solid var(--ux-line);margin-top:8px;padding:14px 0}
.guide-finder{max-width:660px;margin:8px 0 20px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.guide-finder label{grid-column:1/-1;font-weight:600;font-size:.85rem}
.guide-finder input{font:inherit;width:100%;min-width:0;background:var(--ux-panel);color:var(--ux-ink);border:1px solid var(--ux-line);border-radius:10px;padding:13px 16px}
.guide-finder p{font-size:.8rem;margin:0;color:var(--ux-muted)}
.guide-jumps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 32px;padding-block:18px;border-block:1px solid var(--ux-line)}
.guide-jumps a{font-size:.82rem;text-decoration:none;padding-block:5px}
.guide-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 42px;margin-bottom:56px}
.directory-group{scroll-margin-top:100px;min-width:0}
.directory-heading{display:flex;gap:12px;align-items:baseline;margin-bottom:10px}
.directory-heading h2{font-size:1.25rem;margin:0}
.directory-heading>span{font-size:.75rem;color:var(--ux-muted);white-space:nowrap}
.directory-group .directory-links{grid-template-columns:1fr;gap:0;margin:0}
.directory-group .directory-links a{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:.9rem;line-height:1.55;text-decoration:none;padding:12px 0;color:var(--ux-ink)}
.directory-group .directory-links a:hover{color:var(--accent,#245ee9)}
.link-chevron{width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin-right:4px;opacity:.55}
.portfolio.page-guide .page-hero{max-width:860px;margin-inline:auto;padding:32px 0 18px}
.portfolio.page-guide .page-hero h1{max-width:24ch;margin-block:16px}
.portfolio.page-guide .guide-meta{font-size:.75rem;margin-top:18px;color:var(--ux-muted)}
.portfolio.page-guide .article-shell{max-width:820px;padding:0}
.portfolio.page-guide .article-shell>section{padding-block:24px}
.portfolio.page-guide .article-shell h2{font-size:1.55rem;line-height:1.3;margin-top:0;margin-bottom:14px;letter-spacing:-.02em}
.portfolio.page-guide .article-shell h3{font-size:1.12rem;line-height:1.45}
.portfolio.page-guide .article-shell p,.portfolio.page-guide .article-shell li{font-size:.96rem;line-height:1.8}
.portfolio.page-guide .answer-box{padding:22px 24px;background:var(--ux-panel);border:1px solid var(--ux-line);border-left:3px solid #487dc8;border-radius:12px;margin-bottom:24px}
.portfolio.page-guide .answer-box h2{font-size:1rem;margin-bottom:10px}
.portfolio.page-guide .answer-box p{margin:0}
.portfolio .guide-contents{border-bottom:1px solid var(--ux-line);padding:8px 0 16px;margin-bottom:16px}
.portfolio .guide-contents summary{font-size:.9rem;min-height:36px;color:var(--ux-muted)}
.portfolio .guide-contents p{font-size:.85rem!important;line-height:2!important}
.portfolio .workflow{gap:20px}
.portfolio .numbered-workflow{list-style:none;padding:0}
.portfolio .workflow-number{font-variant-numeric:tabular-nums;color:var(--ux-muted)}
.portfolio .workflow-step{padding:20px 22px;border-radius:12px}
.portfolio .workflow-step> :not(h3){min-width:0}
.portfolio .workflow-step>h3{margin:0}
.portfolio .workflow-step pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);line-height:1.7}
.portfolio .workflow-step pre code{white-space:inherit;overflow-wrap:inherit}
.portfolio .product-guide-links .related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;padding:0}
.portfolio .product-guide-links .related-links>li{min-width:0;margin:0}
.portfolio .product-guide-links .related-links>li>a{display:flex;align-items:center;min-height:48px;height:100%;padding:12px 4px;background:none;border-radius:0;border-bottom:1px solid var(--line);font-weight:500;transition:background .16s}
.portfolio .product-guide-links .related-links>li>a:hover{background:var(--surface)}
@media(max-width:820px){.portfolio .product-guide-links .related-links{grid-template-columns:1fr}}
@media(min-width:821px){.portfolio .workflow-step> :not(h3){grid-column:2}.portfolio .workflow-step>h3{grid-column:1;grid-row:1}}
.portfolio .guide-decision{margin-block:30px}
.portfolio .guide-decision .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}
.portfolio .guide-decision table{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.6}
.portfolio .guide-decision caption{text-align:left;padding:14px 18px;color:var(--text-soft)}
.portfolio .guide-decision :is(th,td){text-align:left;vertical-align:top;padding:14px 18px;border-top:1px solid var(--line);min-width:150px}
.portfolio .guide-decision thead{background:var(--surface)}
.portfolio .section-sources{list-style:none;padding:0;margin:14px 0 0;font-size:.85rem;display:flex;flex-wrap:wrap;gap:8px 18px}
.portfolio .guide-figure{margin:22px 0 30px}
.portfolio .guide-figure img{border:1px solid var(--ux-line);border-radius:10px}
.portfolio .guide-figure figcaption{font-size:.82rem;line-height:1.6;margin-top:12px;color:var(--ux-muted)}
.portfolio .guide-closing{padding:24px 0!important;background:transparent;border:0;border-radius:0;margin-top:30px}
.portfolio .guide-closing h2{font-size:1.2rem!important}
.portfolio .guide-closing summary{font-size:.85rem;margin-top:22px;color:var(--ux-muted);min-height:44px}
.portfolio .guide-product{padding:0!important;display:block;margin-block:32px;border:0;border-radius:0;background:none}
.portfolio .guide-product>div{max-width:none}
.portfolio .guide-product h2{font-size:1.35rem!important;margin-block:8px 16px}
.portfolio .guide-product .eyebrow{font-size:.65rem}
.portfolio .guide-product img{max-width:320px}
.portfolio .guide-technical,.portfolio .disclosure-panel{padding:16px 20px;border:1px solid var(--ux-line);border-radius:10px;margin-block:16px}
.portfolio .guide-technical summary,.portfolio .disclosure-panel>summary{font-size:1rem;font-weight:600;min-height:40px}
@media(max-width:900px){.portfolio .product-decision{gap:28px}.portfolio .important-limits .plain-list{grid-template-columns:1fr}.guide-directory{gap:28px}.portfolio .paid-gallery{gap:12px}}
@media(max-width:767px){.portfolio main{padding-inline:20px}.portfolio .portfolio-intro{padding-block:30px 18px}.portfolio .filter-controls{flex-wrap:wrap;padding:12px;gap:12px}.portfolio .price-filter{flex:1}.portfolio .price-filter button{flex:1;min-width:54px;padding-inline:10px}.portfolio .category-filter{margin-left:0;flex:1 1 75%;justify-content:space-between}.portfolio .category-filter select{flex:1}.portfolio .filter-reset{padding-inline:4px}.portfolio .product-decision{grid-template-columns:1fr;gap:24px;margin-top:20px}.portfolio .product-decision .product-intro h1{max-width:22ch}.portfolio .product-decision .product-hero-image{max-width:620px}.portfolio .paid-gallery{grid-template-columns:1fr}.portfolio .download-entry{grid-template-columns:1fr;gap:18px;padding:20px}.guide-directory{grid-template-columns:1fr;gap:30px}.guide-jumps{gap:8px 16px}.guide-finder{grid-template-columns:1fr}.guide-finder p{font-size:.75rem}.portfolio.page-guide .page-hero{padding-top:24px}.portfolio.page-guide .answer-box{padding:18px}.portfolio .guide-closing{padding:22px 0!important}.portfolio .workflow-step{padding:18px}.portfolio .guide-product{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.portfolio summary:after{transition:none}}
@media(max-width:767px){.portfolio .filter-controls{display:grid;grid-template-columns:minmax(0,1fr) auto}.portfolio .price-filter{grid-column:1/-1;width:100%}.portfolio .category-filter{min-width:0}.portfolio .category-filter select{min-width:0;width:100%}}
.portfolio .filter-controls{border:0;border-block:1px solid var(--ux-line);border-radius:0;background:transparent;padding:16px 0}
.portfolio .price-filter{border:1px solid var(--ux-line);padding:3px;background:var(--ux-panel)}
.portfolio .price-filter button{min-height:44px;height:44px}
.portfolio .play-invitation{padding:36px 34% 36px 36px!important}
[data-theme=dark] .portfolio .play-invitation{color:#e2eee7}
@media(max-width:767px){.portfolio .play-invitation{padding:28px 24px 160px!important}}
/* One deliberate field edge in every state; retain native select semantics. */
.portfolio :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:2px solid var(--ux-line);border-radius:10px;transition:border-color .16s ease,background-color .16s ease;box-shadow:none;outline:0}
.portfolio :is(input,select,textarea):hover{border-color:#98aabc}
.portfolio .category-filter select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2374828c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px;padding-right:36px}
.portfolio .play-spark{transform:none;overflow:visible;flex-shrink:0}
.portfolio main a:not(.button):not(.match-primary){color:inherit;text-decoration:none}
.portfolio main :is(p,li,dd,figcaption)>a:not(.button):not(.text-link):not([data-gallery]){font-weight:650;background:color-mix(in srgb,var(--ux-muted) 9%,transparent);border-radius:4px;padding:.06em .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .16s}
.portfolio main :is(p,li,dd,figcaption)>a:not(.button):not(.text-link):hover{background:color-mix(in srgb,var(--ux-muted) 18%,transparent)}
.portfolio :is(.reading-jumps,.support-app-links,.guide-jumps){gap:8px;padding-block:12px 22px}
.portfolio :is(.reading-jumps,.support-app-links,.guide-jumps) a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-panel);color:var(--ux-ink);font-size:.82rem;font-weight:550;text-decoration:none;transition:background .16s,border-color .16s}
.portfolio :is(.reading-jumps,.support-app-links,.guide-jumps) a:hover{background:var(--bg);border-color:#9bacb9}
.portfolio .directory-links a{background:none!important;padding:15px 0!important;border-radius:0!important;font-weight:500!important}
.portfolio .card-copy h2 a{text-decoration:none}.portfolio .text-link:hover{color:var(--ux-ink);text-decoration:none}.portfolio .text-link:hover span{display:inline-block;translate:2px 0}
@media(prefers-reduced-motion:reduce){.portfolio :is(input,select,textarea,a){transition:none}.portfolio .text-link:hover span{translate:none}}
@media(forced-colors:active){.portfolio :is(input,select,textarea):is(:focus,:focus-visible){outline:2px solid Highlight;outline-offset:1px}.portfolio main :is(p,li,dd)>a:not(.button){text-decoration:underline}.portfolio :is(.reading-jumps,.support-app-links,.guide-jumps) a{border:1px solid LinkText}}
.portfolio main .breadcrumbs a:not(.button):not(.text-link):not([data-gallery]){background:transparent;color:var(--ux-ink);padding:0}
/* Select-only combobox: a single quiet border and a measured opening/closing motion. */
.task-picker{position:relative;min-width:190px;color:var(--ux-ink,var(--text))}.task-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:inherit;font:inherit;font-size:.85rem;cursor:pointer;transition:background .16s,border-color .16s}.task-trigger svg{flex:none;transition:transform .18s}.task-trigger:hover{background:var(--bg);border-color:var(--text-soft)}.task-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.task-options{position:absolute;z-index:15;top:calc(100% + 7px);right:0;min-width:100%;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 12px 30px #10263818;opacity:0;transform:translateY(-5px);transition:opacity .15s,transform .15s;pointer-events:none}.task-picker.is-open .task-options{opacity:1;transform:none;pointer-events:auto}.task-options [role=option]{position:relative;white-space:nowrap;padding:10px 33px 10px 11px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .12s}.task-options .is-active{background:var(--bg)}.task-options [aria-selected=true]{font-weight:700}.task-options [aria-selected=true]:after{content:'✓';position:absolute;right:11px;color:var(--text-soft)}.portfolio .task-trigger:focus-visible{outline:2px solid var(--text-soft);outline-offset:2px;box-shadow:none}.category-filter:has(.task-picker){align-items:center}.category-filter select[hidden]{display:none!important}
@media(max-width:420px){.task-picker{min-width:175px}.task-options{right:0}}
@media(prefers-reduced-motion:reduce){.task-trigger,.task-trigger svg,.task-options{transition:none}}
.task-trigger{border-width:2px}.portfolio .task-trigger:focus-visible{outline:none;border-color:var(--text-soft);box-shadow:none}@media(forced-colors:active){.portfolio .task-trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}
.portfolio .product-start{margin-top:18px;max-width:46ch}
.portfolio .home-choice{flex-wrap:wrap;align-items:center}
.portfolio .guide-app-context{font-size:.93rem;margin-top:14px;padding-top:14px;border-top:1px solid var(--ux-line)}
.portfolio .download-actions>.small-note{max-width:48ch}

/* Shared public-page rhythm. Game surfaces keep their own visual language. */
.portfolio:not(.page-play){--reading-width:68ch;--section-space:44px;--content-space:24px}
[data-theme=dark] .portfolio:not(.page-play){--bg:#151e2a;--bg-subtle:#192432;--surface:#1e2a39;--surface-strong:#ffffff0d;--text:#e9eef5;--text-soft:#bac7d9;--text-faint:#a5b4c8;--line:#354557;--line-strong:#50657d;--ux-ink:var(--text);--ux-muted:var(--text-soft);--ux-panel:var(--surface);--ux-line:var(--line)}
.portfolio:not(.page-play) main{max-width:1200px;padding-inline:32px}
.portfolio:not(.page-play) .section{padding-block:var(--section-space)}
.portfolio:not(.page-play) :is(.page-hero,.portfolio-intro){padding-block:48px 32px}
.portfolio:not(.page-play) :is(.lede,.article-shell p,.article-shell li){line-height:1.75}
.portfolio:not(.page-play) .article-shell{max-width:860px}
.portfolio:not(.page-play) .article-shell p{max-width:var(--reading-width)}
.portfolio:not(.page-play) main :is(p,li,dd,figcaption)>a:not(.button):not([data-gallery]){background:none;padding:0;border-radius:0;font-weight:500;color:var(--ux-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:.22em;text-decoration-thickness:1px}
.portfolio:not(.page-play) main :is(p,li,dd,figcaption)>a:not(.button):hover{text-decoration-color:currentColor;background:none}
.portfolio:not(.page-play) :focus-visible{outline:2px solid var(--brand-strong,#377bed);outline-offset:4px;box-shadow:none}
.portfolio:not(.page-play) .portfolio-grid{gap:32px}
.portfolio:not(.page-play) .portfolio-card{border:0;border-radius:18px;background:var(--ux-panel);overflow:visible;box-shadow:0 4px 22px #10263808}
.portfolio:not(.page-play) .card-image{position:relative;border-radius:18px 18px 0 0;overflow:hidden;background:var(--ux-panel)}
.portfolio[data-page-key="press-kit"] .card-image{background:#f7f8fa}
.portfolio:not(.page-play) .card-copy{padding:24px;display:flex;flex-direction:column;gap:0}
.portfolio:not(.page-play) .card-copy h2{margin:0 0 10px;font-size:1.25rem;line-height:1.35}
.portfolio:not(.page-play) .card-copy p{margin:0 0 14px;line-height:1.65}
.portfolio:not(.page-play) .card-copy .product-price{font-size:.88rem;margin-top:4px}
.portfolio:not(.page-play) .card-copy>.text-link{margin-top:auto;padding-top:20px;text-decoration:underline;text-underline-offset:.25em}
.portfolio:not(.page-play) .task-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding-top:8px}
.portfolio:not(.page-play) .task-actions a{padding:8px 0;text-decoration:underline;text-underline-offset:.22em;font-size:.9rem;min-height:36px}
.portfolio:not(.page-play) .filter-controls{border:0;background:none;padding:12px 0 24px;gap:20px}
.portfolio:not(.page-play) .price-filter{border:0;background:var(--ux-panel);border-radius:12px;padding:4px}
.portfolio:not(.page-play) .task-trigger{border-width:1px;border-radius:10px;min-height:44px}
.portfolio:not(.page-play) .task-trigger:focus-visible{outline:2px solid var(--brand-strong);outline-offset:-2px;border-color:transparent}
.portfolio:not(.page-play) .filter-controls .task-trigger:hover{background:var(--bg-subtle);border-color:var(--text-soft)}
.portfolio:not(.page-play) .task-options [role=option]:is(:hover,.is-active){background:var(--bg-subtle)}
.portfolio:not(.page-play) .filter-controls :is(.task-trigger,.filter-reset):active{background:var(--surface-strong)}
.portfolio:not(.page-play) .task-options{border:0;padding:7px;box-shadow:0 10px 40px #14233726;transition:opacity .16s ease,transform .16s ease}
.portfolio:not(.page-play) .product-decision{gap:48px;padding-block:24px 16px}
.portfolio:not(.page-play) .product-intro{padding:0}
.portfolio:not(.page-play) .product-decision h1{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.12}
.portfolio:not(.page-play) .benefit-grid{gap:36px}
.portfolio:not(.page-play) .benefit-grid h2{font-size:1.2rem;margin:0 0 12px}
.portfolio:not(.page-play) .important-limits{border:0;border-radius:0;background:none;padding-inline:0;margin:0;max-width:var(--reading-width)}
.portfolio:not(.page-play) .important-limits h2{font-size:1.5rem}
.portfolio:not(.page-play) .screenshot-card{border:0;background:none;overflow:visible}
.portfolio:not(.page-play) .screenshot-card figcaption{padding:14px 0 0;font-size:.9rem;line-height:1.6}
.portfolio:not(.page-play) .paid-gallery{gap:28px}
.portfolio:not(.page-play) .clear-aftercare{display:block}
.portfolio:not(.page-play) .product-related{margin-top:48px}
.portfolio:not(.page-play) .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.portfolio:not(.page-play) .related-card{border:0;border-radius:0;background:none;padding:12px 0;text-decoration:none}
.portfolio:not(.page-play) .related-card strong{text-decoration:underline;text-underline-offset:.22em}
.portfolio:not(.page-play) .related-app{border:0;border-radius:14px;box-shadow:none;background:var(--ux-panel)}
.portfolio:not(.page-play) .download-entry{border:0;border-radius:0;background:none;padding:32px 0;margin:0;gap:48px}
.portfolio:not(.page-play) :is(.article-shell,.product-detail,.download-actions,.release-history) details{border:0;border-radius:0;background:none;box-shadow:none;margin:12px 0;padding:0}
.portfolio:not(.page-play) :is(.article-shell,.product-detail,.download-actions,.release-history) summary{padding:14px 0;min-height:44px;font-size:1rem;font-weight:600;cursor:pointer;line-height:1.5}
.portfolio:not(.page-play) :is(.article-shell,.product-detail) details[open]>.disclosure-content{padding:8px 0 20px}
.portfolio:not(.page-play) :is(.reading-jumps,.support-app-links,.guide-jumps){gap:8px 24px;padding-block:16px 24px}
.portfolio:not(.page-play) :is(.reading-jumps,.support-app-links,.guide-jumps) a{border:0;border-radius:0;background:none;padding:8px 0;min-height:40px;text-decoration:underline;text-underline-offset:.25em}
.portfolio:not(.page-play) :is(.reading-jumps,.support-app-links,.guide-jumps) a:hover{background:none}
.portfolio:not(.page-play) .directory-links{gap:8px 32px}
.portfolio:not(.page-play) .directory-links a{border:0;line-height:1.6}
.portfolio:not(.page-play) .support-choices>div{border:0;border-radius:0;background:none;padding:0}
.portfolio:not(.page-play) .press-card{border:0;box-shadow:none;background:var(--ux-panel)}
.portfolio.page-guide :is(.answer-box,.answer-summary,.guide-summary,.guide-prerequisites,.guide-check,.guide-concept){border:0;border-radius:0;box-shadow:none;background:none;padding:0;margin:24px 0}
.portfolio.page-guide .page-hero{padding-bottom:12px}
.portfolio.page-guide .guide-meta{font-size:.78rem;margin-top:16px}
.portfolio.page-guide .guide-contents{margin:8px 0 24px}
.portfolio.page-guide :is(.workflow-step,.guide-step){border:0;border-radius:0;box-shadow:none;background:none;padding:0 0 32px 8px;margin:0 0 24px}
.portfolio.page-guide :is(.workflow-step,.guide-step) h3{font-size:1.3rem;line-height:1.4;margin:0 0 12px}
.portfolio.page-guide .guide-figure{margin:24px 0 12px;padding:0;border:0;background:none}
.portfolio.page-guide .guide-figure img{border:0;border-radius:10px;box-shadow:0 8px 28px #1026380d}
.portfolio.page-guide .guide-figure-tiny img,.portfolio.page-guide .guide-figure-narrow img{width:auto;max-width:100%;margin-inline:auto}
.portfolio.page-guide .guide-figure figcaption{font-size:.86rem;line-height:1.6;padding:12px 0}
.portfolio.page-guide .table-scroll-hint{font-size:.85rem;color:var(--ux-muted);margin:12px 0}
.portfolio.page-guide .guide-product-text{padding:20px 0;margin-block:32px}
.portfolio.page-guide .guide-closing{padding-top:24px}
.portfolio .release-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.portfolio .release-summary,.portfolio .release-entry{padding:24px 0;border:0;max-width:74ch}
.portfolio .release-version-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}
@media(max-width:767px){.portfolio:not(.page-play){--section-space:36px}.portfolio:not(.page-play) main{padding-inline:20px}.portfolio:not(.page-play) :is(.page-hero,.portfolio-intro){padding-block:32px 20px}.portfolio:not(.page-play) .product-intro{padding:0}.portfolio:not(.page-play) .product-decision{gap:24px;padding-block:12px}.portfolio:not(.page-play) .portfolio-grid{gap:36px}.portfolio:not(.page-play) .related-grid,.portfolio .release-directory{grid-template-columns:1fr}.portfolio:not(.page-play) .download-entry{gap:20px}.portfolio.page-guide :is(.workflow-step,.guide-step){padding-left:4px}.portfolio.page-guide .guide-figure{margin-inline:-20px}.portfolio.page-guide .guide-figure figcaption{padding-inline:16px}.portfolio:not(.page-play) .benefit-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){.portfolio:not(.page-play) .task-options{transition:none}}
@media(forced-colors:active){.portfolio:not(.page-play) :is(.task-trigger,.press-card){border:1px solid CanvasText}}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters){display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,240px) auto;gap:16px 20px;align-items:end;border:0;background:none;padding:16px 0 24px;max-width:100%}
.portfolio:not(.page-play) .release-filters{grid-template-columns:minmax(170px,240px) minmax(200px,1fr) auto}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) label{display:grid;grid-column:auto;gap:8px;font-size:.87rem;font-weight:600;min-width:0}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) :is(input,select){width:100%;min-width:0;min-height:46px;padding:10px 14px;font:inherit;color:var(--ux-ink);background:var(--ux-panel);border:1px solid var(--ux-line);border-radius:10px;transition:border-color .15s,background-color .15s}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters,.category-filter) select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236b7c92' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) :is(input,select):hover{border-color:var(--text-soft);background-color:var(--bg-subtle)}
.portfolio:not(.page-play) :is(input,select,textarea):is(:focus,:focus-visible){border-color:transparent;outline:2px solid var(--brand-strong);outline-offset:-2px;box-shadow:none}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) button{min-height:46px;padding:10px 16px;border:1px solid transparent;border-radius:10px;background:none;color:var(--ux-ink);font:inherit;cursor:pointer;text-decoration:none}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) button[type=submit]{background:var(--brand);color:#fff}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) button[type=submit]:hover{background:var(--brand-hover)}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) button[type=reset]:hover{background:var(--surface-strong)}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) button:active{transform:translateY(1px)}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters)>p{grid-column:1/-1;margin:0;font-size:.85rem;color:var(--ux-muted)}
.portfolio .filter-actions{display:flex;gap:8px;align-items:center}
@media(max-width:767px){.portfolio:not(.page-play) :is(.guide-finder,.release-filters)>.filter-actions{grid-column:2;grid-row:3}}
.portfolio .release-app-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.portfolio .release-app-heading img{flex:none;object-fit:contain}
[data-theme=dark] .portfolio .release-app-heading img{padding:5px;border-radius:8px;background:#f5f7fb}
.portfolio .release-app-heading h2{font-size:1.2rem;line-height:1.4;margin:0;min-width:0;flex:1 1 180px}
.portfolio .release-current-version,.portfolio .release-latest{font-size:.8rem;font-weight:600;white-space:nowrap;color:var(--ux-muted)}
.portfolio .release-available-count{display:block;margin-top:12px;font-size:.8rem;color:var(--ux-muted)}
.portfolio .release-summary p{max-width:58ch;margin-block:18px}
.portfolio .release-history{max-width:860px}
.portfolio .release-entry summary{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative;padding-right:30px}
.portfolio .release-entry summary:after{content:'';position:absolute;right:0;top:24px}
.portfolio .release-entry summary h2{margin:0;font-size:1.4rem;line-height:1.4}
.portfolio .release-latest{margin-left:12px}
.portfolio .release-summary-text{font-weight:400;color:var(--ux-muted);max-width:66ch}
.portfolio .release-entry-content{padding-block:8px 20px}
.portfolio .release-entry li{line-height:1.75;margin-block:12px}
@media(max-width:767px){.portfolio:not(.page-play) :is(.guide-finder,.release-filters){grid-template-columns:1fr auto;gap:16px}.portfolio:not(.page-play) :is(.guide-finder,.release-filters)>label{grid-column:1/-1}.portfolio:not(.page-play) :is(.guide-finder,.release-filters)>p{grid-column:1;margin:0;grid-row:3}.portfolio:not(.page-play) :is(.guide-finder,.release-filters)>button{grid-column:2;grid-row:3}.portfolio .release-app-heading h2{min-width:140px}}
.portfolio:not(.page-play) .card-image .store-installs{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:8px;background:#fffffff2;color:#273b50;font-size:.72rem;line-height:1.4;font-weight:600;box-shadow:0 2px 8px #10263812;pointer-events:none}
.portfolio:not(.page-play) .important-limits .plain-list{display:block;columns:auto;padding-left:1.2em}
.portfolio:not(.page-play) .important-limits .plain-list li{margin-block:12px;line-height:1.7}
.portfolio:not(.page-play) .clear-aftercare .related-grid{max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){.portfolio:not(.page-play) .clear-aftercare .related-grid{grid-template-columns:1fr}}
.portfolio:not(.page-play) .clear-aftercare .product-aftercare-grid{display:block}
.portfolio:not(.page-play) .clear-aftercare .product-related{margin:0 0 48px}
.portfolio:not(.page-play) .clear-aftercare .product-faq{max-width:860px}
.portfolio:not(.page-play) .product-faq details{border:0;border-radius:0;background:none;padding:0;margin:4px 0}
.portfolio:not(.page-play) .product-faq summary{padding:16px 30px 16px 0;min-height:48px}
.portfolio:not(.page-play) .product-faq .faq-answer{padding:0 0 18px;max-width:68ch}
.portfolio:not(.page-play) .product-detail{margin-inline:0;max-width:860px}
.portfolio:not(.page-play) .illustrated-example{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.portfolio:not(.page-play) .product-example-copy h2{font-size:1.8rem;line-height:1.25;margin-top:0}
.portfolio:not(.page-play) .product-example-copy p,.portfolio:not(.page-play) .product-example-copy li{font-size:.95rem;line-height:1.7}
.portfolio:not(.page-play) .product-example-figure{margin:0;min-width:0}
.portfolio:not(.page-play) .product-example-figure img{width:auto;max-width:100%;height:auto;max-height:460px;object-fit:contain;display:block;border-radius:8px;box-shadow:0 8px 28px #10263812}
.portfolio:not(.page-play) .product-example-figure figcaption{font-size:.82rem;line-height:1.6;margin-top:14px;color:var(--ux-muted)}
@media(max-width:900px){.portfolio:not(.page-play) .illustrated-example{grid-template-columns:1fr;gap:24px}.portfolio:not(.page-play) .product-example-figure{max-width:700px}}
.portfolio.page-guide .article-shell[data-guide-layout="focused"]>section{padding-block:0;margin-block:32px;border:0}
.portfolio.page-guide .article-shell[data-guide-layout="focused"]>.guide-prerequisites{margin-block:20px 28px}
.portfolio.page-guide .article-shell[data-guide-layout="focused"]>.guide-prerequisites h2{font-size:1.05rem;margin-bottom:10px}
.portfolio.page-guide .guide-prerequisites :is(ul,ol){display:block;list-style:disc;padding-left:20px;margin:0}
.portfolio.page-guide .guide-prerequisites li{padding:2px 0;margin:4px 0}
.portfolio.page-guide .guide-prerequisites p{margin-block:10px}
.portfolio.page-guide .guide-steps{padding-left:24px;margin:20px 0}
.portfolio.page-guide .article-shell .guide-step{padding:0 0 12px 8px;margin:0 0 24px;max-width:none}
.portfolio.page-guide .guide-summary h2{font-size:1.05rem}
.portfolio.page-guide .guide-summary p{margin-bottom:0}
.portfolio.page-guide .article-shell .guide-product{padding:0!important;border:0;background:none}
.portfolio.page-guide .article-shell .guide-closing{padding:24px 0!important}

/* Secondary pages share the same spacing and understated surfaces. */
.portfolio .release-directory{gap:24px}
.portfolio .release-summary{display:flex;flex-direction:column;padding:28px;background:var(--ux-panel);border-radius:16px;max-width:none}
.portfolio .release-summary>.text-link{margin-top:auto}
.portfolio .release-current-version{padding:4px 8px;border-radius:6px;background:var(--bg-subtle);color:var(--ux-ink)}
.portfolio .release-available-count{margin-top:10px}
.portfolio .release-version-nav a{padding:8px 12px;background:var(--ux-panel);border-radius:8px;font-size:.9rem}
.portfolio:not(.page-play) .release-history .release-entry{padding:16px 24px;margin:20px 0;background:var(--ux-panel);border-radius:14px;max-width:none}
.portfolio .release-history .release-entry summary{padding:12px 32px 12px 0}
.portfolio .release-history .release-entry summary:after{top:20px;right:2px}
.portfolio .release-history .release-entry summary:hover h2{color:var(--brand-strong)}
.portfolio .release-entry-content ul{padding-left:22px;margin-bottom:0}
.portfolio .release-latest{color:var(--brand-strong)}
.portfolio .about-contact>div{min-width:0}
.portfolio .about-contact p:last-child{margin-top:24px}
.portfolio .about-contact a{white-space:nowrap}
.portfolio .press-resource-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:8px 0 32px}
.portfolio .press-review-access{max-width:780px;padding:28px 32px;margin:0 0 40px;background:var(--ux-panel);border-radius:16px}
.portfolio .press-review-access h2{font-size:1.35rem;margin:0 0 12px}
.portfolio .press-review-access p{max-width:64ch;margin-bottom:14px}
.portfolio .press-review-access p:last-child{margin-bottom:0}
.portfolio .press-publisher-info{margin-top:40px}
.portfolio .trial-help-section{max-width:860px;margin-block:40px}
.portfolio .trial-help-list{display:grid;gap:4px}
.portfolio .trial-help-item{padding:0;border:0;background:none;border-radius:0}
.portfolio .trial-help-item summary{padding:16px 32px 16px 0;cursor:pointer;font-weight:600}
.portfolio .trial-help-item summary:hover{color:var(--brand-strong)}
.portfolio .trial-help-item p{max-width:68ch;line-height:1.75}
.portfolio .donate-page{max-width:1000px;margin-inline:auto}
.portfolio .donate-page .donate-hero{margin:0;padding:48px 0 44px;max-width:none;border:0;background:none}
.portfolio .donate-page .donate-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px;align-items:center}
.portfolio .donate-page h1{font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.13;max-width:16ch}
.portfolio .donate-page .donate-qr-card{display:block;margin:0;padding:24px;background:var(--ux-panel);border-radius:18px;border:0;box-shadow:none}
.portfolio .donate-page .support-qr{padding:12px;background:#fff;border-radius:10px;width:100%;height:auto;aspect-ratio:1}
.portfolio .donate-page .support-qr img{width:100%;height:100%;object-fit:contain}
.portfolio .donate-page .donate-qr-card figcaption{font-size:.8rem;line-height:1.5;text-align:center;margin-top:16px;color:var(--ux-muted)}
.portfolio .donate-page .donate-note{max-width:54ch;font-size:.86rem;margin-top:20px}
.portfolio .donate-secondary{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding-bottom:48px}
.portfolio .donate-secondary>.section{padding-block:24px}
.portfolio .donate-secondary h2{font-size:1.4rem;line-height:1.3}
.portfolio .donate-secondary .section-heading{display:block;margin-bottom:20px}
.portfolio .donate-secondary .donation-disclosure{border:0;background:none;border-radius:0;padding:0}
.portfolio .donate-secondary .donation-disclosure summary{padding:12px 28px 12px 0}
.portfolio .donate-secondary:has(.donation-disclosure[open]){grid-template-columns:1fr}
.portfolio .donate-secondary .wallet-card{background:var(--ux-panel);padding-inline:clamp(10px,2vw,18px)}
.portfolio .donate-secondary .wallet-qr{box-sizing:border-box;padding:4px}
.portfolio .donate-secondary .wallet-qr img{object-fit:contain}
.portfolio .donate-secondary .wallet-identity{min-width:0;overflow-wrap:anywhere}
.portfolio:not(.page-play) .product-aftercare{padding-top:32px}
.portfolio:not(.page-play) .product-detail+.product-aftercare{margin-top:0}
@media(max-width:767px){
 .portfolio:not(.page-play) .card-copy{padding:22px}
 .portfolio .release-summary{padding:24px}
 .portfolio:not(.page-play) .release-history .release-entry{padding:12px 18px}
 .portfolio .release-app-heading h2{min-width:0;flex-basis:150px}
 .portfolio .press-review-access{padding:24px}
 .portfolio .donate-page .donate-hero{padding-block:32px}
 .portfolio .donate-page .donate-hero-grid,.portfolio .donate-secondary{grid-template-columns:1fr;gap:24px}
 .portfolio .donate-page .donate-qr-card{width:220px;justify-self:start}
 .portfolio .donate-secondary>.section{padding-block:16px}
}
@media(prefers-reduced-motion:reduce){.portfolio:not(.page-play) :is(.guide-finder,.release-filters) :is(input,select,button){transition:none;transform:none}}
@media(forced-colors:active){.portfolio:not(.page-play) :is(.portfolio-card,.release-summary,.release-entry,.store-installs){border:1px solid CanvasText}.portfolio:not(.page-play) select{appearance:auto;background-image:none}}

.portfolio .guide-control-key{display:grid;gap:6px;margin:14px 0 0;padding-left:1.5em;font-size:.85rem;line-height:1.6;color:var(--ux-muted)}
.portfolio .guide-control-key li{padding-left:4px;margin:0}
.portfolio .guide-control-key li::marker{font-weight:700;color:var(--text)}

/* Live search has one clear control, inside the field, in every browser. */
.portfolio:not(.page-play) .guide-finder{grid-template-columns:minmax(0,1fr) minmax(170px,240px)}
.portfolio .guide-query{display:grid;gap:8px;min-width:0}
.portfolio .guide-search-field{position:relative;min-width:0}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) input[type=search]{padding-right:48px}
.portfolio :is(#guide-search,#release-search)::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}
.portfolio :is(#guide-search,#release-search)::-ms-clear{display:none}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) :is([data-clear-guide-search],[data-clear-release-search]){position:absolute;right:3px;top:3px;width:40px;min-height:40px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;color:var(--ux-muted);background:transparent;transform:none}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) :is([data-clear-guide-search],[data-clear-release-search]):hover{color:var(--ux-ink);background:var(--surface-strong)}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters) :is([data-clear-guide-search],[data-clear-release-search]):focus-visible{outline-offset:-3px}
.portfolio:not(.page-play) :is(.guide-finder,.release-filters,.category-filter) :is(input,select,textarea,.task-trigger):is(:focus,:focus-visible){border-color:transparent;outline:2px solid var(--brand-strong);outline-offset:-2px;box-shadow:none;transition-property:background-color}
.portfolio:not(.page-play) .guide-viewer :is(button,.guide-viewer-stage,.guide-viewer-caption):focus-visible{outline:2px solid var(--brand-strong);outline-offset:-3px;box-shadow:none}
.portfolio:not(.page-play) #main-content:focus-visible{outline:none;box-shadow:none}
.portfolio:not(.page-play) #main-content:focus-visible h1{text-decoration:underline;text-decoration-color:var(--brand-strong);text-underline-offset:.18em;text-decoration-thickness:2px}
.portfolio:not(.page-play) :is(.data-table-wrap,.table-wrap):not([tabindex]):focus{outline:none;box-shadow:none}
.portfolio .table-scroll-hint{font-size:.85rem;color:var(--ux-muted);margin:12px 0}
.portfolio .guide-control-key{gap:8px;font-size:.84rem}
.portfolio .guide-control-key li::marker{color:var(--brand-strong)}
[data-theme=dark] .portfolio:not(.page-play) .guide-viewer{--viewer-surface:var(--surface);--viewer-stage:var(--bg);--viewer-text:var(--text);--viewer-muted:var(--text-soft);--viewer-hover:var(--surface-strong);--viewer-line:var(--line)}
@media(max-width:767px){.portfolio:not(.page-play) .guide-finder{grid-template-columns:1fr}.portfolio .guide-query{grid-column:1/-1}.portfolio:not(.page-play) .guide-finder>[data-guide-count]{grid-column:1/-1;grid-row:auto}}
@media(forced-colors:active){.portfolio:not(.page-play) :is(input,select,textarea,.task-trigger):focus-visible{outline-color:Highlight}.portfolio:not(.page-play) #main-content:focus-visible h1{text-decoration-color:Highlight}}

.portfolio:not(.page-play) .release-filters{grid-template-columns:minmax(170px,240px) minmax(0,1fr)}
.portfolio :is(.guide-figure,.product-example-figure) .figure-credit{display:block;margin-top:.4rem;color:var(--ux-muted);font-size:.78rem;line-height:1.55}
@media(max-width:767px){.portfolio:not(.page-play) .release-filters{grid-template-columns:1fr}.portfolio:not(.page-play) .release-filters>[data-release-status]{grid-column:1/-1;grid-row:auto}}